/************************************************

sandiegoreoservice.com

page layout
	wrapper, 900
	header, 900x90
	menu, 900
	content, 900
	left, 500
	right
	full, 900 (810 usable)
	footer, 900
	subfooter, 900

table basic
table layout
table sidebar

	announcements
divs
menu
images

************************************************/
.border { color: #CCC; }
.navbar { color: #003399; }
.background { color: #FFCC00; }

html {	/* for Firefox browsers */
	height: 100%; 
	margin-bottom: 0.1px; 
	font-size: 100%;
}

body { 
	border: 0;
	margin: 0;
	padding: 0;
	background-color: #FFCC00; 
	}
* {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	line-height: 160%;
	}
h1  { 
	font: bold 23px verdana,arial,helvetica,sans-serif; 
	color: #FFCC00;
	margin: 0;
	}
h2  { 
	font: bold 18px verdana,arial,helvetica,sans-serif; 
	color: #003399; 
	}
h3 { 
	font: bold 13px verdana,arial,helvetica,sans-serif; 
	color: #003399; 
	margin: 6px 0 0 0;
	}
a, a.active, a.visited { 
	color: #333; 
	background: inherit; 
	}
a:hover { 
	color: #FFCC00; 
	background: inherit; 
	}
ul, ol {
    padding-top: 0;
    margin-top: 0;
	}

/************************************************
page layout
************************************************/
#wrapper { 
	width: 900px; 
	border: 1px solid #003399;
	margin: 20px auto;
	padding-bottom: 0;
	background-color: #FFF;
	text-align: center;
}
#header {
	width: 900px; 
	height: 90px;
	border: 0;
	margin: 0;
	padding: 0;
	background-color: #FFF; 
	}
#menu {
	width: 840px;
	border: 0;
	margin: 0 30px;
	padding: 0;
	background-color: #003399; 
	}
#content {
	width: 900px; 
	border: 0;
	margin: 0;
	padding: 0;
	font: normal 11px verdana,arial,helvetica,sans-serif; 
	line-height: 160%;
	color: #333;
	}
#full {
	width: 900px;
	width: 100%; 
	border: 0;
	margin: 0;
	padding: 0;
	text-align: center;
	}
#full .content {
	padding: 30px 60px 30px 60px;
	text-align: left;
	}
#left {
	float: left;
	width: 530px;
	border: 0;
	margin: 0;
	padding: 0;
	}
#left .content {
	padding: 30px 30px 30px 60px;
	text-align: left;
	}
#right {
	border: 0;
	margin: 0;
	padding: 0;
	}
#right .content {
	padding: 70px 30px 30px 0;
	text-align: left;
	}
#footer { 
	clear: both;
	width: 900px; 
	border: 0;
	margin: 0;
	padding: 15px 0 0 0;
	text-align: center;
	color: #333;
	font: normal 10px verdana,arial,helvetica,sans-serif; 
	}
#subfooter { 
	clear: both;
	width: 900px; 
	border: 0;
	margin: 0;
	padding: 0;
	background-color: #003399; 
	}
#subfooter .content {
	padding: 10px 0;
	text-align: center;
	color: #FFF;
	font: normal 10px verdana,arial,helvetica,sans-serif; 
	}

/************************************************
divs
************************************************/
.clear, .clearfloat {   
	clear: both;   
	overflow: hidden;   
	width: 1px;   
	height: 1px;   
	margin: 0 -1px -1px 0;   
	border: 0;   
	padding: 0;   
	font-size: 0;   
	line-height: 0;   
	}
#logo {
	float: left;
	border: 0;
	margin: 37px 0 0 30px;
	padding: 0;
	}
#pagetitle {
	float: right;
	border: 0;
	margin: 50px 50px 0 0;
	padding: 0;
	font: normal 14px arial,helvetica,sans-serif; 
	letter-spacing: 1px;
	color: #333;
	}
.small {
	font: normal 10px verdana,arial,helvetica,sans-serif; 
	}
ol.expanded li {
	padding-bottom: 18px;
	}
ul.compact li {
	padding-bottom: 0;
	}
.disclaimer {
	font: normal 10px verdana,arial,helvetica,sans-serif;
	text-align: center;
	margin: 15px 0;
	}
	
/************************************************
images
************************************************/
img { 
	border: 0; 
	}
img.floatleft { 
	float: left; 
	background-color: #CCCCFF;
	border: 1px solid #003399; 
	padding: 2px; 
	margin: 0 15px 15px 0; 
	}
img.floatright { 
	float: right;
	margin: 0 0 15px 15px;
	padding: 0;
	border: 0;
	}
img.bordered { 
	background-color: #CCCCFF;
	border: 1px solid #003399; 
	padding: 2px; 
	margin: 0; 
	}

