/* Contango CSS Styles */

body, form { margin: 0 auto 0 auto; width: 727px; padding: 0; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #444444; background: url('/common/css/img/homebg.gif') #FFFFFF no-repeat center top;  } 
img { border: 0; }
h1			{ font-size: 26px; color: #b22835; font-weight: bold; margin: 0; padding: 0;}
h2			{ font-size: 15px; color: #333333; font-weight: bold; margin-bottom: 5px; }

.cleaner	{ clear: both; }

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

ul  { margin-left: 25px; padding-left: 10px; }


/*:::::HEADER:::::*/
#headContainer	{ width: 723px; height: 93px; }
#logo			{ padding-top: 33px; float: left; }

#flashContainer	{ width: 290px; height: 93px; float: right; }
.flashHeader	{ width: 288px; float: left; }

#headerRight	{ width: 144px; height: 93px; float: right; }

/*:::::LIST LINKS:::::*/
.listLinks ul 			{ margin: 0; list-style: none; font-size: 11px; padding: 0; }
.listLinks a 			{ text-decoration: none; }
.listLinks a:hover		{ text-decoration: underline; }
	
.listLinks ul.gray li 		    { margin: 0; padding-bottom: 2px; padding-left: 10px;  }
.listLinks ul.gray li a 	    { background: url(img/gray-arrow.gif) no-repeat 2px 5px; display: block; color: #b22538; padding-left: 12px; }
.listLinks ul.gray li a:hover  	{ background: url(img/gray-arrow.gif) no-repeat 2px 5px; display: block; }

.listLinks ul.white li 		    { margin: 0;  padding: 0; padding-bottom: 7px; }
.listLinks ul.white li a 	    { background: url(img/white-arrow.gif) no-repeat 0px 5px; display: block; color: #b22835; padding-left: 10px;  }
.listLinks ul.white li a:hover  { background: url(img/white-arrow.gif) no-repeat 0px 5px; display: block;  }

.listLinks ul.red li 		    { margin: 0;  padding: 0; padding-bottom: 2px; padding-left: 10px; padding-top: 6px; }
.listLinks ul.red li a 	    	{ background: url(img/red-arrow.gif) no-repeat 0px 3px; display: block; color: #b22835; padding-left: 10px;  }
.listLinks ul.red li a:hover  	{ background: url(img/red-arrow.gif) no-repeat 0px 3px; display: block; }

.listLinks ul.gray2 li 		    { margin: 0; padding: 0; padding-bottom: 5px;  }
.listLinks ul.gray2 li a 	    { background: url(img/gray-arrow.gif) no-repeat 2px 5px; display: block; color: #b22538; padding-left: 12px; }
.listLinks ul.gray2 li a:hover  { background: url(img/gray-arrow.gif) no-repeat 2px 5px; display: block; }

.listLinks ul.nav li 		    { margin: 0; padding-bottom: 5px; padding-left: 5px; }
.listLinks ul.nav li a 	    	{ background: url(img/gray-arrow.gif) no-repeat 2px 5px; font-weight: bold; display: block; color: #b22538; padding-left: 12px; }
.listLinks ul.nav li a:hover  	{ background: url(img/gray-arrow.gif) no-repeat 2px 5px; text-decoration: none; color: #333333; display: block; }
.listLinks ul.nav li a.on  		{ background: url(img/gray-arrow.gif) no-repeat 2px 5px; text-decoration: none; color: #333333; display: block; }
.listLinks ul.nav li a.ondown  	{ background: url(img/red-arrow-down.gif) no-repeat 2px 5px; text-decoration: none; color: #333333; display: block; }

.listLinks ul.navsub li 		    { margin: 0; padding-bottom: 5px; padding-left: 12px; }
.listLinks ul.navsub li a 	    	{ background: url(img/gray-arrow.gif) no-repeat 2px 5px; font-weight: normal; display: block; color: #b22538; padding-left: 12px; }
.listLinks ul.navsub li a:hover  	{ background: url(img/gray-arrow.gif) no-repeat 2px 5px; text-decoration: none; color: #333333; display: block; }
.listLinks ul.navsub li a.on  		{ background: url(img/gray-arrow.gif) no-repeat 2px 5px; text-decoration: none; color: #333333; display: block; }

.listLinks ul.moreinfo li 		   { margin: 0; padding: 0; padding-bottom: 6px;  }
.listLinks ul.moreinfo li a 	   { display: block; color: #b22538; padding-left: 10px; }
.listLinks ul.moreinfo li a:hover  { display: block; }

.listLinks ul.map li 		   	{ margin: 0; padding: 0; padding-bottom: 6px;  }
.listLinks ul.map li a 	   		{ display: block; color: #333333; padding-left: 10px; }
.listLinks ul.map li a:hover  	{ text-decoration: underline; color: #b22538; }
.listLinks ul.map li a.on	  	{ font-weight: bold; color: #b22538; font-size: 12px; }

.listLinks ul.mapsub li 		   	{ margin: 0; padding: 0; padding-top: 5px; padding-bottom: 5px; }
.listLinks ul.mapsub li a 	   		{ display: block; color: #333333; padding-left: 25px; background: url(img/gray-arrow.gif) no-repeat 15px 4px; }
.listLinks ul.mapsub li a:hover  	{ text-decoration: underline; color: #b22538; }


.redLink a			{ padding-left: 2px; color: #b22835; text-decoration: none; }
.redLink a:hover	{ text-decoration: underline; }

.redLink2 a			{ float: right; padding-right: 5px; color: #b22835; text-decoration: none; }
.redLink2 a:hover	{ text-decoration: underline; }

/*:::::MENU BAR:::::*/
#menuContainer	{ width: 727px; margin-top: 2px; }
#menuBar		{ width: 578px; float: left; margin-right: 1px; }
#search			{ width: 144px; height: 27px; float: left; display: block; background-color: #999999; }
.searchform 	{ width: 90px; height: 12px; margin-left: 8px; margin-top: 4px; float: left; font-size: 11px; color: #999999; padding-left: 2px; }
.searchsbmt 	{ float: left; margin-top: 5px; margin-left: 4px; }
.input			{ font-size: 10px; color: #999999; }

	/*:::::SUB-MENU BAR:::::*/
	#subContainer	{ width: 723px; height: 29px; background: url(img/sub-menubg.gif) repeat-x; }	
	
/*:::::HOME IMAGE AREA:::::*/
#fullnewsBox				{ float: left; margin-right: 2px; }
#redBox				{ float: left; margin-right: 2px; background: url(img/redbg.gif) no-repeat;}
.redhd				{ font-size: 28px; color: #FFFFFF; font-weight: bold; }
.redText			{ width: 390px; font-size: 13px; color: #f5e5e6; font-weight: bold; padding-top: 15px; }
.redbttn			{ float: right; margin-right: 13px; padding-top: 15px; }
.boxright			{ width: 143px; float: left; margin-right: 2px; }	
.boxrightImg		{ height: 133px; }
.newsbox			{ overflow: hidden; width: 119px; height: 234px; float: left; background: url(img/bg-grade.gif) repeat-x #F2E6D3; padding: 17px 17px 17px 8px; }
.newshd				{ padding-left: 0px; font-weight: bold; width: 100px; font-size: 18px; margin-bottom: 10px; }

/*:::::HOME CONTENT AREA:::::*/
#boxBottom			{ width: 723px; margin-top: 2px; }
.boxVariable		{ float: left; padding: 0 8px 10px 12px; }
.boxTitle			{ padding: 17px 8px 10px 12px; color: #333333; font-size: 12px; font-weight: bold; }

#boxContainer	{ width: 253px; }
#boxLeftsub		{ width: 118px; float: left; }
#boxRightsub	{ width: 135px; float: left; }

	/*:::::HOME PAGE LOGIN AREA:::::*/
	#login		{ width: 135px; height: 27px; float: left; display: block; font-size: 10px; color: #999999; }
	.loginbox 	{ width: 100px; height: 12px; margin-top: 1px; float: left; font-size: 10px; color: #999999; }
	.submit		{ float: left; margin-top: 2px; margin-left: 4px; }
	
	.redHint a			{ font-size: 9px; color: #b22835; text-decoration: none; }
	.redHint a:hover	{ text-decoration: underline; }
	
	.hint	{  font-size: 10px; width: 130px; }
	
/*:::::HUB PAGE:::::*/
.boxMain			{ width: 723px; background: url(img/menu-shadow.gif) repeat-x; }
.pagedesc			{ font-family: "Times New Roman", Times, serif; font-size: 14px; font-weight: bold; padding-bottom: 11px; color: #404040; margin: 5px 0 4px 7px; }
.boxVariableHub		{ font-size: 11px; float: left; padding: 10px 10px 10px 17px; background: url(img/boxbg.gif) repeat-x #f2e6d3; }
.boxLefthub			{ width: 143px; padding-top: 107px; float: left; }
#boxRighthub		{ width: 578px; float: left; padding-top: 20px; }
.boxArrow			{ z-index: 5; position: absolute; top: 0px; left: 0px; }
.boxTitleHub		{ color: #b22538; font-size: 12px; font-weight: bold; height: 35px; border-bottom: 1px dotted #FFFFFF; }
#boxtxt				{ margin-left: 9px; }
td.hub				{ border-left: 2px solid #FFFFFF; background-color: #F2E6D3; }

.squareBox			{ width: 143px; height: 133px; background-color: #efeeee; float: left; margin: 2px 18px 0 1px; }
#hubcontent			{ width: 402px; float: left; padding-right: 6px; font-size: 12px; }

/*:::::CONTENT PAGE:::::*/
#boxRightcontent	{ width: 427px; float: left; padding-top: 12px; padding-right: 10px; }
#boxRightfull		{ width: 560px; float: left; padding-top: 12px; padding-right: 10px; }
#fullPage			{ width: 700px; float: left; padding: 12px 10px 0 10px; }
.contentTxt			{ padding-left: 7px; margin-top: 10px; }

.moreBox			{ padding: 10px; background-color: #e9d7b8; margin: 20px 0 20px 0; }
.moretxt			{ font-size: 10px; color: #000000; font-weight: bold; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted #FFFFFF; }

.sidebox			{ line-height: 18px; background-color: #eaeaea; width: 123px; height: 113px; clear: both; padding: 10px; margin-top: 2px; }
.rimg				{ clear: both; margin-top: 2px; }

.rightcontainer		{ float: left;  width: 143px; }
.rightNav			{ width: 133px; height: 210px; background: url(img/bg-grade.gif) repeat-x #F2E6D3; float: left; padding: 10px 10px 20px 0; }
.ybar				{ z-index: 2; background: url(img/yellow-fill.gif) repeat-x; float: right; }
.ybarcorner			{ float: left; }
.ybarnav			{ float: right; width: 143px; }

.terminal			{ min-height: 210px; width: 123px; background: #e1e1e1; float: left; padding: 10px 10px 20px 10px; line-height: 16px; }
.gheader			{ font-weight: bold;  font-size: 13px; margin-bottom: 5px; }

/*:::::SITE MAP:::::*/
.boxMap		{ font-size: 11px; float: left; padding: 10px 10px 10px 17px; }
.mapTitle	{ color: #b22538; font-size: 12px; font-weight: bold; }


/*:::::FOOTER:::::*/
#footer			{ width: 710px; height: 19px; background-color: #adadad; margin-top: 2px; padding: 5px 5px 0 8px; color: #FFFFFF; font-size: 10px; }
#footer2			{ width: 710px; background-color: #adadad; margin-top: 2px; padding: 5px 5px 0 8px; color: #FFFFFF; font-size: 10px; }
#footer	a		{ color: #bf2237; text-decoration: none; }
#footer	a:hover	{ text-decoration: underline; }

.footerbox		{ clear: both; margin-left: 144px; width: 143px; height: 133px; background-color: #e1e1e1; margin-top: 2px; }