/* Oddity notices:
If it's the index page, #header, #header_flag, and #main_nav are prefixed by "index_" to facilitate different background display.
*/

body {
	padding-top: 0px;
	padding-bottom: 0px;
	_text-align: center;
	background-color:#ffffff;
	background-image: url(/images/norcalsig/tile.jpg);
	background-repeat: repeat;
	background-position: top left;	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
/*	line-height: 1.2em;*/
	margin-top: 2em;
	margin-left: 1.3em;
}

div#outer {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	_text-align: left;
	color: #222222;
	background-color:transparent;
}




div#appmenu {
	height: 20px;
	margin: 3px 5px 0px 0px;
	overflow:hidden;
	font-size: 0.8em;
	display:block;
}

span#loginstatus {
	float:right;
}

span#loginstatus a {
	font-weight: bold;
}

div#container {
	width: 798px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 10px;
	float: left;
	border: 1px solid #002e4e;
	background-color:#fffbf6;
}

div#header {
	width: 798px;
	height: 138;
	margin: 0px;
	padding: 0px;
	background-image: url(/images/norcalsig/header_flag.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

div#header a.header_link {
	display:block;
	width: 798px;
	height: 138;
}


div#body_content {
	width: 798px; /* 800px = 798px + 1px left border + 1px right border */
	_width: 798px;
	margin: 0px;
	padding: 10px 0px;
	float: left;
	}

div#body_content {
		border-top: 1px solid #002e4e;
		background-color: #fffbf6;
}

div#body_content div#nav {
	width: 125px;
	_width: 125px;
	padding: 10px 0px 10px 0px;
	margin: 0px 10px 0px 10px;
	_margin-left: 5px;

	font-size: 1em;
	overflow:visible;
}

/* RULES FOR INDEX PAGE */
div#index_header {
	width: 798px;
	height: 162px; /* should be flag + nav */
	margin: 0px;
	padding: 0px;
}

div#index_header_flag {
	width: 798px;
	_width: 800px;
	height: 162px;
	margin: 0px;
	padding: 0px;
	float: left;
/*	background-color: #00ff00;	/* debug only */
}

div#index_main_nav {
	width: 798px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	display: none;
}

div#index_body_content {
	width: 798px; /* 800px = 798px + 10px padding + 1px left border + 1px right border */
	_width: 800px;
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
/*	padding-left: 5px;
	padding-right: 5px; */
	float: left;
	z-index: 1;
/*	background-color: #abcdef;	debug only */
}

/* RESUME UNIVERSAL RULES */

div#body_container {
/*	width: 100%; */
	width: 768px;
	_width: 798px; /* padding in IE */
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
/*	background-color: #fedcba;	debug only */
}

div#body_content div#body_pub {
	font-size: 1em;
	margin: 0px;
	padding-left: 10px;
	width: 630px;
	_width: 640px;
	border-left: 1px solid #333333;
	float:left;
	display:block;
}

/* TWO COLUMN RULES */
div#2_column {
	width: 379px;
	margin-left: 5px;
	margin-right: 5px;
	float: left;
}

/* for some reason, even though #left_column and #right_column are EXACTLY the same, the divs break in firefox to expand to full width if you try to use divs of the same name, like #2_column */

div#left_column {
	width: 379px;
	margin-left: 5px;
	margin-right: 5px;
	float: left;
}

div#right_column {
	width: 379px;
	margin-left: 5px;
	margin-right: 5px;
	float: left;
}

/* FIVE COLUMN RULES */
div#column_1 {
	width: 129px; /* full width is 149; 139 in FX because of added padding */
	_width: 149px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 10px;
	float: left;
}

div#column_2 {
	width: 129px;
	_width: 149px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 10px;
	float: left;
}

div#column_3 {
	width: 129px;
	_width: 149px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 10px;
	float: left;
}

div#column_4 {
	width: 129px;
	_width: 149px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 10px;
	float: left;
}

div#column_5 {
	width: 129px;
	_width: 149px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 10px;
	float: left;
}

div#column_1x1 {
	width: 623px; /* 778px is full width; 768 in FX because of added padding */
	_width: 623px;
	margin-left: 0px;
	margin-right: 5px;
	padding: 10px;
	padding-left: 0px;
	float: left;
}

div#column_2x2 {
	width: 278px; /* 298px is full width; 288 in FX because of added padding */
	_width: 298px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 10px;
	float: left;
}

div#column_3x3 {
	width: 427px; /* 447px is full width; 437 in FX because of added padding */
	_width: 447px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 10px;
	float: left;
}


/*=========================*/
/* Site-Specific CSS Hacks */
/*=========================*/

/* This hack gives the "You have X requests to approve" box a bottom-border of 1px.  For some reason, the box's bottom border is 1px shorter than the rest of the box. */

/* div.form_status {
	border: 1px solid rgb(255, 226, 34);
	border-bottom: 2px solid rgb(255, 226, 34);
	margin: 10px;
	padding: 10px;
	background: rgb(255, 251, 226) none repeat scroll 0%;
} */

div#body_content div.column {
	display: block;
	float: left;
	overflow: auto;
}



div#appmenu, div#footer {
	color: #222222;
	clear:both;
}

div#appmenu a, div#footer a {
	color: #002e4e;
}

div#appmenu a:hover, div#footer a:hover {
	color: #97c2ec;
}