/*
Style Sheet for Keydigital Productions website

Sections:
1. defaults
2. fonts
3. links
4. structure
5. forms

Keydigital Productions
*/


/*-------defaults-------*/



body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #FFFFFF;

}
 
.global {
background-image: url(bgleft.jpg);
background-repeat: repeat-y;
background-position: center;

}        		



hr {
      border: none;
      color: #C5C9CC;
      background-color: #C5C9CC;
      height: 1px;
      width: 100%;
}

/*-------end defaults-------*/

/*-------fonts-------*/
h1 {
       color:#2F2450;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 18px;
       font-weight: normal;
}

h2 {
       color:#2F2450;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 15px;
       font-weight: bold;
}

h3 {
       color:#2F2450;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 13px;
       font-weight: bold;
}

h4 {
       color:#2F2450;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 11px;
       font-weight: bold;
}

h5 {
       color:#999999;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 11px;
       font-weight: bold;
}


p {
       color:#000000;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 11px;
       
}

/*-------end fonts-------*/


/*-------links-------*/

a:link, a:visited {
text-decoration: underline;
color: #2F2450;
}

a:hover {
color: #FF7000;
text-decoration: underline;
}

.mainContent a:link, .mainContentnew a:link, seoLinks a:link, .mainContent a:visited, .mainContentnew a:visited, .seoLinks a:visited {
text-decoration: underline;
color: #2F2450;
}

.mainContent a:hover, .mainContentnew a:hover, .seoLinks a:hover {
color: #FF7000;
text-decoration: underline;
}


.navpartner {
text-align: left;
padding-left: 15px;
margin-left: 0px;
list-style: none;

}

.navpartner   a:link, a:visited{
font-weight: normal;
color:#00479B;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
}


.navpartner  a:hover {
font-weight: normal;
color:#FF1313;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: underline;
}

.tours   a:link, a:visited{
font-weight: normal;
color:#00479B;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: underline;
}


.tours  a:hover {
font-weight: normal;
color:#FF1313;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: underline;
}

#MainLinks {
margin: 0;padding: 0 0 10px 10px;
}
	 
#MainLinks li {
		
		
		display: inline;
		list-style-type: none;
                color: #093270;
                
}
		
	
#MainLinks a {
             
		font-family: Verdana, Arial, Helvetica, sans-serif;
		line-height: 13px;
                font-size: 10px;
		font-weight: normal;
		padding: 0 20px 6px 4px;
		text-decoration: none;
		color: #093270;
                  

}
	
	
#MainLinks a.active, #MainLinks a:hover {
		color: #FF7000;
		
            		
}

#FooterLinks {

margin: 0;
padding: 0 0 10px 10px;

}
	 
#FooterLinks li {
		margin: 0; 
		padding: 0;
		display: inline;
		list-style-type: none;
                color: #093270;
}
		
	
#FooterLinks a {
             
		font-family: Verdana, Arial, Helvetica, sans-serif;
		line-height: 13px;
		font-weight: normal;
		padding: 3px 3px 3px 0px;
		text-decoration: none;
		color: #093270;
		font-size: 9px;

}
	
	
#FooterLinks a.active, #FooterLinks a:hover {
		color: #FF7000;
		font-size: 9px;
            		
}

#headcontainer li {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

/*.button {
width: 156px;
height: 44px;

}

.button a {
width: 156px;
height: 44px;
   background: url("/Resources/tour_btn2.jpg") 0 0 no-repeat;
   border: none;
   }
   
   
.button a:hover {
   background-position: -156px 0;
   border: none;
   }
*/
.button a { 
display:block; height:44px; width:156px; overflow:hidden; border: none;
}

.button a:hover { 
display:block; text-indent:-156px; border: none;
}


/*-------end links-------*/

/*-------main structure-------*/

#pageSurround {
	width: 800px;
	margin: 0px auto;
	padding: 0px;
	border: 1px solid #668197;
	background-color: #ffffff;
       
}

#masthead	{
	width: 800px;
	height: 45px;
	padding: 0;
	border: 0;
	margin: 0;
	position: relative;
	}

#keyheader {
border-bottom: #EEEEEE solid;
}

#keyheader_new {
background-image: url(/Resources/keydig_header_new.jpg);
width: 800px;
height: 200px;
border-bottom: #EEEEEE solid;
}
	
.masthead_logo {
	position: absolute;
	top: 4px;
	left: 12px;
	width: 46px;
	}
	
.mastheadtools {
	position: absolute;
	top: 7px;
	left: 100px;
	font: bold 11px/15px arial, helvetica, sans-serif;
	color: #848484;
	}
	
.mastheadtools a,
.mastheadtools a:visited {
	text-decoration:none;
	color:#848484;
        font-weight: normal;
	}
	
