/* 
----------------------------------------------------------------------------- 
SMATAX
Author: Ray Henry www.reh3.com || ruchTechnologies
Created: 12-10-2006
Modified: 12-10-2006
-----------------------------------------------------------------------------*/

/* 
----------------------------------------------------------------------------- 
Globals
-----------------------------------------------------------------------------*/
* {margin:0;padding:0;} /*zero out everything*/
body {
	background:#004A61;
	text-align:center;
	font-family:verdana, arial, sans-serif;
}

/* 
----------------------------------------------------------------------------- 
Layout
-----------------------------------------------------------------------------*/
#container {
	margin:75px auto;
	padding:10px;
	width:780px;
	text-align:left;
	border-right:5px solid #00394E;
	border-bottom:5px solid #00394E;
	background:#fff;
}
#masthead,
#content {
	float:left;
	width:780px;
}
	#content {margin:20px 0 16px 0;}
		#content-sub {
			float:left;
			width:248px;
		}
		#content-main {
			float:left;
			margin-left:10px;
			width:522px;
		}
#footer {
	clear:both;
	padding:10px 0;
	width:780px;
	text-align:center;
	background:#D9D9DA;
	font-size:10px;
	color:#808285;
}

#footer a {
	color:#808285;
}

#content-main table {  
margin:0; 
padding:0; 
border:0; 
font-size:11px;
} 

#content-main form { 
margin:0; 
padding:10px; 
font-size:11px; 
border:1px solid #004960; 
background:#fbfbfb; 
color:#484848; 
}
 
#content-main form table { 
margin:0; 
padding:0; 
border:0; 
}
 
#content-main form table td { 
padding:3px; 
}
/* 
----------------------------------------------------------------------------- 
MASTHEAD
-----------------------------------------------------------------------------*/
#masthead h2 {
	float:left;
	width:248px;
	height:44px;
}
	#masthead h2 a {
		float:left;
		width:248px;
		padding:44px 0 0 0;
		overflow:hidden;
		background:url(img/sma_logo.gif) no-repeat 0 0;
		height:0 !important;
		height /**/:44px; /* for IE5/Win only */
		text-indent:-5000px;
		text-decoration:none;
	}
#masthead ul {
	float:left;
	margin-left:10px;
	width:522px;
	list-style:none;
}
	#masthead ul li {float:left;}
		#masthead ul li a {
			float:left;
			padding:44px 0 0 0;
			text-indent:-5000px;
			background:url(img/sma_nav_main.gif) no-repeat 0 0;
			overflow:hidden;
			text-decoration:none;
			height: 0px !important; 
			height /**/:44px; /* for IE5/Win only */
		}
		#masthead ul li#nav-about a {width:73px;background-position:0 0;}
		#masthead ul li#nav-services a {width:71px;background-position:-73px 0;}
		#masthead ul li#nav-corner a {width:103px;background-position:-144px 0;}
		#masthead ul li#nav-resources a {width:124px;background-position:-247px 0;}
		#masthead ul li#nav-contact a {width:86px;background-position:-371px 0;}
		#masthead ul li#nav-home a {width:65px;background-position:-457px 0;}
		#masthead ul li#nav-about a:hover {background-position:0 -44px;}
		#masthead ul li#nav-services a:hover {background-position:-73px -44px;}
		#masthead ul li#nav-corner a:hover {background-position:-144px -44px;}
		#masthead ul li#nav-resources a:hover {background-position:-247px -44px;}
		#masthead ul li#nav-contact a:hover {background-position:-371px -44px;}
		#masthead ul li#nav-home a:hover {background-position:-457px -44px;}

/* 
----------------------------------------------------------------------------- 
CONTENT
-----------------------------------------------------------------------------*/
#content-main h1 {
	float:left;
	width:522px;
	height:62px;
	text-indent:-5000px;
	background:url(img/sma_slogan.gif) no-repeat 0 0;
}
#content-main #srv-callout {
	float:left;
	margin:5px 0 0 30px;
	padding:0 0 10px 0;
	width:395px;
	background:url(img/sma_hp_srv_bg.gif) no-repeat bottom left;
}
	#content-main #srv-callout h3 {
		padding:10px;
		width:375px;
		font-size:11px;
		font-weight:bold;
		color:#004960;
		background:url(img/sma_hp_srv_bg.gif) no-repeat 0 0;
	}
	#content-main #srv-callout ul {
		padding:0 10px;
		width:375px;
		font-size:10px;
		color:#004960;
		list-style:none; 
	}
		#content-main #srv-callout ul li {
			float:left;
			padding:2px 10px;
			width:162px;
			background:url(img/sma_bullet.gif) no-repeat 0 5px;
		}

	#content-sub a:link, #content-sub a:active, #content-sub a:visited {
		color:#004A61;
		}
		
	#content-sub a:hover {
		color:#226C83;
		}
		
/* 
----------------------------------------------------------------------------- 
Interior Pages
-----------------------------------------------------------------------------*/
#content-sub h4 {
	font-family:georgia, times new roman, serif;
	font-size:28px;
	font-weight:normal;
	color:#004A61;
	line-height:28px;
}
#content-main h5 {
	font-family:georgia, times new roman, serif;
	font-size:18px;
	font-weight:normal;
	color:#004A61;
	line-height:1;
}
#content-main p {
	margin:10px 0;
	font-size:12px;
	line-height:1.5;
	color:#484848;
}
#content-main ul {
	margin:10px 20px;
	list-style:square;
	font-size:12px;
	line-height:1.5;
	color:#484848;
}
#content-main ul li {
	margin:5px 0;
}
#content-main a:link, #content-main a:active, #content-main a:visited {
	color:#004A61;
}
#content-main a:hover {
	color:#226C83;
}