/*** ----------------- Reset the Browser Default -------------------- ***/	

html, body, h1, h2, h3, h4, h5, h6,
div, p, ul, li { margin:0; padding:0; text-align: left; }
ul { list-style-type:none; }
img { border:none; }

body, html    { height: 100%; 
			color: #444; 
			font-family: Helvetica, Arial, sans-serif; 
            margin: 0px; 
			padding: 0px; 
			text-align: center; /*** Centers the design in old IE versions ***/
			min-width: 950px;
			font-size:90%;
			}
			
body { 		background: #fff url('../images/bg.gif') repeat-x; }
			
			
p, table,  ul, li { 
		font-size: 1em;
		line-height: 1.6em;
		margin: 10px 0 10px 0;}
		
			
			
#content { 
		margin-left: auto; 
		margin-right: auto;
		width: 950px;
		}	
		

#head       { height: 325px;
			margin: 0 auto; 
			padding: 0px;
			  }		
			  
#flash    { position: relative;
			height: 325px;
			margin: 0 auto;
			padding: 0px;
			  }					  	
#logo       { 
			margin: 0 auto;
			padding: 0px; 
			background: url('../images/sp_logo.gif') no-repeat top left; 

			  }					  	  			
			  


/*** -----------------side menu -------------------- ***/	
#sidenav   {  position: relative; 
			float: left; 
			width: 250px; 
			text-align: left; 
			margin: 30px 0 0 5px; 
			font-size: 0.9em; 
			font-weight: bold;	
			color: #888;
}


#sidenav li { list-style:none;  line-height: 18px;  padding: 5px 0 5px 0; margin: 10px 0 10px -10px;   background: url('../images/btn_bg.jpg') no-repeat center left; display:block; position: relative; }

#sidenav ul{ list-style-image:none; margin: 0 10px 0 10px;   }


#sidenav a, #sidenav a:active, #sidenav a:visited { color: #888; text-decoration: none; display:block; width: 220px; padding-left: 20px; }

#sidenav a:hover{ color: #006699; text-decoration: none; background: url('../images/btn_bg_hi.jpg') no-repeat center left; display:block; padding-left: 20px;  }

/*** -----------------columns -------------------- ***/	


#colNarrow    { position: relative; 
			float: left; 
			width: 290px; 
			text-align: left; 
			margin: 30px 10px 0px 10px; 
			padding: 10px 10px 0 10px;
			min-height: 300px;
}


#colWide       { position: relative;
			float: left; 
			width: 600px;
			margin: 30px 10px 0px 10px; 
			padding: 10px 10px 0 10px;
			min-height: 300px;
			  }

/*** -----------------footer -------------------- ***/	
#foot {
	clear: both;
	width: 900px;
	padding-top: 20px;
	background: url('../images/footer_bg.jpg') no-repeat center left;
	height: 150px;
	
}


#foot a {
	color: #888;
	text-decoration: none;
}
#foot a:hover{
	color: #333;
	text-decoration: none;
}
#footContent { width: 670px; text-align: left; font-size:0.85em; 	color: #888; margin-left: 280px; padding-top: 30px; letter-spacing: 0.08em;}
#links, #links ul{list-style:none; list-style-image:none; margin:0;padding:0; margin-left: 5px;}
#links li{ list-style:none; list-style-image:none; display:inline; float:left; margin-bottom:0; padding:4px; width:230px; border-left:1px solid #e8e8e8; }
#links li li{display:block;float:none;margin-bottom:3px;padding:0;width:auto; margin-left: -10px;  border-left:0px solid #e8e8e8;}

.vbox ul{display:inline-block; min-height: 60px;}

#links li li{ padding-left: 20px; }

.vbox{margin:0 auto;text-align:left; }
.vbox:after {clear:both;content:".";display:block;height:0;visibility:hidden}
#footLinks { clear:both;  border-top: 0px dotted #ccc; padding-top: 20px;  font-size: 0.9em; text-align: left; } 

/*** -----------------text formatting -------------------- ***/	
a {
	color: #006699;
	text-decoration: none;

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



h1 { font-family:  Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	padding-bottom: 5px;
	line-height: 1.2em;
	letter-spacing: 0em;
	color: #006699;

}

h2 { color: #666;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 1.2em; 
	font-weight: normal;
	font-family:  Arial Narrow, Arial, Helvetica, sans-serif;
	letter-spacing: 0.2em;
}

h3 { font-family:  Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	padding: 7px 0 7px 0;
	line-height: 1.2em;
	letter-spacing: 0em;
	color: #339900;
	text-transform:uppercase;
}


h4 { color: #006699;
	font-size: 1.2em; 
	font-weight: bold;
}

.blue { color: #339900; font-size: 1.1em; font-weight: bold; }	  	

ul { list-style: outside url('../images/bullet.gif'); margin-left: 40px; margin-right: 5px; padding: 0px; color: #777; }
li {  margin-left: -20px; line-height: 1.4em; } 

#under ul { list-style:  url('../images/bullet.gif'); margin-left: 0px; margin-right: 5px; padding: 0px; color: #777; }
#under li {  margin-left: -25px;  padding-bottom: 10px; border-bottom:1px solid #e8e8e8;}



ol { margin-left: 40px; margin-right: 10px; padding: 0px; }
ol li { margin-left: -18px; line-height: 18px;  }

.sml {font-size: 0.85em; }

.white { color: #fff;}

	
hr {
	color: #e8e8e8;
	border-style: solid;
	background-color: #e8e8e8;
	height: 1px;
	}

.clear { clear: both;
         display: block;     
         height: 0;          
         visibility: hidden; }

select, input, menu, list, textarea {
	font-family:  Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: #555;
}


.border {border-width: 1px;
	border-style: solid;
	border-color: #e8e8e8; 
	padding: 2px;
	margin: 10px;
	background-color:#fff;}