.mastheadtools a:hover {
	text-decoration:underline;
	color: #848484;
	}
	
.mhsbtn {
	position: absolute;
	top: 10px;
	left: 748px;
	}
	
.mhsfield {
	position: absolute;
	top: 10px;
	left: 627px;
	width:109px;
	height:13px;
	font: normal 9px Tahoma, verdana, arial, helvetica, sans-serif;
	color: #000;
	padding: 2px 0px 0px 3px;
	}

#SWFPerfHeader {
        position: relative;
	text-align: right;
        height: 200px;
	margin-bottom: 0px;
	padding-right: 0px;
	padding-top: 2px;
        padding-bottom: 0px;	
}

#SWFHomeHeader {
	text-align: right;
	height: 200px;
	margin-bottom: 0px;
	padding-right: 0px;
	padding-top: 2px;
        padding-bottom: 0px;	
}

.boxContentRight {
        width: 214px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
        text-align: center;	
	color: #000000;
	border: 1px dotted #CCCCCC;
	background-color: #F9F9F9;
	padding-left: 0px;
        padding-right: 6px;
	margin-bottom: 15px;
        margin-top: 0px;
	padding-top: 3px;
	padding-bottom: 5px;
}

.linkbox {
margin-top: 30px;
}
.linkbox a{

        margin-top: 80px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
        color: #2F2450;
                
}

.linkbox a.active, .linkbox a:hover {
        color: #FF7000;
        text-decoration: none;
}

.linkbox a:visited {
        color: #FF7000;
        text-decoration: none;
}

.boxContentRecogOuter {
        width: 170px;
        float: right;     	
	color: #000000;
	border: 1px solid #668197;
	background-color: #FFFFFF;
	padding-left: 0px;
        padding-right: 0px;
	margin-bottom: 3px;
        margin-top: 15px;
        margin-right: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.RecBoxContent {
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333333;
text-align: left;
}



.boxContentPartner {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
        color: #333333;
	border-right: 1px solid #C5C9CC;
	background-color: #FFFFFF;
	padding-left: 0px;
        padding-right: 6px;
	padding-top: 5px;
	padding-bottom: 5px;
      
}

.boxFeederPartner {
	border-right: 1px solid #C5C9CC;
	background-color: #FFFFFF;
	padding-left: 1px;
	margin-bottom: 1px;
	padding-top: 3px;
	padding-bottom: 0px;
     
       
}

.boxTitleRight {
        width: 186px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;	
	color: #FFFFFF;
	 background: url("/Resources/box_top.jpg") 0 0 no-repeat;
	background-color: #2f244f;
	height: 20px;
	padding-top: 3px;
	padding-left: 3px;
        padding-right: 3px;
        margin-top: 17px;
}

.boxTitleRecognition {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;	
	color: #003C85;
	background-color: #C7C9CB;
	height: 20px;
	border-bottom: 1px solid #668197;	
	padding-top: 2px;
        padding-right: 0px;
}





.boxTitlePartner {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;	
	color: #003C85;
	background-color: #EDEDED;
	height: 20px;
	border-top: 0px solid #668197;
	border-left: 0px solid #668197;
	border-right: 0px solid #668197;
	padding-left: 3px;
        padding-right: 3px;
        
}


.boxContentLeft  {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
        color: #003C85;
	padding-right: 25px;
	background-color: #FFFFFF;
	padding-left: 5px;
	margin-bottom: 10px;      
	padding-top: 0px;
	padding-bottom: 5px;
        text-align: left;
        height: 400px;
        border-right: 1px solid #C5C9CC;
}





.boxContentPrint {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
        text-align: left;	
	color: #000000;
	border: 1px solid #003C85;
	background-color: #FFFFFF;
	padding-left: 6px;
        padding-right: 6px;
	margin-bottom: 3px;
	padding-top: 3px;
	padding-bottom: 5px;
}
.boxContentFeeder {

	border: 0px solid #668197;
	padding-left: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;           
}

#examples {
width: 180px;
height: auto;
border: 1px solid #CCCCCC;
padding: 5px;
background-color: #FFFFFF;
text-align: left;
margin-bottom: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
        text-align: center;	
}


#examples a ,#examples a:visited {
text-decoration: none;


}

#pscroller1 {
width: 180px;
height: 500px;
border: 1px solid #CCCCCC;
padding: 5px;
background-color: #FFFFFF;
text-align: left;
margin-bottom: 0px;
}

#pscroller2 {
width: 430px;
height: 350px;
border: 0px solid #CCCCCC;
padding: 5px;
background-color: #FFFFFF;
text-align: left;
margin-bottom: 0px;
margin-left: 35px;
}

