
body {
	margin:0;
	padding:0;
	background:#FFFFFF URL(Images/bgr1.jpg) top left repeat-x;
	font: 12px Arial;
	color: #003853;
}
.clear {clear:both; overflow:hidden; margin:0; padding:0; height:0px;} 
/*Links style*/
a.more{color:#B7B700;text-decoration:none;}
a:hover.more{color:#B9B900;text-decoration:none;}
a.link1{color:#003853;text-decoration:none;}
a:hover.link1{color:#4e9bc2;text-decoration:underline;}
a.link2{color:#47a4d3;text-decoration:underline;}
a:hover.link2{color:#003853;text-decoration:none;}
a.link3{color:#4e9bc2;text-decoration:none; font-weight:bold;}
a:hover.link3{color:#003853;text-decoration:none; font-weight:bold;}
a.lable{color:#56abd6;text-decoration:none;}
a:hover.lable{color:#56abd6;text-decoration:none;}
/*Text style*/
h2 {font-size: 18px;}
h2.cvstyle {color:#56abd6;font-size: 16px; text-indent:30px; border-bottom: 1px #C9C9C9 solid ; margin: 15px 30px;}
h3{color:#56abd6;text-align:center;}
h4{font-size:14px;text-align:center;}
h5{font-size:13px;}
dl dd {margin-top:5px;}
.wighttext{color:#FFFFFF}
.lightbluetext{color:#56abd6}
.lightbluetext13{color:#56abd6; font-size: 13px;}
xmp {color: #1F1F1F;}
.maroon{color: #800000;}
/* Img style*/
img.bottom {vertical-align:text-bottom; margin:0 5px 0 0; border:0px;}
.thinborderfloat {
	float:left;
	vertical-align:top;
  	border:solid 1px #56abd6;
  	padding:5px;
  	margin-right:10px;
  } 
#imgbox1 {
	text-align:center;
	border:solid 1px #56abd6;
	margin:10px auto;
	padding:5px;
	width:300px;
	height:103px;
}
.imgfloatleft {
	float:left;
	vertical-align:top;
  	border:solid 1px #979700;
  	padding:5px;
  	margin:0 10px 0 0;
  } 
.imgright {
	float:right;
	vertical-align:top;
  	border:0px;
  	margin:0 0 10px 10px;
  } 
/* Layout */
#container{
	width:85%;
	min-width:770px;
	max-width:1000px;
	margin:0 auto 15px auto;
}
#header {
	margin:0;
	padding:0;
	height:170px;
	background:url(Images/banner1.jpg) top left no-repeat;
}
#header-left {
	float: left;
	width: 200px;
}
#header-right {
	margin-left: 200px;
	text-align:center;
}
#header-right p.first {
	margin: 0;
	padding-top: 30px;
	letter-spacing:3px;
	font: bold 20px Arial;
	color:#003853;
}
#header-right p.second {
	margin: 0;
	padding-top: 8px;
	font: bold 22px Arial;
	color:#ede105;
}
#header-right p.third {
	margin: 0;
	padding-top: 8px;
	font: bolder 18px Times New Roman;
	color:#FFFFFF;
}
#header-right img{
	vertical-align:top;
  	border:0px;
  	margin:0 20px 0  0;
  } 
#wrapper {
	background:url(Images/leftbgr.jpg) top left repeat-y;
	margin:0;
}
#left {
	float:left;
	background:url(Images/leftbgrup.jpg) top left no-repeat;
	width:194px;
	margin:0; padding:0;
}
#right {
	float:right;
	width:202px;
	margin:0; 
	padding:0;
}
#middle {
	margin:0 210px 0 200px;
}

#maincontent {
	margin-left: 210px;
}
#maincontent h1{
	margin:0 0 10px 0;
	padding:0;
	font-size:16px;
	text-transform: uppercase;
	text-indent:24px;
	color:#039ce7;
}
#footer {
	height:35px;
	margin:0 0 0 15px; padding:3px 0 0 200px;
	background:url(Images/footerbgr.jpg) top left repeat-x;
	text-align:center;
	color:#FFFFFF;
	line-height:1.5;
}
#footer a { color:#FFFFFF; text-decoration:none;font-weight:bold;}
#footer a:hover {text-decoration:underline;}
.copyright{font-size:10px;color: #003853;}
/*Boxes*/
#rightbox {
	width:200px;
	margin:0 0 10px 0;
}
#rightitle {
	height:24px;
	background:url(Images/rightbgr.jpg) top left repeat-x;
}
#rightitle .coner{
	height:19px;
	background:url(Images/rightbgr_coner.jpg) top left no-repeat;
	padding:5px 0 0 24px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}
