/* CSS Reset  */

html, body, div, span, applet, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, img, small, strike, sub, sup, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td		
									{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; 
									  font-style: inherit; font-size: 100%; font-family: inherit;}
:focus								{ outline: 0;}
table								{ border-collapse: separate; border-spacing: 0;}
a img,:link img,:visited img 		{ border:none }
html								{ overflow-y: scroll; }
html, body							{ height: 100%; }



/* CSS Initialisation */

strong { font-weight: bold }
em { font-style: italic }
div { position: relative } 


/* CSS Utility */

.floatleft 		{ float: left; }
.floatright		{ float: right; }
.clear			{ clear: both; }
.cursor 		{ cursor: pointer; cursor: hand;}
.underline		{ color:#666666; text-decoration: underline;}
.none			{ text-decoration: none;}


/*  Default styling  */	

body 			{ font-family: 'Lucida Grande',Helvetica,Arial,Sans-serif; text-align: left; font-size: 11px; line-height: 18px; color: #333;}


p				{ padding: 10px}	
a:hover 		{ color: #7E807B; text-decoration: underline;}	
a				{ color: #333; text-decoration: underline;}
ul 				{ font-weight: bold; list-style: outside; padding: 0px 5px 0px 30px;}


/*  Misc styling  */	

.subhead 		{ font-size: 11px; font-weight: bold; text-decoration: underline; }
.bold			{ font-size: 12px; font-weight: bold; color: #353535; }
.green			{ font-size: 12px; font-weight: bold;color: #6E7464;}
.padtop 		{ padding-top: 30px; background-color: #FFEBA7;}
.padtophc 		{ padding-top: 30px; background-color: #F3BF72;}
.padtoppc 		{ padding-top: 30px; background-color: #AAC1DE;}
.common			{ background-color: #FFEBA7;}
.hc				{ background-color: #F3BF72;}
.pc				{ background-color: #AAC1DE;}
.small			{ font-size: 11px; font-weight: bold; color:#333333; } 
	
	



/* Headings */

h1				{ font-size: 15px; font-style:italic; padding: 6px 0px 6px 10px; width: 433px; }
h2				{ font-size: 12px; font-weight: bold; padding: 10px 0px 0px 10px;}	
h3				{ font-size: 11px; font-weight: bold; padding: 10px 0px 0px 10px; }


/*  STRUCTURE & COMMON ELEMENTS  */

#wrapper 							{ width: 750px;  margin: 0px auto; background-image:url(images/background.gif);}
#hcwrapper 							{ width: 750px;  margin: 0px auto; background-image:url(images/hcbackground.gif);}
#pcwrapper 							{ width: 750px;  margin: 0px auto; background-image:url(images/pcbackground.gif);}
	
#header 							{ height:100px; }
									  
#navleft							{ width: 187px; float: left; text-align: left; font-weight: bold; line-height: 25px;}
#navleft ul							{ list-style: none; margin: 0; padding: 6px 0px 0px 30px;}
#navleft a:hover 					{ color: #7E807B; text-decoration: underline;}
#navleft #active 					{ color: #7E807B; text-decoration: underline;}
#navleft a							{ color: #333333; text-decoration: none;}


#pcnavleft							{ width: 187px; float: left;  text-align: left; font-weight: bold; line-height: 25px;}
#pcnavleft ul						{ list-style: none; margin: 0; padding: 6px 0px 0px 30px; }
#pcnavleft a:hover 					{ color: #96B2D4; text-decoration: underline;}
#pcnavleft #active  				{ color: #96B2D4; text-decoration: underline;}
#pcnavleft a						{ color: #E8F5FF; text-decoration: none;}


#content 							{ width: 433px; float: left; margin-left: 5px; background-color: transparent;}

#rightcol 							{ width: 125px; float: right; text-align: left; line-height: 16px;}
  						  

#footer								{ clear: both; background-image: url("images/footer.gif");background-repeat: no-repeat; 
									  height: 60px;  width: 750px; width: 750px; text-align: right; color: #666; font-size: 9px;}
#hcfooter							{ clear: both; background-image: url("images/hcfooter.gif");background-repeat: no-repeat; 
									  height: 60px;  width: 750px; width: 750px; text-align: right; color: #ccc; font-size: 9px;}
#pcfooter 							{ clear: both; background-image: url("images/pcfooter.gif");background-repeat: no-repeat; 
									  height: 60px;  width: 750px; text-align: right; color: #ccc; font-size: 9px;}
									   
#footerinner						{ line-height: 14px; padding: 12px 10px 8px 0;}

/*  HOME PAGE  */

#homewrapper 						{ width: 750px;  margin: 0px auto;}
#homeheader 						{ height:328px; }
#homelcol							{ width: 372px; float:left; background-image:url(images/home_hc_bg.jpg);}
#homelcol h1						{ font-size: 18px; font-style: normal; color: #003333; padding: 20px 0px 8px 15px;}
#homelcol p							{ font-size: 12px; line-height: 17px; padding: 5px 15px 5px 15px;}
#homelcol img						{ padding: 10px 20px 20px 0px; }

#homercol							{ width: 372px; float:right; background-image:url(images/home_pc_bg.jpg);}
#homercol h1						{ font-size: 18px; font-style: normal; color: #12386A; padding: 20px 0px 8px 15px;}
#homercol p							{ font-size: 12px; line-height: 17px; padding: 5px 15px 5px 15px;}
#homercol img						{ padding: 10px 20px 20px 0px; }


#homecommon							{ clear: both; width: 750px; background-image:url(images/home_common_bg.jpg);}
#homecommon h2						{ font-size: 15px; font-weight: normal;  padding: 20px 0px 8px 15px;}	
#homecommon p						{ padding: 5px 15px 5px 15px;}			

#homecommonleft						{ width: 250px; float:left;}
#homecommoncenter					{ width: 250px; float:left;}
#homecommonright					{ width: 250px; float:left;}

#homefooter							{ clear: both; background-image: url("images/homefooter.gif");background-repeat: no-repeat; 
									  height: 60px;  width: 750px; width: 750px; text-align: right; color: #666; font-size: 9px;}