.ColLeft {
        position: relative;
	
	left: 0px;
	width: 180px;
        height: 400px; 
	padding-left:9px;
	padding-right: 9px;
        padding-top: 20px;
	float: left;
        border-right: 1px dotted #999999;
      
}


.colMid {
     
	position: relative;
	width: 390px;
	float: left;


}
#footer {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
        color: #093270;
	text-align: center;
	width: 800px;
	height: 20px;
	margin-bottom: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
        padding-top: 3px;
        background-color: #CCCCCC;
        border-top: 2px solid #9195ED;
        
}
.logo {
margin-left: 150px;
margin-bottom: 25px;
}


#menutop {
        background-image: url(/Resources/menu_bg.jpg);
        background-repeat: repeat-x;
        font-family: Copperplate, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
        color: #FFFFFF;
	text-align: center;
	width: 800px;
	height: 19px;
	margin-top: -4px;
	padding-right: 0px;
	padding-bottom: 0px;
        padding-top: 5px;
        
        
        border-top: 2px solid #FF7800;
        border-bottom: 2px solid #FF7800;
}

#headcontainer {     
        width: 800px;
	height: 80px;
	padding: 0;
	border: 0;
	margin: 0;
	position: relative;
    
}


.menu {
        text-align: center;
	width: 794px;
	height: 30px;
	margin-bottom: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
        padding-top: 10px;
        background-color: #F66FFF;
        
}
.colRight {
      
	text-align: left;
	position: relative;
	float:right;
	width: 190px; 
	margin-right: 10px;
        padding-top: 0px;
        padding-right: 7px;
	
        
       
}

.colLeftPartner {
	position: relative;
	right: 0px;
	width: 216px; 
	padding-left: 2px;
        padding-top: 3px;
        margin-top: 1px;
        padding-right: 2px;
	float: left;
        border: 0px solid #668197;
       
}

.colRightSch {
	position: relative;
	right: 0px;
	width: 230px; 
	padding-left: 2px;
        padding-top: 3px;
        padding-right: 2px;
	float: right;
        border: 0px solid #668197;
       
}

.boxContent { 
       width: 270px;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #3C4BA5;
	background-color: #FFFFFF;
	margin-bottom: 5px;
        float: left;
             
}
.mainContent { 
       width: 467px;
	padding-left: 45px;
        padding-right: 45px;
        padding-top: 15px;		
        float: left;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
        text-align: left;	
	color: #000000;
}

.mainContentnew { 
       width: 487px;
	padding-left: 45px;
        padding-right: 45px;
        padding-top: 15px;		
        float: left;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
        text-align: left;	
	color: #000000;
}


#pagewrapp { background: url("column.jpg") 
repeat-y top; 
border: none; }




.mainContentPeople { 
       width: 330px;
	padding-left: 25px;
        padding-right: 25px;
        padding-top: 5px;		
        float: left;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
        text-align: left;	
	color: #000000;
        
        
}

.mainContent2 { 
       position: relative;
       width: 450px;
	padding-left: 35px;
        padding-right: 55px;
        padding-top: 40px;
        margin-bottom: 10px;		
        float: left;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
        text-align: left;	
	color: #000000;
        
        margin-left: 30px;        
}

.mainContentWide { 
        width: 680px;
	padding-left: 20px;
        padding-right: 55px;
        padding-top: 40px;		
        float: left;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
        text-align: left;	
	color: #000000;
        margin-left: 20px;        
}

.success {
font-size: 14px;
font-weight: bold;
padding-left: 135px;
padding-top: 100px;
padding-bottom: 100px;
color: red;
}



.peterstudd {
float: left;
padding-bottom: 15px;
padding-right: 20px;

}

.peterstudd p {
text-align: center;
margin-bottom: 0px;
}

.jb_sean {

padding-bottom: 15px;
padding-right: 20px;

}

.jb_sean p {
text-align: center;
margin-bottom: 0px;
}

.lincoln {
float: right;
padding-bottom: 15px; 
padding-left: 15px;
padding-top: 15px;
}

.lincoln p {
text-align: center;
margin-bottom: 0px;
}

.richardhavers {
float: left;
padding-bottom: 15px;
padding-right: 20px;

}

.richardhavers p {
text-align: center;
margin-bottom: 0px;
}

.seanhanson {
float: left;
padding-bottom: 15px;
padding-right: 20px;

}

.seanhanson p {
text-align: center;
margin-bottom: 0px;
}

.bath {
float: right;
padding-bottom: 15px; 
padding-left: 15px;
padding-top: 15px;
}

.bath p {
text-align: center;
margin-bottom: 0px;
}

.partnerlinks {

text-align: center;
padding-top: 5px;

}

.partnerlinks a:hover {
color: #FF1313;
text-decoration: underline;
}

.contact {
margin-top: 0px;
float: left;
padding-bottom: 15px;
}




