@charset "utf-8";
/* CSS Document */

body{
padding:0px;
margin:0px;
}

div, h1, h2, h3, h4, p, form, label, input, textarea, img, span, ul, ul li, dd{
margin:0; padding:0; border:0; margin:0px; padding:0px; border:0px; outline:none;
}

.clear{ display:block; clear:both}

.header-bg{
display:block;
clear:both;
margin:0 auto;
width:100%;
height:380px;
background:url(../images/bg-header.jpg) no-repeat center;
}

.logo{
display:block;
clear:both;
margin: 0 auto;
width:1000px;
height:105px;
}

.header-navigation{
padding:5px;
margin:0 auto;
background:#d4d4d4;
width:990px;
height:265px;
}

.navigation{
display:block;
clear:both;
margin: 0 auto;
width:990px;
height:40px;
background:url(../images/nav-bg-purple.gif) repeat-x;
}

.navigation ul{
display:block;
float:left;
font:14px/30px "Century Gothic", Tahoma;
list-style-type:none;
width:500px;
}

.navigation ul li{
display: inline;
text-align:left;
}

.navigation ul li a, .navigation ul li a:visited{color:#fff; text-decoration:none; display:block; float:left; padding:5px; margin-right:15px; margin-left:18px;}
.navigation ul li a:hover{color:#000; text-decoration:none; display:block; float:left; background:#fff;}

#nav-orange{
display:block;
float:right;
width:450px;
height:40px;
}

#header-images{
display:block;
clear:both;
width:990px;
height:220px;
margin-top:1px;
}

.content-bg{
display:block;
clear:both;
margin:0 auto;
width:100%;
height: auto;
background:url(../images/content-bg.gif) top repeat-x #fff;

}

.content-images{
padding:7px;
margin:0 auto;
width:980px;
height:166px;
text-align:center;
}

.content-images img{
padding:2px;
}

.text-home{
display:block;
clear:both;
margin:0 auto;
width:986px;
height:auto;
padding:7px;
}

.text-home h1{
display:block;
float:left;
width:315px;
height:28px;
font:14px/28px "Century Gothic", Tahoma;
color:#2c506f;
border-bottom:1px solid #d4d4d4;
margin:10px 0px 10px 0px;
}

#homepage{
display:block;
float:left;
width:315px;
height:auto;
font:12px/16px "Century Gothic", Tahoma;
color:#5c5c5c;
text-align:justify;
}

dd{
display:block;
float:left;
width:320px;
height:auto;
padding:4px;
}

.content2{
display:block;
clear:both;
margin:0 auto;
width:962px;
height:205px;
background:url(../images/content2-bg.gif) no-repeat center;
margin-top:20px;
}

.content2-box{
display:block;
float:left;
width:290px;
height:140px;
margin-top:15px;
}

.content2-readmore{
display:block;
float:left;
width:290px;
height:11px;
margin-top:25px;
text-align:right;
margin-left:30px;
}

.content2-box img{
display:block;
float:right;
margin:10px;
margin-right:0px;
margin-top:0px;
}

.content2 h1{
display:block;
width:100%;
clear:both;
height:24px;
font:13px/24px "Century Gothic", Tahoma;
color:#196e82;
margin:0px 0px 5px 0px;
}

.content2 p{
display:block;
float:left;
height: auto;
width:70%;
font:11px/16px "Century Gothic", Tahoma;
color:#5c5c5c;
margin:0px 0px 5px 0px;
}

.content2 p strong{
font:18px/22px "Century Gothic", Tahoma;
}

.footer{
display:block;
clear:both;
width:100%;
height:50px;
background:#5d6365;
margin-top:50px;
}

.footer a, .footer a:visited{ color:white; text-decoration:none;}
.footer a:hover{ color:#f77e2b; text-decoration:none;}

.footer-content{
display:block;
clear:both;
margin:0 auto;
width:970px;
height:auto;
}

#copyright{
display:block;
float:right;
width:450px;
height:50px;
font:11px/50px "Century Gothic", Tahoma;
color:white;
text-align:right;
}

#designby{
display:block;
float:left;
width:400px;
height:50px;
font:11px/50px "Century Gothic", Tahoma;
color:white;
text-align:left;
}


/*inner pages*/

