/* 
CSS 
*/
 
body { font-family: "Lucida Sans"; color: #fff; background-color: #fff; background-repeat: repeat-x repeat-y; margin: 0; line-height: 1.4em; letter-spacing: 0.02em; text-align: center;height: 100%;}
html { height: 100%;}

#main a:link { color: #94bee5; text-decoration: underline;}
#main a:active { color: #94bee5; text-decoration: underline;}
#main a:hover { color: #fcbb75; text-decoration: none; }
#main a:visited { color: #94bee5; text-decoration: none;}

#wrapper { width:1025px; text-align:center; margin:40px auto;}
#left { float: left; padding: 0; margin: 0; line-height: 0; text-align: left; width: 400px; height: 850px; background: #94bee5; border-bottom: 5px solid #fcbb75; }
#right { float: left; padding: 0; margin: 0 0 0 1px; text-align: left; width: 611px; height: 715px; background-image:url(images/content-bg.jpg); 
background-repeat: no-repeat;}
#flash object {display: block;}
#news-section { font-size: 90%;}
#news h2 { color: #fff;}
.biog0 { float: left; margin: 40px 5px 0 0; width: 130px; }
.biog1 { float: left; margin: 40px 5px 0 0; width: 130px; }
.biog2 { float: left; margin: 40px 5px 0 0; width: 130px; }

#main { float: left; width: 560px;  font-size: 75%; text-align: left; padding: 20px; text-align:justify;}
#large-section { float: left; padding: 0; margin: 0 0 0 1px; text-align: left; width: 611px;  height: 100%; background-color:#333333;}
#large-left { float: left; padding: 0 0 10px 0; margin: 0; line-height: 0; text-align: left; width: 400px; height:100%; background: #94bee5; border-bottom: 5px solid #fcbb75;}
#large-left h2{text-align:center;}

/*#large-left img {border :none;}*/

#main h1 { font-size: 170%; color: #fcbb75;  margin: 0 0 5px 0; letter-spacing: 0.04em;}
h2 { font-size: 160%; color: white; margin: 5px 0 2px 0;}
.intro {color:#999;}
table {border:1px solid #666; text-align: left; font-size: 80%;}
.leftphotos { border-bottom: 1px solid #fff;}
.photo { float:left; border: 2px solid #fcbb75; margin: 10px 15px 5px 0; }
.testimonial {margin: 10px 0 0 0; font-size:90%; color:#fcbb75; background: #424242; padding: 5px; border: 1px solid #393939;}



#main ul {color: #fcbb75; font-size:90%; margin:0; padding:0px;}
#main li {color: #fcbb75; font-size:90%; margin:0 0 1px 5px; padding:0px;}

ul#main {margin:0px; padding:0px;}
li#main {margin:0 0 1px 5px; padding:0px;}

.field { font: 14px arial; width: 220px; height: 20px;  border-top: 1px solid #999; border-left: 1px solid #999; } 
.txtarea { font: 14px arial; width: 220px; border-top: 1px solid #999; border-left: 1px solid #999;}
.button { font: 14px arial; width: 70px; height: 25px; border: 1px solid #999; }
.checkbox { float:left; border: none; padding: 2px; }

#navcontainer { float: left; width: 600px; height: 30px; margin: 18px 0 0 8px; padding: 0;}

ul#navcontainer { padding: 0; margin: 0;}
li#navcontainer { padding: 0; margin: 0;}

#navcontainer li 
{
display: block;
float: left;
text-align: center;
margin: 0 5px 0 5px;
}

#navcontainer ul {
list-style-type: none; 
padding: 0;
margin: 0;
}

#navcontainer a
{
color: #fff;
text-decoration: none;
text-transform: uppercase;
display: block;
font-size: 70%; 
padding: 5px;
}

#navcontainer a:active
{
color: #fff;
text-decoration: none;
text-transform: uppercase;
display: block;
font-size:70%; 
padding: 5px;
}

#navcontainer li#active { color: #fff; }
#navcontainer a:hover { color: #fcbb75; }
/*current page highlight link*/#home .home, #about .about, #aboutprogramme .aboutprogramme, #industry .industry, #aboutyou .aboutyou, #faq .faq, #news .news, #bio .bio, #contact .contact
{ color: #fcbb75;}
/*navigtion end*/

/*subnav*/
#subnav {float: left; width: 370px; height:100%; margin: 18px 0 0 8px; padding: 0; line-height:15px; }
ul#subnav { padding: 0; margin: 0;}
li#subnav { padding: 0; margin: 0;}

#subnav li 
{
display: block;
margin: 15px;
}

#subnav ul {
list-style-type: none; 
padding: 0;
margin: 0;
}

#subnav a
{
display: block;
background: #77a9d7;
padding:7px; 
color: #333;
text-decoration: none;
text-transform: uppercase;
font-size: 70%; 
border-top: 1px dotted white;
border-bottom: 1px dotted white;

}

#subnav a:active
{
color: #333;
text-decoration: none;
text-transform: uppercase;
font-size:70%; 
padding: 7px;
}

#subnav li#active { color: #333; }
#subnav a:hover { color: #333; background: #aed3f5;}

/*endsubnav*/



#footer { width: 1011px; font-size: 65%; text-align: left; margin: 10px auto 0 auto; color: #666; line-height: 1.8em; background-color:#fff;}
#footer a:link { color: #666; text-decoration: none;}
#footer a:active { color: #666; text-decoration: none;}
#footer a:hover { color: #ccc; text-decoration: none; }
#footer a:visited { color: #999; text-decoration: none;}
#footer img {border: none;}

.clearer {
clear:both;
height:1px;
overflow:hidden;
margin-top:-1px; 
}

/*form styles*/

fieldset {border: none; padding:0; font-family:Arial, Helvetica, sans-serif; }
.submit { color: #fff; background: #666; width: 110px; height: 35px; border:0;}
.input{ width: 190px; height: 26px; padding: 2px; font-size: 16px; color: #333; border: 2px solid #666; }
.textarea { width: 200px; height: 130px; border: 2px solid #666; font-size: 16px; color: #333;}
.select { width: 200px; height: 26px; border: 1px solid #fcbb75; font-size: 14px; color: #333;}
.blank{display:none;}

#form-left { float: left; width: 210px; margin: 0 80px 0 0px; text-align: left; font-size: 100%; font-weight: normal; color:#fcbb75;}
#address-right {float: left; width: 210px; margin-top:90px; text-align: left; padding: 2px; font-size: 110%; font-weight: normal; color:#fcbb75; font-family:Arial, Helvetica, sans-serif;}