.someclass { 
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

.someclass a {
text-decoration: underline;
font-size: 12px;
font-weight: normal;
color: #003C85;
}

.someclass a:hover {
text-decoration: underline;
font-size: 12px;
font-weight: bold;
color: #FF1313;
}



.datatable {
border-top: 1px solid #999;
border-left: 1px solid #999;
border-collapse: collapse;
}



.form2 td  {
border: 0px;
text-align: left;

}


th, td {
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}


th {
background: #CCC;
text-align: center;
}

td {
text-align: center;
font-weight: normal;
}

caption {
color:#003C85;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
padding-bottom: 10px;
}

ul {
list-style-image: url(/ee/Resources/arrow.gif)
}

.box_header {
  color: #424A5C;
  background: #FFE100 url('../Resources/box02.gif') repeat-x top left;
  font-weight: bold;
  font-size: 12px;
  min-height: 33px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding-bottom: 7px;
  
}

.box_head_right {
  color: inherit;
  background-color: inherit;
  background: url('../Resources/box04.gif') no-repeat top right;
}

.box_head_left {
  color: inherit;
  background-color: inherit;
  background: url('../Resources/box03.gif') no-repeat top left;
  padding: 15px 8px 3px 11px;
}

.box_text {
  border-left: 2px solid #FFE100;
  border-right: 2px solid #FFE100;
  border-bottom: 2px solid #FFE100;
  background-color: inherit;
  color: #555555;
  padding-left: 8px;
  padding-right: 8px;
  clear: both;
}

.box_text {
  background: url('../Resources/box01.gif') repeat-x top left;
  padding: 14px 0px 10px 0px;
}

.box_container {
width: 200px;
float: left;

}

.contact {
position: relative;
margin-top: 10px;

clear: right;
float: right;
}





/*-------end main structure-------*/

/*-------form-------*/
.perfsearch {
position: relative;
padding-left: 20px;
padding-bottom: 0px;
}

.form {
        clear: left;
        position: relative;        
        float: left;
        padding-top:20px;
        padding-left:20px;
}

.formb {
        clear: left;
        position: relative;        
        float: left;
        padding-top:20px;
        padding-left:6px;
        width: 400px;
}

#name, #company, #email, #subject, #telephone, #school, #address, #la, #delegate_name  {
width: 200px;
height: 20px;
margin-bottom: 10px;
background-color: #F1F1F1;
border: 1px solid #003C85;

}


#title, #date {
width: 220px;
height: 20px;
margin-bottom: 10px;
background-color: #F1F1F1;
border: 1px solid #003C85;

}
#code, #time, #position{
width: 90px;
height: 20px;
margin-bottom: 10px;
background-color: #F1F1F1;
border: 1px solid #003C85;
}
#establishment_name, #address2, #email2, #requirements {
width: 350px;
height: 20px;
margin-bottom: 10px;
background-color: #F1F1F1;
border: 1px solid #003C85;
}

#email2 {
width: 370px;
height: 20px;
margin-bottom: 10px;
background-color: #F1F1F1;
border: 1px solid #003C85;
}

#fax {
width: 130px;
height: 20px;
margin-bottom: 10px;
background-color: #F1F1F1;
border: 1px solid #003C85;
}

#dfes {
width: 140px;
height: 20px;
margin-bottom: 10px;
background-color: #F1F1F1;
border: 1px solid #003C85;
}

#btnsubmit {
width: 95px;
border: 1px solid #00008B;
background-color: #F1F1F1;
}

#btnSubmit {
width: 40px;
border: 1px solid #00008B;
background-color: #F1F1F1;
}

#thisform label {
font-weight: bold;
font-size: 11px;
padding-right: 12px;
}

#thatform label {
font-weight: bold;
font-size: 10px;
padding-right: 3px;
float: right;
}



#search label {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 9px;
padding-right: 8px;
color: #8E8F90;

}

.mainsearch {
position: relative;
float: right;
padding-top: 0px;
}

#srchfield {
width: 120px;
background-color: #F1F1F1;
border: 1px solid #003C85;
height: 15px;
}

#srchbtn {
width: 30px;
background-color: #F1F1F1;
border: 1px solid #003C85;
height: 19px;
margin-top: 0px;
}

#reset {
width: 90px;
border: 1px solid #00008B;
background-color: #F1F1F1;
}


#message {
background-color: #F1F1F1;
border: 1px solid #00008B;
margin-bottom: 10px;
}

.grey {
background-color: #E1E1E1;
}

.flashform {
margin-left: 0px;
position: relative;
float: left;
clear: left;
margin-bottom: 30px;
}

.videotours {
margin-left: 20px;
position: relative;
float: left;
clear: left;
margin-bottom: 30px;
}






/*-------end form-------*/