body {background: url(../images/bg_page.jpg) repeat; font: normal 12px Verdana, Arial, Helvetica, sans-serif; text-align: center; margin: 0;}
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(../img/icon_pdf.png) no-repeat center right;}

/*---structure of the page---*/
#wrapper {width: 100%; margin: 0 auto; min-width: 960px; min-height: 650px; background: url(../images/bg_container.jpg) no-repeat top center; text-align: center; position: relative;}
#header {width: 960px; height: 170px; position: relative;}
#footerwrap {width: 100%; float: left;  clear: both; height: 130px; margin: 30px 0 0 0; background: url(../images/bg_footer.jpg) repeat; }

/*---styles in the top menu section----*/
#topmenu {width: 100%; height: 40px; margin: 0 auto; float: left; text-align: center;}
#topmenu ul { width: 790px; height: 30px; margin: 10px auto 0 auto; padding: 0;}
#topmenu ul li {float: left; list-style: none; margin: 0; position: relative; height: 25px;  }
#topmenu ul li a {float: left; margin: 2px 6px; padding: 0 7px 0 0; color: /*#001375*/ white; text-decoration: none; font: bold 12px Verdana, Arial, Helvetica, sans-serif; border-right: solid 1px white;}
#topmenu ul li a:hover, #topmenu ul li#current a {color: white;}
#topmenu ul ul {position: absolute; top: 28px; left: -4px; width: 150px; background: /*#104993*/ url(../img/bg_drop1.png); z-index: 500; height: auto; text-align: center;}
#topmenu ul ul li {width: 148px; margin: 1px; background: /*#E5F3F5*/url(../img/bg_drop.png); height: 25px; border: none;}
#topmenu ul ul li a {font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: black; margin: 4px 0 4px 5px;}
#topmenu ul ul li:hover {background:#00499F; color: white;}
#topmenu ul li a:hover, #topmenu #current a:hover { color:#003A91; }
#topmenu li#current { background: url(../img/bg_menu_1.png) repeat-x; }
#topmenu #current a {text-decoration: underline; }
#topmenu ul ul li#current {background: /*#E5F3F5*/url(../img/bg_drop.png);}

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;}

/*------banner area-----*/
#bannerwrap {width: 100%; float: left; text-align: center;}
#banner {width: 80%; min-width:960px; margin: 0 auto; height: 300px; position: relative;}
#banner .name {position: absolute; top:20px; left: 0;}
#banner .about { position: absolute; left:0; top: 130px; width: 350px; font: italic 18px/140% Georgia, "Times New Roman", serif; color: #393736; text-align: left;}

/*----structure for the content area-----*/
#contentwrap { width: 100%; float:left; text-align: center; margin-top: -30px;}
#content {width: 80%; min-width: 960px; margin: 0 auto;}
#content .col1 {width: 230px; float: left; margin: 0; }
#content .col2 {width: 75%; float: right; margin: 0 0 0 10px; }
#content .top {background: url(../images/bg_content_top.png) repeat top center; height: 50px; float: left; width: 100%;}
#content .bot {background: url(../images/bg_content_bot.png) repeat top center; height: 70px; float: left; width: 100%;}

/*----styles for the left column-----*/
#content .col1 p, #content .col2 .left p, #content .col2 .right p {text-align: left;}
#content .col1 p {width: 90%; margin: 5px 0;}
#content .col1 .cite { font: italic 10pt Verdana, Arial, Helvetica, sans-serif; color: #C54652;}

#content .col1 ul {width: 230px; margin: 5px 0 5px 0px; padding: 0;} 
#content .col1 ul li {list-style: none; text-align: left; height: 20px;}
#content .col1 ul li a {font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #484B4D; height: 20px;}
#content .col1 ul li a:hover {bakground: url(../images/bg_leftmenu.png) repeat; height: 20px;}