/************************************************
table layout
************************************************/
table.layout {
	border: 0;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	clear: both;
	}
table.layout td { 
	text-align: left;
	vertical-align: top;
	border: 0;
	margin: 0;
	padding: 0;
	}

/************************************************
table sidebar
************************************************/
table.sidebar { 
	border: 0;
	margin: 0;
	padding: 0;
	border: 1px solid #003399;
	background-color: #FFFFFF;
	}
table.sidebar th { 
	background-color: #FFCC00;
	color: #333;
	text-align: center;
	vertical-align: middle;
	padding: 2px 3px;
	border: 1px solid #999;
	}
table.sidebar td { 
	color: #333;
	text-align: left;
	vertical-align: top;
	padding: 2px 3px;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	}
table.sidebar h3 {
	font: bold 12px verdana,arial,helvetica,sans-serif; 
	color: #FFCC00; 
	margin: 6px 0;
	}

/************************************************
table basic
************************************************/
table.basic { 
	border: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border: 1px solid #003399;
	background-color: #FFFFCC;
	}
table.basic th { 
	background-color: #FFCC00;
	color: #333;
	font-weight: bold;
	text-align: middle;
	vertical-align: middle;
	padding: 2px 3px;
	border-right: 1px solid #CCCCFF;
	border-bottom: 1px solid #CCCCFF;
	font: normal 10px verdana,arial,helvetica,sans-serif; 
	}
table.basic td { 
	color: #333;
	text-align: left;
	vertical-align: middle;
	padding: 2px 3px;
	border-right: 1px solid #CCCCFF;
	border-bottom: 1px solid #CCCCFF;
	}

/************************************************
	announcements
************************************************/
#announcement {
	border: 1px solid #eee;
	margin: 0 0 10px 0;
	padding: 5px;
	
	}
#announcementcontent {
	border: 0;
	margin: 0;
	padding: 10px;
	}
#announcement img.announcement {
	float: right;
	margin: 0 0 5px 10px;
	}
#announcement h3 {
	font-weight: bold;
	margin: 0 0 3px 0;
	}
#headline {
	border: 1px solid #99ADD6;
	margin: 0 0 10px 0;
	padding: 5px;
	background-color: #E5EAF5;
	}
#headlinecontent {
	border: 0;
	margin: 0;
	padding: 10px;
	}
#headline img.headline {
	float: right;
	margin: 0 0 5px 10px;
	}
#headline h3 {
	font-weight: bold;
	margin: 0 0 3px 0;
	color: #4C70B7;
	}
#headline p {
	margin: 0 0 3px 0;
	color: #333;
	}
#headline p.small {
	margin: 10px 0 0 0;
	}
#headline a {
	color: #333;
	text-decoration: none;
	}
#headline a.hover {
	color: #99ADD6;
	}

/************************************************
menu
************************************************/
#menu_left { 
	width: 220px; 
	border: 0;
	margin: 0;
	padding: 0;
	}
#menu_left li { 
	list-style: none; 
	}
#menu_left li a { 
	display: block; 
	color: #FFF; 
	width: 100%; 
	padding: 4px 0 4px 10px; 
	margin: 0 0 1px 0; 
	font-weight: normal; 
	text-decoration: none; 
	background-color: #663366; 
	}	
#menu_left li a:active { 
	background-color: #957C95; 
	color: #FFF;  
	}
#menu_left li a:hover { 
	background-color: #957C95; 
	color: #EBDFEB;  
	}
#menu_left li .active { 
	background-color: #CCC; 
	color: #FFF;  
	}

/************************************************
menu_footer
************************************************/
#footer #menu_footer li	{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	padding-bottom: 0;
	font: normal 10px verdana,arial,helvetica,sans-serif; 
	color: #333;
	letter-spacing: 1px;
	}
#footer #menu_footer li a, #menu_footer li a:visited	{
	font: normal 10px verdana,arial,helvetica,sans-serif; 
	color: #333;
	text-decoration: none;
	letter-spacing: 1px;
	}
#footer #menu_footer li a:hover	{
	font: normal 10px verdana,arial,helvetica,sans-serif; 
	color: #FFCC00;
	text-decoration: none;
	letter-spacing: 1px;
	}
#subfooter #menu_footer li	{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	padding-bottom: 0;
	font: normal 10px verdana,arial,helvetica,sans-serif; 
	color: #FFF;
	letter-spacing: 1px;
	}
#subfooter #menu_footer li a, #menu_footer li a:visited	{
	font: normal 10px verdana,arial,helvetica,sans-serif; 
	color: #FFF;
	text-decoration: none;
	letter-spacing: 1px;
	}
#subfooter #menu_footer li a:hover	{
	font: normal 10px verdana,arial,helvetica,sans-serif; 
	color: #FFCC00;
	text-decoration: none;
	letter-spacing: 1px;
	}


