body { margin:10px 0 0 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#505050; background:#00639E }
body.int {background:none}
p {margin:0; padding:0}
form {margin:0; padding:0}

a {color:#E47B00; text-decoration: none ;}
a:hover {color:#E47B00 ; text-decoration: underline}

img {border:0 none}
img.Valign {border:0 none; vertical-align:middle }
input , select , textarea { border: #ABABAB solid 1px; padding:2px; font-size:12px; color:#505050;}
input.chkbx {border:0 none; padding:0}

hr.Line1 {border:0px none; border-bottom:1px solid #EAEAEA; height:1px}

.clear {clear:both}

h1 {color:#00639E; font-size:17px; margin:0; padding:0 0 5px 0}
h2 { color:#00639E; font-size:14px; border-bottom:#E1E1E1 solid 1px; padding:0 0 3px 0; margin:0} 
h3 { color:#00639E; font-size:14px; border-bottom:#FFB364 solid 1px; padding:0 0 3px 0; margin:0}
h4 { color:#00639E; font-size:14px; border-bottom:#39578A dashed  1px; padding:0 0 3px 0; margin:0} 
h5 { color:#00639E; font-size:12px; padding:10px 0 3px 0; margin:0} 
/*Special orange title*/
.orangeTitle {color:#505050; font-size:14px; padding:0 0 3px 0; margin:0;font-weight:bold; border:0px;} 

/* Main Div's */
#Top {background:#00639E; height: auto; width:985px; margin:0 auto; padding:0 2px}
#Middle {height: auto; width:984px; margin:0 auto; padding:0 2px}
#Bottom {background:#00639E; height:99px; width:984px; margin:0 auto; padding:0 2px}

/* top classes */
.TopIcon { margin:0; padding:0; float:right}
.TopSrchBox {float:right; padding:10px 0; float:right}


.TopPhTxt { color:#FFFFFF; font-size:18px; text-align:right}
.TopMidLine {background:url(images/top_crv_mid_line.gif) left top repeat-x ; padding:10px; height:73px; }

/* Mid classes */
.MidSpc {padding:10px 5px; vertical-align:top; background:#FFFFFF}
.LeftBg {background:url(images/shadow_left.png) left top repeat-y; vertical-align:top}
.RightBg {background:url(images/shadow_right.png) left top repeat-y; vertical-align:top}

/* Left Sections */
.MidLeft {width:179px; vertical-align: top}
.BlueBox {background:#648DB8; font-size:12px; font-weight:bold; color:#FFFFFF}

.BlueBox2 {background:url(images/key_bg.gif) left top repeat-x #E1E5E9; font-size:12px; color:#FFFFFF; padding:5px 0 0 10px}
.BlueBoxTOP {background:url(images/key_divOrange.gif) left top repeat-x; font-size:12px; font-weight:bold; color:#FFFFFF; height:30px}

.BlueBox1 {background:#EAEFF3}
.ArwTxt { background:url(images/arw_1.gif) left 4px no-repeat; color:#0075A4; padding:0 0 0 10px; margin:10px 0}
.ArwTxt a {color:#0075A4; text-decoration:none}
.ArwTxt a:hover {color:#FA7F00; text-decoration:none}

.ArwGryTxt { background:url(images/arw_2_gry.gif) left 4px no-repeat; color:#505050; padding:0 0 0 10px; margin:5px}
.ArwGryTxt a {color:#E47B00; text-decoration:none}
.ArwGryTxt a:hover {color:#00639E; text-decoration:none}

.LinkMore {font-size:11px; font-weight:bold}
.LinkMore a {color:#E47B00; text-decoration: underline ;}
.LinkMore a:hover {color:#E47B00; text-decoration: none;}


/* Mid Section */
.HdrBg {background:url(images/header_img_bg.gif) left top repeat-x}
#MidLeftCtn {width:569px ; padding:0 15px 0 0; float:left; background:red}
#MidRightCtr {width:175px ; float:right; background:lightpink;}

.MidLetCtn {width:569px;}
.MidRightCtn {width:175px;}

.OrngBoxTop {background:url(images/orng_line_top.gif) left top repeat-x}
.OrngBoxBtm {background:url(images/orng_line_btm.gif) left top repeat-x}
.OrngBoxLeft {background:url(images/orng_line_left.gif) left top repeat-y; vertical-align:top}
.OrngBoxRight {background:url(images/orng_line_right.gif) left top repeat-y; vertical-align:top}

.BdrGry { border:#C1C1C1 solid 1px; padding:3px}

.GryBoxTop {background:url(images/gry_line_top.gif) left top repeat-x}
.GryBoxBtm {background:url(images/gry_line_btm.gif) left top repeat-x}
.GryBoxLeft {background:url(images/gry_line_left.gif) left top repeat-y; vertical-align:top}
.GryBoxRight {background:url(images/gry_line_right.gif) left top repeat-y; vertical-align:top}


/* Bottom classes */
.BtmCrvLine { background:url(images/btm_crv_line.gif) left top repeat-x; text-align:center; height:74px}
.BtmTxt {color:#C1C1C1; text-align:center; margin:5px 0}
.BtmTxt a {color:#00639E ; text-decoration:none}
.BtmTxt a:hover {color:#00639E ; text-decoration: underline} 

.TxtCopy {color:#999999; }


/* drop down menu */
.menu, .menu ul {list-style-type:none; padding:0; margin:2px 0 0 0; font-family:Arial; font-size:13px; color:#FFFFFF; float:left; height:28px; line-height:28px}
.menu li.top {display:block; float: left; position:relative; margin:0 3px 0 0; font-size:13px;}
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0}
.menu li.top a.top_link {display:block; float:left; height:28px; line-height:28px; text-decoration:none; color:#FFFFFF; background: url(images/tabs_left.gif) left top no-repeat; padding:0; font-weight:bold}
.menu li.top a.top_link span.span_top {display:block; float:left; height:28px; background:url(images/tabs_left.gif) left top no-repeat; padding:0 8px 0 0}
.menu li.top a.top_link b.b_top {display:block; float:left; height:28px; width:8px}
.menu li.top a.top_link span.drop {background:url(images/tabs_right.gif) right top no-repeat; padding:0 8px 0 0}
.menu a:hover {visibility:visible; cursor:pointer; position:relative}
.menu li:hover {position:relative; z-index:200 ;}
.menu li.top a.top_link:hover, .menu li.top:hover a.top_link {background:url(images/tabs_left.gif) left -28px no-repeat}
.menu li.top a.top_link:hover span.span_top, .menu li.top:hover a.top_link span.span_top {background:url(images/tabs_left.gif) left -28px no-repeat}
.menu li.top a.top_link:hover span.drop, .menu li.top:hover a.top_link span.drop {background:url(images/tabs_right.gif) right -28px no-repeat}
.menu ul, .menu ul ul, .menu :hover ul :hover ul ul, .menu :hover ul :hover ul :hover ul ul, .menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0}
.menu :hover ul.sub {left:0; top:26px; width:169px; height:auto; text-transform:none; background:url(images/sub_top.gif) left top no-repeat; padding-top:8px; font-weight:normal;}
.menu :hover ul.sub li {display:block; float:left; padding:3px 10px; background:#00639E}
.menu :hover ul.sub li a {display:block; float:left; height:1%; width:143px; line-height:normal; color:#FFFFFF; text-decoration:none; padding:3px ; border-bottom:#DFF1FF dashed 1px;}
.menu :hover ul.sub li a:hover {color:#FFFFFF; text-decoration:none; background:#000000; padding:3px; }
.menu :hover ul.sub li.last {background:url(images/sub_bottom.gif) left bottom no-repeat; padding-bottom:5px}
.menu li.top a.top_linkAct {display:block; float:left; height:28px; line-height:28px; text-decoration:none; color:#005D95; background: url(images/tabs_left.gif) left -56px no-repeat; padding:0; font-weight:bold}
.menu li.top a.top_linkAct span.span_top {display:block; float:left; height:30px; background:url(images/tabs_left.gif) left -56px no-repeat; padding:0 8px 0 0}
.menu li.top a.top_linkAct b.b_top {display:block; float:left; height:28px; width:8px}
.menu li.top a.top_linkAct span.drop {background:url(images/tabs_right.gif) right -56px no-repeat; padding:0 8px 0 0}
.menu li.top a.top_linkAct:hover, .menu li.top:hover a.top_linkAct {background:url(images/tabs_left.gif) left -56px no-repeat}
.menu li.top a.top_linkAct:hover span.span_top, .menu li.top:hover a.top_linkAct span.span_top {background:url(images/tabs_left.gif) left -56px no-repeat}
.menu li.top a.top_linkAct:hover span.drop, .menu li.top:hover a.top_linkAct span.drop {background:url(images/tabs_right.gif) right -56px no-repeat}

.menu :hover ul.left {left:-76px; top:30px; width:169px; height:auto; text-transform:none; background:url(images/sub_top_left.gif) left top no-repeat; padding-top:10px}

.BrchrTxt { background:url(images/tabs_bg.gif) left top repeat-y; color:#00639E; font-weight:bold; width:437px; float:right; text-align:right; padding:5px 10px 5px 0}
.BrchrTxt a {color:#00639E; text-decoration:none}
.BrchrTxt a:hover {color:#F06803; text-decoration:none}

.TittleOrng { color:#F06803; font-size:13px; font-weight:bold; background:#FFF8F0; padding:5px}

.PrdImgTxt {background:#648DB8; border-bottom:#E6E6E6 solid 3px; text-align:center; color:#FFFFFF; font-size:14px; font-weight:bold; padding:5px 0 }
.PrdImgBg { background:#E6E6E6; padding:7px}

.LinkTop { color:#00639E; font-size:11px; text-align:right; font-weight:bold}
.LinkTop a {color:#00639E; text-decoration:none}
.LinkTop a:hover {color:#00639E; text-decoration: underline}

.ArwInt { color:#505253; font-size:12px; margin:0 0 0 30px}
.ArwInt ul {margin:0; padding:0; list-style:none}
.ArwInt li {background:url(images/arw_2.gif) left 3px no-repeat; padding: 0 0 0 15px; margin:5px 0}
.ArwInt li a {color:#F67D00 ;  text-decoration:none; margin-left:50px}
.ArwInt li a:hover {color:#00639E ;  text-decoration:none}

.TxtNormal {padding:0 10px}

.Logo { width:180px; float:left; height:auto; border:#F8840C dashed  1px; margin-right:10px;}

.ContTxt { background:#E3F6FF; color:#075685; font-weight:bold}
.ContTxtR {background:#F6F6F6;}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
* html .LeftBg {back\ground-color:transparent; background-image:url(images/spacer.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/shadow_left.png", sizingMethod="scale")}

* html .RightBg {back\ground-color:transparent; background-image:url(images/spacer.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/shadow_right.png", sizingMethod="scale")}

/* Drop Down Menu starts here */

.menu1 {
float:left; width:100%; font-family: verdana, arial, sans-serif; font-size:11px;
background:url(images/menu1.gif) repeat-x top left; 
border-top:3px solid #4c597f;  border-bottom:3px solid #4c597f;
margin: 0; /* for this demo only */ 

}
.menu1 ul {
padding:0;margin:0;list-style-type:none;
}
.menu1 ul li {
float:left; position:relative; background:url(images/divider1.gif) no-repeat top right;
}
.menu1 ul li a, .menu1 ul li a:visited {
float:left; display:block; text-decoration:none;color:#fff; padding:0px 16px; line-height:25px; height:30px; border-bottom:3px solid #fff; 
}

.menu1 ul li:hover {width:auto;}

.menu1 ul li a.menu1one:hover {border-color:#ECA81F; color:#ECA81F;}
.menu1 ul li a.menu1two:hover {border-color:#ECA81F; color:#ECA81F; text-decoration:none }
.menu1 ul li a.menu1three:hover {border-color:#ECA81F; color:#ECA81F; text-decoration:none}
.menu1 ul li a.menu1four:hover {border-color:#ECA81F; color:#ECA81F;}
.menu1 ul li a.menu1five:hover {border-color:#ECA81F; color:#ECA81F;}
.menu1 ul li a.menu1six:hover {border-color:#ECA81F; color:#ECA81F;}
.menu1 ul li a.menu1seven:hover {border-color:#ECA81F; color:#ECA81F;}


.menu1 ul li:hover a.menu1one {border-color:#ECA81F; color:#ECA81F;}
.menu1 ul li:hover a.menu1two {border-color:#ECA81F; color:#ECA81F; text-decoration:none}
.menu1 ul li:hover a.menu1three {border-color:#ECA81F; color:#ECA81F; text-decoration:none}
.menu1 ul li:hover a.menu1four {border-color:#ECA81F; color:#ECA81F;}
.menu1 ul li:hover a.menu1five {border-color:#ECA81F; color:#ECA81F;}
.menu1 ul li:hover a.menu1six {border-color:#ECA81F; color:#ECA81F;}
.menu1 ul li:hover a.menu1seven {border-color:#ECA81F; color:#ECA81F;}


.menu1 ul li ul {
display: none;
}
.menu1 table {
margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;
}

/* specific to non IE browsers */
.menu1 ul li:hover ul {
display:block;position:absolute;top:32px;margin-top:1px; left:0;width:223px;border-bottom:1px solid #000;
}
.menu1 ul li:hover ul.endstop {
left:-92px;
}
.menu1 ul li:hover ul li ul {
display: none;
}
.menu1 ul li:hover ul li a {
display:block;background:#fff;color:#000;height:auto;line-height:15px;padding:4px 16px; width:190px; border:1px solid #000; border-bottom:0;
}
.menu1 ul li:hover ul li a.drop {
background:#EAEFF3 url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li:hover ul li a:hover {
color:#000; background: #EAEFF3 url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li:hover ul li a:hover.drop {
background: #EAEFF3 url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-1px;
}
.menu1 ul li:hover ul li:hover ul.left {
left:-153px;
}



/* specific to IE5.5 and IE6 browsers */
.menu1 ul li a:hover ul {
display:block;position:absolute;top:30px; t\op:33px; background:#fff;left:0; border-bottom:1px solid #000;
}

.menu1 ul li a:hover ul.endstop {
left: -92px;
}
.menu1 ul li a:hover ul li a {
display:block;background:#fff;color:#000; height:1px; line-height:15px; padding:4px 16px; width:154px; w\idth:190px; border:1px solid #000; border-bottom:0;
}
.menu1 ul li a:hover ul li a.drop {
background:#EAEFF3 url(images/bullet1.gif) no-repeat 3px 8px; padding-bottom:4px; text-decoration:none
}
.menu1 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu1 ul li a:hover ul li a:hover {
color:#000; background: #EAEFF3 url(images/bullet1.gif) no-repeat 3px 8px; text-decoration:none
}
.menu1 ul li a:hover ul li a:hover.drop {
 background: #EAEFF3 url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0;color:#000; left:153px;
}
.menu1 ul li a:hover ul li a:hover ul.left {
left:-153px;
}
</style>
<!--[if lte IE 5.5]>
<style type="text/css">
.menu1 ul li a, .menu1 ul li a:visited {height:33px;}
</style>
<![endif]-->

/* End Drop Down Menu */