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

	natw3 CSS Document 
	
	content:
	1. reset
	2. accessibilty
	3. global fonts
	4. global links
	5. generic layout / presentation
	6. menu-bar
	7. content
	6. footer
	
	accordion

-------------------------------------------------------------- */

/* ----- 1. reset ----- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {margin:0; padding:0; line-height:1;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
abbr,acronym {border:0;}
html{ overflow-y:scroll; }

/* ----- 2. accessibility ----- */
#accessibility { position:absolute; left:-1000px; top:-1000px; overflow:hidden; padding:0; margin:0;} 
#accessibility a {text-decoration:underline;}
#accessibility a:hover {text-decoration: underline;}
.hide {display:none}/* use this class for objects you wish to hide from the DOM*/
.offscreen {position:absolute; top:-1000px; left:-1000px;}/* use this class for objects you wish to hide offscreen but intent to be read by a screen reader*/

/* ----- 3. global fonts ----- */
h1 {font-size:3.0em; font-weight:normal; color:#666; line-height: 120%; } /* title only */
h2 {font-size:1.1em; font-weight:normal; /* nav bar tabs 6C8B99 */
color:#333333 !important; }
h3 {font-size:3em; font-weight:normal; color:#666 !important;  line-height: 120%; font-weight:bold; margin-bottom:10px;} /* page titles */
h4 {font-size:1.7em; font-weight:normal; color:#666; font-weight:bold; line-height: 150%; margin-bottom:5px;} /* page sub-section titles */
h5 {font-size:1.5em; font-weight:normal; color:#666; font-weight:bold; line-height: 140%; padding-bottom: 7px; margin-top:3px;} /* page sub-section titles */
p {font-size:1.2em; font-weight:normal; color:#444; line-height: 130%; padding-bottom: 8px; }
	.large {font-size:2em;}
	.slideshow {font-size:1.5em; line-height:100%; margin-top:8px;}
	.ssTitle {font-size:2.5em; line-height:100%; margin-bottom:10px; color:#333333;}
	.ssSmaller {font-size:1.1em; line-height:90%; margin-top:0px; margin-bottom: 3px;}
	.dblLH {line-height:190%;}
	

/* ----- 4. global links ----- */
a {text-decoration:none;  color:#335085;}
a:hover {color:#5a7085; cursor:pointer;}
* :focus {  }/*[THIS GETS RID OF THE DOTTED OUTLINE FROM AROUND ANY LINK ON FOCUS]*/
* :active {}/*[THIS GETS RID OF THE DOTTED OUTLINE FROM AROUND ANY LINK ON FOCUS ON OLDER FIREFOX AND MOZILLA BROWSERS]*/
a img {border:none;}
.aNormal {text-decoration:none !important;  color:#4ea4d5 !important; border:none !important; background-color:none !important;} /*normal appearance of links*/
.aNormal:hover {color:#E78A23 !important; cursor:pointer !important;}


/* ----- 5. generic layout / presentation ----- */
body {margin:0; padding:0; font:62.5% "Trebuchet MS", Verdana, sans-serif; background-color:#fcfdff; }

 /*color:#505253;*/ 

/* color:#333333; background-position:center top; background-image:url(images/bg.jpg); background-repeat:no-repeat;} */

/* using "font size 62.5%" sets 1.0em = 10px makes matching font-size and line-heights to designs simpler 1.5em = 15px */

#top {padding:5px 0 20px 0; margin:0 ; position:absolute; top:-1000px; left:-1000px;}
#bottom {padding:5px 0 20px 0; margin:0 ; position:absolute; top:-1000px; left:-1000px;}
a.return-top {clear:both; font-size:1.6em; cursor:pointer; display:inline-block; background:url(../images/return_off.png) 0 22px no-repeat; padding:20px 0 0 30px; line-height:1.8;}
a.return-top:hover {background:url(../images/return_on.png) 0 22px no-repeat;}
.clear{clear:both;}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* ----- 6. menu-bar ----- */

#menuBar {width:100%; position:fixed; top: 0px; left:0px; padding: 0px; margin:0px; background-color:transparent;  height: 55px;} 
#menuBarBG {position:relative; z-index:890; width:100%; top: -10px; left:0px; padding: 0px; margin:0px; background-color:#d8e4ea;  height: 55px; background-image:url(images/tabGrad4.png); background-repeat:repeat-x; background-position:bottom;} 
	#navBar {width: 580px; margin: 0 auto; padding:0 10px; clear:both; position:relative; z-index:880;}
		#navBarCenter {margin: 0 auto; width:560px; margin-left:50px;}
	#navBar li {
		margin-right:10px; padding:30px 10px 3px 10px;   -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; background-image:url(images/tabGrad2.png); background-position:bottom; background-repeat:repeat-x; line-height:0px; font-size:1.75em;
		 
		}

		#navBar li a{color:#607C88;}
		#navBar li:hover {position:relative; top:5px;}
		#navBar li:hover a {color:#E78A23;}
		.shadow{
		box-shadow: 0px 0px 5px #C4C4C4;
-webkit-box-shadow: 0px 0px 5px #C4C4C4;
-moz-box-shadow: 0px 0px 5px #C4C4C4;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#C4C4C4, offX=0, offY=0, positive=true);
}
		.selected {color:#666; border-right-color:#999999;border-right-style:solid;border-right-width:1px;border-left-color:#f2f2f2;border-left-style:solid;border-left-width:1px;border-top-color:#f2f2f2;border-top-style:solid;border-top-width:1px;border-bottom-color:#999999;border-bottom-style:solid;border-bottom-width:1px; background-image:url(images/tabGrad3.png)!important; background-repeat:repeat-x; position:relative; top:5px; background-position:bottom;}
				.selected a{color:#666;}
	.borders {border-right-color:#999999;border-right-style:solid;border-right-width:2px;border-left-color:#f2f2f2;border-left-style:solid;border-left-width:2px;border-top-color:#eee;border-top-style:solid;border-top-width:2px;border-bottom-color:#999999;border-bottom-style:solid;border-bottom-width:2px;
	moz-border-radius:16px 16px 6px 6px; border-radius:16px 16px 6px 6px; 
	}
	.borders2 /* inverted, used for breadcrumbs */
	{border-radius:7px 7px 7px 7px; -moz-border-radius:7px 7px 7px 7px;		border-right-color:#ddd;border-right-style:solid;border-right-width:1px;border-left-color:#aaa;border-left-style:solid;border-left-width:1px;border-top-color:#aaa;border-top-style:solid;border-top-width:1px;border-bottom-color:#ddd;border-bottom-style:solid;border-bottom-width:1px; 
	 margin:5px 0px; }
	.bordersShad {border-right:#666 solid 1px; border-left:#fffffd solid 1px; border-top:#fffffd solid 1px; border-bottom:#666 solid 1px; box-shadow: 0px 0px 4px #818181; -webkit-box-shadow: 0px 0px 4px #818181;
-moz-box-shadow: 0px 0px 4px #818181; filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=0, offY=0, positive=true);}
	#socialLinks li, #navBar li{display:inline;}
	#socialLinks img {margin-top:6px;}
	#headerLogo {float:left; margin: 5px; }
	#socialLinks {padding-left:12px; float:left;}
	#socialBar {position:relative; z-index:900; background-image: url(images/topBarGrad1.png); background-repeat:repeat-x; width: 650px; margin: 0 auto; padding:0 10px; padding-top:10px;}
	#twitterCont {float:left; margin-top:5px; position:relative;}
	#twitterLogo {float:left; margin:5px 0px 5px 8px;}
	#twitterCont img{float:left; position:relative; margin-top:8px; left:1px;}
	.twitterBubbleCont {position:relative; background-color:#fff; background-repeat:no-repeat; float:left; width: 400px;}

	#twitter_update_list {font-size:11px !important; display:inline; position:relative;height:30px; color:#E78A23;   padding-left:10px; padding-top:4px; padding-right: 5px; font-size:1.3em; line-height:110%; background-repeat:no-repeat; -moz-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px; float:left; overflow:visible;
}
	#header-dropdown-button {width:37px; height:17px; background-repeat:no-repeat; position:relative; float:right;  top:27px; cursor:pointer;}
	#header-dropdown-button.headerUp {background-image:url(images/header-up.png);}
		#header-dropdown-button.headerUp:hover {background-image:url(images/header-upMO.png);}
	#header-dropdown-button.headerDown {background-image:url(images/header-down.png);}
		#header-dropdown-button.headerDown:hover {background-image:url(images/header-downMO.png);}

/* ----- 7. content ----- */

#contentContainer {width:840px; background-color:#fff; clear:both; margin: 0 auto; padding-top:70px;position: relative; z-index:870; padding-left:35px; padding-right:20px; /*border-left-style:solid; border-left-color:#f1f6f7; border-left-width:8px; border-right-style:solid; border-right-color:#f1f6f7; border-right-width:8px; */}
	#leftCol {width:220px;  margin:10px; float:left; position:relative;}
		#leftColLogo {background-image:url(images/mainLogo2.png); height:220px;display:block;}
		#leftColText {position:relative; background-color:#D3DFE8; padding: 15px; margin:0 10px; -moz-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px;}
	#rightCol {width:521px; padding:20px; float:left; position: relative; margin-top:7px;}9
		#rightColImg {clear: float; poisition:relative; background-image:url(images/frame.png); background-repeat:no-repeat; width:505px; height:200px; margin:0 auto; border-radius:3px 3px 3px 3px; z-index:999;}

		#rightColText {width:100%; background-color:#D3DFE8; padding: 5px 11px 5px 11px;  -moz-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px; overflow:hidden;}
		
		.fltRight {position:relative; float:right; }
		.imgFltR {padding-left:10px; padding-bottom: 10px; display:inline; position:relative; right:0px; float:right; margin-bottom:10px;}
		.imgFltR img {margin-bottom:10px;}
		.wrappedText {display:inline;}
.bottomNav {position:relative;bottom:0px; margin-bottom:25px; overflow:visible; }
		
	#slider {width: 530px;}
		#slider li div {
	display: block;
	width: 215px;
	height:300px;
	background: transparent;
	margin-top: -290px;
	margin-left: 305px;
	position: relative;
}
	.txtLeft {margin-left:1px!important; right:10px; text-align:right;}
	.imgRight {margin-left:215px;}
	
.breadcrumbs { width:500px; padding:3px 10px; background-color:#A0AEBE; font-size:1.2em; clear:both; color:#fff;}
.breadcrumbs a {width:100%; padding:3px 10px; color:#fff;}
.breadcrumbs a:hover {color:#607C88; cursor:pointer; background-image:url(images/white40-01.png); background-repeat: repeat; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px;  padding:0px 5px; margin: 0px 5px;}
.anchors {width:485px; padding:3px 10px; margin:5px 0px; text-align:right; line-height:100%; clear:both;}


/* ----- 8. footer ----- */

#footer {width:100%; background-color:#e7eef3; background-image:url(images/footerBgGrad5.png); background-repeat:repeat-x; position:relative; bottom: 0px; overflow: hidden; border-top: #fff 1px solid;}
	#footerCont {width: 800px; margin: 0 auto; padding: 10px;}
		.footerLogo {float:left; margin: 5px 15px 5px 5px; display:inline;}
		#footerForm {position:relative; float:left; width:300px; display:inline; background-image:url(images/formTriangle.png); background-repeat:no-repeat; background-position:15px 25px; }
		#footerForm form {margin-top:12px; background-color:#FFF; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px;padding:5px; }
		#footerForm input {display:block;}
		#footerForm .footerFormStealthTextBox {display:none; !important }
		#footerForm .feedbackRadio {display:inline; margin:8px 0;}
		#footerForm .footerFormTextBox {background-color:transparent; border:none; border-bottom:1px dashed #000; width:80%; display:inline;}
		#footerForm .TextArea {background-color:transparent; border:none; border-bottom:1px dashed #000; width:95%; display:inline; overflow-y:no-scroll;}
		#footerForm .sendButton	{display:inline; margin:0px 4px; }
		.result {display:inline; width:150px;}
	#contactInfo {width: 250px;  float:right; position:relative;}	

		

		/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
/* IE7-/Win - Fix extra vertical space in lists */
.ui-accordion a { zoom: 1; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
.accordionTitle h4{display:inline;}
.fakeMOLink {display:inline; color:#4ea4d5;}
	.fakeMOLink:hover { color:#E78A23; cursor:pointer; }
#accordion img {margin-bottom:7px;}
	.accordionLink {z-index:1000;}		
	.hidden {display:none;}
	.selected a{color:#333333 !important;}



/* ----- thumbnail zoom ----- */
.secondBatch .zitem, .secondBatch .zitem img{width:200px; height:200px;}

.zitem {width:145px; height:145px; border: 3px solid #a6c7d6; margin:0px 14px 14px 0; /* required to hide the image after resized */ overflow:hidden; /* for child absolute position */ position:relative; /* display div in line */ float:left;}
	.zitemright {margin:0px 0px 14px 0;}
	.imgR {display:inline; position:relative; float:right; margin-left:10px;}
	#imagesRight {float:right;}

.zitem:hover {box-shadow: 0px 0px 8px #989898;
-webkit-box-shadow: 0px 0px 8px #bbb;
-moz-box-shadow: 0px 0px 8px #bbb;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#bbb, offX=0, offY=0, positive=true);border: 3px solid #E78A23;}
.zitem .caption {width:100%; height:23px; color:#fff; font-weight:bold;	/* fix it at the bottom */ position:absolute; bottom:-1px; /* fix IE issue */	left:0;	/* hide it by default */ display:none;
  background-image:url(images/black70-01.png); background-repeat:repeat;}
.zitem .caption span {text-decoration:none; color:#fff; font-size:12px; background-image:url(images/black70-01.png); background-repeat:repeat; 	border:none; /* add spacing and make the whole row clickable*/ padding:5px; display:block; background-color:transparent;}
.zitem img {border:0;/* allow javascript moves the img position*/position:absolute;}
.clear {clear:both;}

/* ----- page specific ----- */


.socialLinks ul {list-style-type:circle !important; margin-left:15px; padding-left:10px; padding-top:5px;}
.tick ul {list-style-image:url(images/tick.png)!important; margin:0px; padding:0px; margin-left:15px; padding-left:15px;}
.cross ul {list-style-image:url(images/cross.png)!important; margin-left:15px; padding-left:15px;}
.quote {width:80%; margin:0 auto; padding-top:10px; background-color:white; margin-bottom:10px;}
.quote p {font-style:italic; text-align:center; font-size:125%;}
.quoteName {font-style:none !important; text-align:right !important; font-size:100% !important; margin-right:15px !important; margin-bottom:0px !important;}