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

/*#background {position:relative; background:url(../images/background_div_bg.jpg) repeat-x top left; top:260px; width:100%; height:70px;}*/

#wrapper {margin:0 auto; /*margin-top:-70px;*/ text-align:center; width:835px; font-size:11px; text-align:left; color:#666666; z-index:100;}

#login {/*height:20px;*/ width:40%; margin-top:40px; padding-right:35px; float:right;}
	#login ul {list-style:none; padding:0; margin:0;}
	#login ul li {display:inline; float:right; height:20px; margin-left:0px;}
	#login ul li a {float:left; text-decoration:none; height:20px; width:90px; color:#363636; font-weight:bold;}
	#login ul li a:hover {color:#105dff;}

#header {clear:right; width:835px; height:80px; background:url(../images/header_bg.png) no-repeat top left; position:relative;}
	#logo {width:140px; height:37px; position:absolute; left:35px; top:27px;}

#banner-and-navigation-container {width:835px; background:url(../images/banner_border_bg.png) repeat-y top left;}
	#banner {margin:0 auto; width:810px; position:relative; /*height:258px;*/}
	#navigation {margin:0 auto; width:790px; height:40px; background-color:#363636; font-family:"Trebuchet MS"; font-size:12px;
		padding:10px 0 0 22px; /*overflow:hidden;*/ position:relative; left:-1px; margin-bottom:10px;}
		/*#navigation ul {list-style:none; padding:0; margin:0;}
		#navigation ul li {display:inline; float:left; width:auto; padding:17px 0 0 10px;}
		#navigation ul li a {float:left; text-decoration:none; color:#ffffff;}
		#navigation ul li a:hover {color:#ccc;}
		#navigation ul li img {margin-top:-5px;}*/

	#left-container {width:250px; float:left; padding:0 0 0 25px; text-align:left; overflow:hidden; margin-bottom:20px;}
		#latest-news {width:207px; color:#fff; height:161px; background:url(../images/latest_news_bg.jpg) no-repeat top left; 
			margin:0 0 10px 0; padding:0 13px 10px 15px;}
			
			#latest-news #rss-logo {position:relative; width:35px; height:38px; left:8px; top:12px;}
			#latest-news h2 {margin:-20px 0 0 60px; color:#ffffff;}
			#latest-news h5 {color:#fff;}
			#latest-news p {font-size:10px;}
		
		#advertisement-campaign {width:207px; height:99px;
			background:url(../images/advertisement_campaign.jpg) no-repeat top left;
			margin:10px 0; padding:0 13px 10px 15px; overflow:hidden;}
			
			#advertisement-campaign h2 {margin:20px 0 5px 60px; color:#ffffff;}
			#advertisement-campaign p {font-size:10px;}
		
		#contact-us {width:218px; margin-left:15px;}
			#contact-us h2 {margin:-30px 0 0 60px; text-decoration:underline;}
			#contact-us p {margin:10px 0 10px 0px;}
			#contact-us p.no-padding-margin {margin:0; padding:0;}
			
			#contact-us-email-icon {position:relative; width:45px; height:44px;}
		
		/* putting position:relative; in right-container puts the navigation below the .grey-box */
	#right-container {width:530px; float:right; padding:0 25px 0 0; margin-bottom:20px;}
		#right-container .grey-box, #right-container .white-box {width:487px; border:1px solid #e1e1e1; 
			background:#ebebeb; padding:4px 15px 15px 25px; min-height:75px; height:auto !important; height:75px; 
			margin-bottom:10px; z-index:0;} /*height:auto !important; height:56px; is the hack for the min-height bug in IE6 */
			
			#right-container .grey-box h1, #right-container .white-box h1 {padding-top:8px;}
			#right-container .grey-box p, #right-container .white-box p {margin:8px 0;}
			
			#right-container .grey-box .globe {position:absolute; top:-15px; right:10px; width:126px; height:124px;}
			
			#right-container .white-box {background:#ffffff; border:none; margin-bottom:10px;}
			
			#right-container .grey-box ul li, #right-container .white-box ul li {/*margin-left:-8px;*/ margin-bottom:10px; display:list-item;}
			#right-container .grey-box ul ul, #right-container .white-box ul ul {margin:0 0 0 25px; padding:0 0 0 0; list-style:square;}

#footer {clear:both; width:800px; height:80px; font-size:10px; padding:10px 30px 0 20px;  
	background:url(../images/footer_bg.png) no-repeat top left; font-size:9px; color:#ffffff;}
	#footer ul {list-style:none; margin:0; padding:0; float:right;}
	#footer ul li {float:left; display:inline; width:auto; padding:0; padding:3px 5px 0 0;}
	#footer ul li a {float:left; text-decoration:underline; color:#ffffff;}
	#footer ul li a:hover {text-decoration:none;}
	
	#footer .disclaimer {text-align:justify; padding:0; font-size:9px; margin-top:40px; color:#666666;}