.content-inner{
padding:7px;
margin:0 auto;
width:970px;
height: auto;
text-align: left;
padding-top:25px;
}

.content-inner-left{
padding:0px;
margin:0 auto;
width:640px;
height: auto;
float:left;
text-align:justify;
}

.content-inner h1{
display:block;
width:100%;
clear:both;
height:30px;
font:bold 16px/30px "Century Gothic", Tahoma;
color:#196e82;
margin:0px 0px 10px 0px;
border-bottom:1px solid #d4d4d4;
}

.content-inner h3{
display:block;
width:100%;
clear:both;
height:30px;
font:bold 14px/30px "Century Gothic", Tahoma;
color:#873b6b;
margin:0px 0px 10px 0px;
text-transform:capitalize;
}

.content-inner h4{
display:block;
width:100%;
clear:both;
height:24px;
font:bold 13px/24px "Century Gothic", Tahoma;
color:#084578;
padding-top:10px;
text-transform:capitalize;
}

.content-inner p{
display:block;
float:left;
height: auto;
width:100%;
font:11px/16px "Century Gothic", Tahoma;
color:#5c5c5c;
margin:5px 0px 5px 0px;
}

a, a:visited{color:#5c5c5c; text-decoration:none;}
a:hover{color:#e36d27; text-decoration:none;}

table{
font:11px/16px "Century Gothic", Tahoma;
color:#5c5c5c;
display:block;
clear:both;
float:left;
}

.content-inner ul{
display:block;
float:right;
width: 100%;
height:auto;
font:11px/18px "Century Gothic", Tahoma;
color:#5c5c5c;
margin:5px 0px 10px 0px;
list-style-type:none;

}

.content-inner ul li{
display:block;
clear:both;
float:left;
text-align: left;
background:url(../images/bullet2.png) left top no-repeat;
padding-left:25px;

}

.oss{
display:block;
position:absolute;
left:918px;
top:0px;
}

.content-inner-right{
padding:0px;
margin:0 auto;
width:320px;
height: auto;
float:right;
}

.content-inner-right ul{
display:block;
float:right;
background:#f0eeee;
width:270px;
height:auto;
list-style-type:none;
padding:10px;
}

.content-inner-right ul li{
display:block;
clear:both;
float:left;
text-align:right;
background:url(../images/bullet.png) left no-repeat;
font:13px/30px "Century Gothic", Tahoma;
color:#4f4f4f;
padding-left:25px;
margin-left:10px;
border-bottom:1px dotted #ccc;
width:83%;
}

.content-inner-right ul li a, .content-inner-right ul li a:visited{color:#4f4f4f; text-decoration:none;}
.content-inner-right ul li a:hover{color:#f77e2b; text-decoration:none;}


.ticker{
	display:block; clear:both; height:22px;  background: url(../images/ticker-bg.gif) repeat-x; width:976px; margin:0 auto; padding:8px 0px 0px 0px;
	font:12px Arial, Helvetica, sans-serif; text-indent:12px; border:1px solid #ccc; margin-top:9px; text-align:center;
}

.accr{
	display:block; clear:both; margin:10px auto; width:970px; padding:5px 10px; height:110px; border:0px solid #ccc;
	background:url(../images/accreditations.png) top center no-repeat;
}

/*Form*/
input{
padding:2px;
margin:0px;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#5c5c5c;
background: #fff;
border: 1px solid #808285;
}

textarea{
padding:1px;
margin:0px;
font:11px/15px Verdana, Arial, Helvetica, sans-serif;
color:#5c5c5c;
background: #fff;
border: 1px solid #808285;
}

select{
padding:2px;
margin:0px;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#5c5c5c;
background: #fff;
border: 1px solid #808285;
}



/*Example CSS for demo ticker*/

#ajaxticker1{
width: 100%;
height: 100px;
font:11px "Century Gothic",Arial, Helvetica, sans-serif;

}

#ajaxticker2{
width: 100%;
height: 100px;
font:bold 14px "Century Gothic",Arial, Helvetica, sans-serif;
color:#0033CC;

}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/

}

#ajaxticker2 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/

}

.someclass{ font:15px Arial, Helvetica, sans-serif;
}


.oss{
position:absolute;
left:918px;
top:33px;
 
}