/*
Style Sheet for TT 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;
background-image: url(images2/header_bg.jpg);
background-repeat: repeat-x;

}
 
.global {

background-position: center;

border: none; 

}        		



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

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

/*-------fonts-------*/
h1 {
       color:#0D7592;
       font-family: Arial, Helvetica, sans-serif;
       font-size: 20px;
       font-weight: bold;
}

h2 {
       color:#0D7592;
       font-family: Arial, Helvetica, sans-serif;
       font-size: 16px;
       font-weight: bold;
}

h3 {
       color:#0D7592;
       font-family: Arial, Helvetica, sans-serif;
       font-size: 13px;
       font-weight: bold;
       font-style: italic;
}

h4 {
       color:#0D7592;
       font-family: Arial, Helvetica, sans-serif;
       font-size: 13px;
       font-weight: bold;
}

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


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

.style48 { font-family:Arial,Helvetica,sans-serif; font-size:13px }
.style87 { margin-left:0px; margin-right:0px }


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


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

a:link, a:visited {
text-decoration: none;
color: #77DAED;
}

a:hover {
color: #0a5469;
text-decoration: none;
}


#contact a:link, a:visited {
text-decoration: none;
color: #1e8497;
border: none;

}

#contact a:hover {
color: #0a5469;
text-decoration: none;
}

.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: 115px 0px 10px 15px;
}
	 
#MainLinks li {
		
		
		display: inline;
		list-style-type: none;
                color: #093270;
                
}
		
	
#MainLinks a {
             
		font-family: Verdana, Arial, Helvetica, sans-serif;
		line-height: 13px;
                font-size: 11px;
		font-weight: normal;
		padding: 0 8px 6px 4px;
		text-decoration: none;
		color: #093270;
                  

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

#topright_link {

position: absolute;
top: 0px;

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

}
	
	
#topright_link a.active, #topright_link 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: #77DAED;
}
		
	
#FooterLinks a {
             
		font-family: Verdana, Arial, Helvetica, sans-serif;
		line-height: 13px;
		font-weight: normal;
		padding: 3px 3px 3px 0px;
		text-decoration: none;
		color: #77DAED;

}
	
	
#FooterLinks a.active, #FooterLinks a:hover {
		color: #0a5469;
		
            		
}

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

#button {
width: 200px;
height: 24px;

}

#button a {
width: 200px;
height: 24px;
   background: url("images2/bg_nav.jpg") 0 0 no-repeat;
   border: none;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   
   }
   
   
#button a:hover {
width: 200px;
height: 25px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   
   background: url("images2/bg_nav.jpg") 0 -25px no-repeat;
   border: none;
   }


.rollover a {
height: 13px;
display:block;
width: 200px;
padding:0px 10px 12px 7px;
font: bold 10px sans-serif;
color:#333;
background: url("images2/bg_nav.jpg") 0 0 no-repeat;
text-decoration: none;
}


.rollover a:hover { 
background-position: 0 -25px;
color: #049;
}

#rollover2 a {
height: 13px;
display:block;
width: 183px;
padding:0px 10px 12px 7px;
font: bold 10px sans-serif;
color:#333;
background: url("images2/bg_learning_nav.jpg") 0 0 no-repeat;
text-decoration: none;
}


#rollover2 a:hover { 
background-position: 0 -25px;
color: #049;
}

#navigation {

height: auto;
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
	background-color: #DDDDDD;
	clear: both;
}


#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation li {
	border-bottom: 1px solid #FFFFFF;
}
#navigation li a:link, #navigation li a:visited  {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 0px solid #0D7592;
	border-right: 0px solid #711515;
	background-color: #DDDDDD;
	color: #0D7592;
	font-size: 12px;
	text-decoration: none;
}

#navigation li a:hover  {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 0px solid #08586e;
	border-right: 0px solid #711515;
	background-color: #CBCBCB;
	color: #08586e;
	text-decoration: none;
}



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

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

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






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


.HomeContent_Box {
width: 880px;
height: 300px;
background-color: #d9f5f9;
margin: 30px;
padding-left: 0px;



}


.HomeContent_Box2 {
width: 680px;
height: auto;
background-color: #FFFFFF;
margin: 10px;
padding-left: 29px;
padding-right: 29px;
padding-bottom: 29px;
padding-top: 10px;
float: left;
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
display: inline;


}

.form1 {
border: none;
}

.leftbox {
width: 250px;
height: 270px;
border: 1px solid #DDDDDD;
float: left;
display: inline;
}

.rightbox {
width: 250px;
height: 270px;
border: 1px solid #DDDDDD;
float: right;
display: inline;
}

.middlebox {
width: 250px;
height: 270px;
border: 1px solid #DDDDDD;
float: left;
display: inline;

}


#keyheader {
width: 960px;
height: 142px;
background: url("images2/header.jpg");
}



	
.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: #2F2450;
	background-color: #9195ED;
	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;           
}

#pscroller1 {
width: 180px;
height: 200px;
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: 10px;
        color: #093270;
	text-align: center;
	width: 960px;
	height: 20px;
	margin-bottom: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
        padding-top: 3px;
        background-color: #0D7592;
        border-top: 2px solid #74D9EB;
        
}
.logo {
margin-left: 100px;
margin-bottom: 28px;
}

#tt_frontpage {
font-family: 
Helvetica, sans-serif;
font-size: 28px;
font-weight: bold;
}

#menutop {
        font-family: Copperplate, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
        color: #FFFFFF;
	text-align: left;
	width: 960px;
	
	margin-top: -25px;
	padding-left: 5px;
	padding-bottom: 0px;
        padding-top: 0px;
        
       
}

#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: 23px;
        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: 830px;
	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;
        
                     
}

#homepage_img {
width: 960px;
height: 287px;
background: url("images2/homepage_img.jpg"); 

}


#pagewrapp { background: url("images2/bg_shade.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;
}







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

}




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-------*/


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