﻿/* ###########################################
	TERMINALFOUR
					revision: 02/10/08 (v1)
########################################### */

* { margin: 0px; padding: 0px;}

html { }
body { background:#e5f7ff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; padding: 0;}


/* <Generic Rules> */
.r {float: right;}
.l {float: left;}

.ar { text-align: right;}
.ac { text-align: center;}
.al { text-align: left;}

.clear {width: 100%; height: 1px; font-size: 1px; clear: both;}
.clear15 {width: 100%; height: 15px; font-size: 1px; clear: both;}

.w50p { width: 49%;}

.invisible { visibility: hidden; display: none;}
a img {border: 0px;}


#wrapper { background: #fff; width: 980px; margin: 0px auto;}


/* <tools> */
#tools { background: #f6fcfc; padding: 7px 14px 10px 14px; }

	#tools a { color: #0099CC; }
		
		/* #font sizes# */
		#tools a.fonta { background: transparent url(/media/csa_a-box.gif) bottom center no-repeat; color: #00477F; font-weight: normal; text-decoration: none; text-transform: uppercase; line-height: 26px; padding: 8px 8px 7px 8px; font-size: 0.8em;}
		#tools a.fontaa { background: transparent url(/media/csa_a-box.gif) bottom center no-repeat; color: #00477F; font-weight: normal; text-decoration: none; text-transform: uppercase; line-height: 26px; padding: 8px 8px 7px 8px; font-size: 0.9em;}
		#tools a.fontaaa { background: transparent url(/media/csa_a-box.gif) 0 5px no-repeat; color: #00477F; font-weight: normal; text-decoration: none; text-transform: uppercase; line-height: 25px; padding: 8px 8px 7px 8px; font-size: 1.1em;}
	
	/* #form# */
	#tools form { padding: 3px 0 0 0;}
	#tools form input { border: 1px solid #8BB3BD; padding: 3px 4px 1px 4px; font-size: 11px; color: #006691; }
	#tools form input.buttongo { background: transparent url(/media/tools_gobtn.png) bottom center no-repeat; height: 19px; width: 39px; border: 0px; color: #fff; padding: 0px 8px 1px 8px; font-size: 1.0em; }

	#tools .skiptocontent { padding: 0 0 0 20px;}
	
/* <header> */
#header { height: 220px; background: transparent url(/media/csa_headbanner.jpg) top left no-repeat;}
	#header #homelink a { padding: 60px 0px; width: 500px; display: block;}


/* <mainmenu> */
#mainmenu { width: 186px; padding: 10px 0 0 0; float: left;}
	#mainmenu ul { margin: 0; list-style: none; font-weight: 500;} 
	
	/* #level 1# */
	#mainmenu ul li { margin: 0 0 1px 0; background: transparent url(/media/csa_menu_sprite.png) top left no-repeat; color: #fff;} 
	#mainmenu ul li a { display: block; color: #fff; color: #fff; padding: 6px 4px 6px 20px; background: transparent url(/media/csa_menu_sprite.png) 0 -29px no-repeat; text-decoration: none;}
	#mainmenu ul li a:hover { display: block; color: #fff; color: #fff; background: transparent url(/media/csa_menu_sprite.png) 0 0 no-repeat;}
	#mainmenu ul li span { display: block; padding: 6px 4px 6px 20px; color: #fff;} 
	
	#mainmenu ul li span a { color: #fff; padding: 0px; background: none; display: block; }
	#mainmenu ul li span a:hover { background: none; display: block; padding: 0px; text-decoration: underline;}
	
	/* #level 2# */
	#mainmenu ul li ul { margin: 1px 0 0 0; background: transparent;}
	#mainmenu ul li ul li {}
	#mainmenu ul li ul li a { padding: 6px 4px 6px 35px; background: transparent url(/media/csa_menu_sprite.png) -215px 0px no-repeat; }
	#mainmenu ul li ul li a:hover { padding: 6px 4px 6px 35px; background: transparent url(/media/csa_menu_sprite.png) -215px 0 no-repeat; text-decoration: underline;}
	#mainmenu ul li ul li span { padding: 6px 4px 6px 35px; background: transparent url(/media/csa_menu_sprite.png) -215px 0px no-repeat; text-decoration: underline;}
	
	/* #level 3# */ 
	#mainmenu ul li ul li ul{ margin: 1px 0 0 0; background: transparent;} 
	#mainmenu ul li ul li ul li{} 
	#mainmenu ul li ul li ul li a { padding: 6px 4px 6px 48px;background: transparent url(/media/csa_menu_sprite.png) -430px -29px no-repeat; } 
	#mainmenu ul li ul li ul li a:hover { padding: 6px 4px 6px 48px; background: transparent url(/media/csa_menu_sprite.png) -430px -29px no-repeat; text-decoration: underline;} 
	#mainmenu ul li ul li ul li span { padding: 6px 4px 6px 48px; background: transparent url(/media/csa_menu_sprite.png) -430px -29px no-repeat; text-decoration: underline;}  

	#mainmenu .openforum { padding: 20px 0 0 3px;}


/* <footer> */
#footer { clear: both; margin: 20px 10px; padding: 15px 10px; border-top: 1px dotted #33abda; color: #666;} 
	#footer a { color: #0099cc;}

/* <main> */
#main { margin: 0 0 0 220px; padding: 10px 4px 0 0;  background: transparent url(/media/csa_headbannersub.jpg) top right no-repeat; color: #333;}
	
	/* #links#*/
	#main a { color: #0099CC; }
	#main a:hover { text-decoration: none; }

	/* #right column# */
	#main #rightcol { margin: 55px 0 0 0; float: right; width: 200px;}
	#main #rightcol h3 { background: transparent url(/media/rhc_bluebar.png) top left no-repeat; padding: 5px 10px; color: #fff; font-weight: normal; font-size: 1.2em;}
	#main #rightcol p { padding: 5px 0 0 0;}
	
	#main #rightcol ul#latestnews { margin: 10px 0 0 20px; list-style-image: url(/media/li_arrows.gif);}
	#main #rightcol ul#latestnews li { margin: 0 0 10px 0;}
	
	
	
/* <content> */
#content { padding: 0 20px 0 0; }
	
	/* #generic inner# */
	#content h1 { display: block; margin: 0 0 20px 0; width: 450px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight: normal; color: #2072A2; }
#content h1.hidden {display: none;}
	#content h2 { display: block; margin: 0 0 20px 0; width: 450px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; color: #2072A2; }
	#content h3 { display: block; margin: 0 0 2px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight: bold; color: #2072A2; }
	#content h4 { display: block; margin: 0 0 2px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; color: #2072A2; }
	#content h5 { display: block; margin: 0 0 2px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold; color: #2072A2; }
	
	#content img { /* float: left; */ padding: 10px;} 
	#content img.noborder { padding: 0px;} 
	#content p { margin: 0 0 10px 0;}
	#content hr { clear: both;} 
	#content blockquote { padding: 15px; background: transparent url(/media/content_bg.png) top left repeat-x; margin: 20px; text-align: right; border-style: solid; border-width: 1px 0px; border-color: #38A2CC;}
	
	/* ~lists~ */
	#content ul { margin: 10px 0 10px 40px; list-style-image: url(/media/li_block.gif);}
	#content ul li { padding: 2px 0px;}
	
	#content ol { margin: 10px 0 10px 40px;}
	#content ol li { padding: 2px 0px;}
	
	#content dd { margin: 0 0 10px 30px;}
	#content dt { font-weight: bold; padding: 5px 0px 2px 0px; color: #38A2CC;}

	
	/* ~tables~ */
	#content table { border-collapse: collapse;}
	#content td, #content th {padding: 4px 12px; border: 1px solid #38A2CC; }
	#content thead td, #content th { font-weight: bold; text-align: center; border: 1px solid #00477f; color: #00477f;}
	#content div#form td, #content div#form th {border: none;}

	
	/* #homepage specific# */
	.home #content { margin-right: 240px;} 
	.home #content div.shade {  background: transparent url(/media/content_bg.png) top left repeat-x; padding: 10px;}
	.home #content div.shade p { margin-left: 140px;}
	.home #content div.shade img { float: left;}	
	.home #content p a.learnmore { background: #fff; display: block; margin: 10px; padding: 2px 6px; border: 1px solid #38A2CC; color: #38A2CC; float: left; text-decoration: none;} 
	
	
	/* #inner3col specific# */
	.inner3col #content { margin-right: 240px;} 
	
	
	
	
	
	
/* for news */	
	
#content ul.contentList { padding: 5px 0 5px 0; margin: 0px; list-style-type: none;list-style-image: none;} 

#content ul.contentList li { display: block; width: 95%; border-bottom: 1px dotted #ccc; line-height: 16px; background: none;}

#content ul.contentList li p { padding: 0px;} 

#content ul.contentList li { padding: 0px 8px 5px 0; vertical-align: top;}

#content ul.contentList br.clear { clear:none;} 
/* form css from forfas custom css */
