html {
height:100%; /* fix height to 100% for IE */
max-height:100%; /* fix height for other browsers */
padding:0; /*remove padding */
margin:0; /* remove margins */
border:0; /* remove borders */
/* hide overflow:hidden from IE5/Mac */
/* \*/
}
body {
padding:0; /*remove padding */
margin:0; /* remove margins */
border:0; /* remove borders */
background: #268DD0 url(../images/bg_header.jpg) top center repeat-x;
font: normal 12px/140% Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}
a {text-decoration: none;}
a.keyword {text-decoration: none; font-weight: bold; color: #0853A8; border-bottom: 1px dotted #A6BDD8;}
a.pdf {padding: 2px 24px 2px 0; background: transparent url(../images/icon_pdf.png) no-repeat center right;}

/*---structure of the page---*/
#headerwrap {width: 100%; height: 265px; background: url(../images/bg_headerwrap.jpg) no-repeat top center;}
#header {width: 960px; margin: 0 auto; position: relative; height: 190px;  }
#headfade {width: 960px; margin: 0 auto; position: relative; height: 30px; background: url(../images/bg_header1.png) no-repeat top center;}
#footer {width: 100%; margin: -30px auto 0 auto; clear: both; height: 254px; text-align: center; background: url(../images/bg_footer.jpg) repeat-x; z-index: 200; position: static;}
#contentwrap {width: 960px; margin: 0 auto; background:url(../images/bg_content.jpg) repeat-n; display: inline-block; position: relative;}
#content {width: 940px; clear: both; margin: 10px 10px 100px 10px; float: left; }
#content-bottom {background: url(../images/bg_content-bottom.jpg) no-repeat bottom center; height: 360px; width: 960px; margin: 0px auto; z-index: 300; position: absolute; bottom: 0;}

/*---styles in the header section----*/
#title {float: left; width: 746px; height: 68px; background:url(../images/header_title.png) no-repeat; margin: 30px 0 40px 20px;}
#contact {position: absolute; top: 20px; right: 23px; font: bold 12px Verdana, Arial, Helvetica, sans-serif; }
#contact a {color: white;}

/*-----styles for top menu---*/
#topmenu {width: 960px; height: 90px; text-align: center; margin: 0 auto; background: url(../images/bg_topmenu.jpg) no-repeat top center; }
#topmenu ul { width: 750px; height: 50px; margin: 0 auto; padding: 0; display: inline: block; }
#topmenu ul li {float: left; list-style: none; margin: 25px 0 0 0; position: relative; height: 29px;  }
#topmenu ul li a {float: left; padding: 0 7px; color: #00348F; text-decoration: none; font: bold 14px Verdana, Arial, Helvetica, sans-serif;  border-right: solid 1px black;}
#topmenu ul li a.last {border: none;}
#topmenu ul li#current a {color: white; }
#topmenu ul ul {position: absolute; top: 25px; left: 5px; width: 190px; background: #66A8D8; z-index: 500; height: auto; text-align: center;}
#topmenu ul ul li {width: 188px; margin: 1px; background: #FDFDD7; height: auto; }
#topmenu ul ul li a {font: normal 12px/160% Verdana, Arial, Helvetica, sans-serif; text-align: left; color: black; padding: 2px; margin: 2px 0 2px 5px;  border: none;}
#topmenu ul ul li:hover {background:#268DD0; }
#topmenu ul ul li a:hover {color: #FFFFFF; }
#topmenu ul li a:hover {color: #C31010; }
body#home a.home, body#web a.web, body#searchengine a.searchengine, body#website a.website, body#about a.about, body#testimonial a.testimonial {background: url(../images/bg_menu.jpg) repeat-x;   }

div#topmenu ul ul, div#topmenu ul ul ul, div#topmenu ul li:hover ul ul {display: none; position: absolute;}
div#topmenu ul li:hover ul, div#topmenu ul ul li:hover ul{display: block;}

/*----styles in the content area-----*/
h1 {font: bold 16px/150% Verdana, Arial, Helvetica, sans-serif; color: #E04E21; margin: 0 20px;}
#content #col1 {width: 200px; float: left; margin: 10px 0; position: relative; z-index: 301; }
#content #col2 {width: 670px; float: right; margin: 10px; position: relative; z-index: 302; }

#col2 .box-left, #col2 .box-right{ text-align: center; float: left; width: 310px; margin: 0 18px 0 0;}
#col2 .box-right {margin: 0 0 0 18px;}
#col2 p, #col2 .box-left p, #col2 .box-right p {margin: 10px; text-align: justify; font: normal 12px/150% Verdana, Arial, Helvetica, sans-serif; color: #000000;}
#col2 .box-left b, #col2 .box-right b {color: #C31010;}
#col1 .icons {background: url(../images/bg_icons.png) no-repeat; width: 71px; height: 271px;}


#content .col2 ul, #content .col1 .box ul { margin: 5px 5px 5px 20px; padding: 0;} 
#content .col2 ul li, #content .col1 .box ul li, #content ol li 
{text-align: justify; font: normal 12px/150% Verdana, Arial, Helvetica, sans-serif; color: #484B4D; margin: 10px 0;}
#content ol {width: 90%; margin: 0 auto; padding: 0 0 0 10px;}
.title {color: #0049B7; font: bold 16px Georgia, "Times New Roman", serif; text-align: left; margin: 10px 0 0 10px;}

/*--styles for the image scroller on the home page---*/
.jscarousal-horizontal {	width: 930px; height: 430px; background-color: #FEFBB2;	border: solid 1px #7A7677; margin: 0 auto;	padding: 0;	padding: 10px 4px;	position: relative; /*overflow: hidden;*/}

.jscarousal-horizontal-back, .jscarousal-horizontal-forward
{ float: left; width: 23px; height: 98px;	background-color: #121212;	color: White;	position: relative;	top: 6px;	cursor: pointer;}

.jscarousal-horizontal-back
{ background-image: url(../images/left_arrow.jpg); background-repeat: no-repeat;	background-position: left;}

.jscarousal-horizontal-forward
{ background-image: url(../images/right_arrow.jpg); background-repeat: no-repeat;	background-position: right;}

.jscarousal-contents-horizontal
{	width: 873px;	height: 410px;	float: left; position: relative;	overflow: hidden; background: url(../images/bg_scroller.jpg) repeat-x;}

.jscarousal-contents-horizontal > div
{ position: absolute; width: 100%; }

.jscarousal-contents-horizontal > div > div
{ float: left; margin-left: 19px; margin-right: 19px; height: 410px;}

.jscarousal-contents-horizontal img
{ width: 174px;	height: 174px; border: solid 1px #7A7677;}

/*Common*/
.hidden { display: none;}
.visible{	display: block;}
.thumbnail-active {	filter: alpha(opacity=100);	opacity: 1.0;	cursor: pointer;}
.thumbnail-inactive{	filter: alpha(opacity=20);	opacity: 0.2;	cursor: pointer;}
.thumbnail-text{	color: #000000;	font: normal 11px/130% Verdana, Arial, Helvetica; text-align: left;	display: block;	padding: 10px 2px 2px 0px; width: 180px;}

/*-----styles for the footer section---*/
#footer-wrap {width: 960px; margin: 30px auto 0 auto; background: url(../images/bg_footer-wrap.jpg) no-repeat top center; position: relative; display: inline-block;}
#footer-col1, #footer-col2, #footer-col3 {float: left; width: 300px; margin: 70px 10px 0 10px;}
#footer a {color: #FFFFFF;}

/*-------common stuff----------*/
.spacer {clear: both; height: 10px;}
.br {clear: both; height: 1px;}
.col1 img.left {float: left; margin: 5px;}