.title {color: #C54652; font: normal 22px Georgia, "Times New Roman", serif; text-align: left; margin: 10px 0 0 0;}
.divider {background: url(../images/divider.png) no-repeat; height: 12px; width: 176px; margin: 10px 0;}
.icons {width: 80%; margin: 10px 0 10px 0; text-align: center;}
.icons .img {margin: 5px;}

/*----styles for the right column-----*/
#content .col2wrap { width: 100%; background: url(../images/bg_col2.jpg) repeat; float: left;}
#content .col2 .left {width: 45%; float: left; margin: 0 3% 0 2%;}
#content .col2 .right {width: 45%; float: right; margin: 0 2% 0 0;}
#content .col2 .box p {margin: 10px; text-align: left; font: normal 12px/150% Verdana, Arial, Helvetica, sans-serif; color: #484B4D;}
#content .col2 h1 {margin: 0; color: #C54652; font: normal 26px Georgia, "Times New Roman", serif;}
#content .col2 .subhead {font: normal 18px Georgia, "Times New Roman", serif; color: #1662BC; margin: 0 0 10px 0;}
#content .col2 .text {width: 95%; margin: 5px auto; text-align: justify;}
#content .col2 .text b {color: #C54652; text-align: left; font: normal 16px Georgia, "Times New Roman", serif;}
#content .col2 .smalltext {font-size: 10px;}
#content .col2 .feedback {width: 30%; margin: 10px; float: right; border: solid 1px gray; background: rgb(251, 251, 234); /* Fallback */
    background: rgba(251, 251, 234, 0.5); padding: 10px; text-align: left; color: #1662BC;}
#content .col2 .feedback p {opacity: 1; z-index: 200;}
#content .col2 .floatleft {float: left; margin: 0 30px; width: 40%; text-align: right;}
#content .col2 .floatright {float: right; margin: 0 10px; width: 47%; text-align: center;}
#content .col2 .floatright p, #content .col2 .floatleft p {text-align: left;}


/*--styles for the image scroller on the home page---*/
.jscarousal-horizontal {	width: 88%; min-width: 680px; height: 200px; margin: 0 auto 20px auto; text-align: center; padding: 0; position: relative; /*overflow: hidden;*/}
.jscarousal-horizontal-back, .jscarousal-horizontal-forward
{ float: left; width: 15px; height: 150px;	color: white;	position: relative;	top: 6px;	cursor: pointer;}
.jscarousal-horizontal-back
{ background-image: url(../images/but_back.png); background-repeat: no-repeat;	background-position: left; border-right: solid 1px gray;}
.jscarousal-horizontal-forward
{ background-image: url(../images/but_forward.png); background-repeat: no-repeat;	background-position: right; border-left: solid 1px gray;}
.jscarousal-contents-horizontal
{	width: 90%; min-width: 635px; height: 198px; float: left; margin: 0 auto; position: relative; overflow: hidden;}
.jscarousal-contents-horizontal > div
{ position: absolute; width: 100%; min-width: 655px;}
.jscarousal-contents-horizontal > div > div
{ float: left; margin-left: 15px; margin-right: 15px; height: 200px;}
.jscarousal-contents-horizontal img
{ width: 174px;	height: 174px; border: solid 1px #7A7677;}
.thumbnail-text { color: #0980C5; font: normal 11px/130% Verdana, Arial, Helvetica; text-align: center;	display: block;	padding: 10px 2px 2px 0px; width: 180px;}
.hidden { display: none;}
.visible{	display: block;}

/*---boxes in right column---*/
#boxes {width: 100%; height: 200px;}
#boxes .box1, #boxes .box2, #boxes .box3 {border: solid 1px gray; height: 200px;}
#boxes .box1 {float: left; width:35%; background: black url(../images/bg_box1.jpg) no-repeat top right;}
#boxes .box2 {float: left; width: 30%; margin: 0 0 0 2%; background: white;}
#boxes .box3 {float: right; width: 30%; background: url(../images/bg_box3.jpg) repeat;}

#boxes .box1 p, #boxes .box1 a {color: white; text-align: left; width: 55%; margin: 5px 0 5px 5px;}

/*-----------styles in the footer section----*/
#footer { width: 80%; min-width: 960px; clear: both; margin: 0 auto; text-align: center; height: 80px;}

#footmenu {width: 82%; height: 42px; text-align: center; margin: 50px auto 0 auto; padding: 10px 0 0 0; background: url(../images/bg_footmenu.png) no-repeat;}
#footmenu ul {list-style: none; margin: 3px auto 0 auto; }
#footmenu ul li {float: left; margin: 0 5px;}
#footmenu ul li a {margin: 3px 0; border-right: solid 1px white; padding: 0 8px 0 0; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #0445EB;}
#footmenu ul li a:hover {color: white;}

#footer .copyright, #footer .link {font: normal 12px Arial, Helvetica, sans-serif; color: blue; float: left; text-align: center; margin: 2px 10px;}
#footer .copyright {float: left;}
#footer .link {float: right; }
#footer .link a {color: blue;}

/*-------common stuff----------*/
.spacer {clear: both; height: 10px;}
.br {clear: both; height: 1px;}