#rightcontent {
	border-top:0px solid #66CCFF;
	border-right:1px solid #66CCFF;
	border-left:1px solid #66CCFF;
	border-bottom:1px solid #66CCFF;
	padding:6px;
	margin:0;
	text-align:justify;	
}
#middlebox {
	margin:0 0 10px 0;
}
#middletitle {
	height:24px;
	background:url(Images/middlebgr.jpg) top left repeat-x;
}
#middletitle .coner{
	height:19px;
	background:url(Images/middlebgr_coner.jpg) top left no-repeat;
	padding:5px 0 0 24px;
	font-size:14px;
	font-weight:bold;
}
#middlecontent {
	border-top:0px solid #ede105;
	border-right:1px solid #ede105;
	border-left:1px solid #ede105;
	border-bottom:1px solid #ede105;
	padding:6px;
	text-align:justify;
}

/*Links*/
#moreblue {text-align:right}
#moreblue a {color:#04abfb;text-decoration:none;font-weight:bold;}
#moreblue a:hover {color:#003853;text-decoration:none}

#moreyellow {text-align:right}
#moreyellow a {color:#d6cb03;text-decoration:none;font-weight:bold;}
#moreyellow a:hover {color:#003853;text-decoration:none;}

/* Menu */
 #left ul {
	margin: 40px 0px 30px 4px;
	padding: 0;
	list-style: none;
	width: 188px; /* Width of Menu Items */
	font-size:12px;
	z-index:100;
}
	
#left ul li {
	position: relative;
}
#left ul li a {
	display: block;
	text-decoration: none;
	background: url(Images/button1.jpg) top left no-repeat;
	padding:5px 0 5px 26px;
	margin:6px 0;
	color: #004364;
	font-weight:bold;
}
#left ul li a:hover {
	background: url(Images/button1_1.jpg) top left no-repeat;
}	
#left li ul {
	position: absolute;
	left: 188px;
	top: 0;
	display: none;
	margin: 0;
	width: 160px;
}
#left li ul li a {
	display: block;
	text-decoration: none;
	background: url(Images/button2.jpg) top left no-repeat;
	padding:5px 0 4px 24px;
	margin:0 0 0px 0;
}
#left li ul li a:hover {
	background: url(Images/button2_2.jpg) top left no-repeat;
}
/* Hack. IE Requirement \*/
* html ul li { float: left; height: 1%;}
* html ul li a { height: 1%; }
/* End */

#left li:hover ul,  li.over ul { display: block}

/*Map style*/
#map {
	line-height:2;	
}
/*Other popup*/
.thumbnail{
position: relative;
z-index: 0;
color:#B7B700;
font-weight:bold;
text-decoration: underline;
font: 14px Arial;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
color:#979700;
text-decoration:none;
}

.thumbnail span{ /*CSS for enlarged image*/
width:250px;
position: absolute;
background-color: #ffffff;
/*opacity:0.8; filter:alpha(opacity=80);*/
padding: 5px;
left: -1000px;
border: 1px solid #B7B700;
visibility: hidden;
text-decoration: none;
color: #003853;
font: 11px Arial;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0px;
padding: 0px 0px 5px 0px;

}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

