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

Border for boxes is in position and not color because border width affects box rendering.

Some rules:
the maximum with of body_content in FX is 778

*/

body {
	padding-top: 0px;
	padding-bottom: 0px;
	_text-align: center;
}

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

div#login_container {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: right;
	float: left;
/*	background-color: #00ff00;	debug only */
}

div#container {
	width: 798px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 10px;
	border: 1px solid #002E4E;
	float: left;
/*	background-color: #ccc;	debug only */
}

div#header {
	width: 798px;
	height: 164px; /* should be flag + nav */
	margin: 0px;
	padding: 0px;
/*	background-color: #0000ff;	debug only */
}

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

a#header_link {
	width: 189px;
	height: 138px;
	margin: 0px;
	padding: 0px;
/*	background-color: #FDD44F;	debug only */
	float: left;
}

div#main_nav {
	width: 798px;
	height: 24px;
	margin: 0px;
	padding: 0px;
/*	background-color: #FDD44F;	debug only */
	float: left;
	border-top: 1px solid #002E4E;
	border-bottom: 1px solid #002e4e;
}

div#body_content {
	width: 798px; /* 800px = 798px + 1px left border + 1px right border */
	_width: 768px;
	margin: 0px;
	padding: 0px;
	float: left;
/*	background-color: #abcdef;	debug only */
}

div#body_container {
/*	width: 100%; */
	width: 778px;
	_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 */
}

/* TWO COLUMN RULES */


/* 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: 758px; /* 778px is full width; 768 in FX because of added padding */
	_width: 758px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 10px;
	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;
	border: 1px solid #5E0070;
}

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


/*=========================*/
/* 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.menu ul.hnav li a.selected {
	background-color: #FAF1D4;
}

div.menu ul.hnav li a.selected:hover {
	background-color: #FDD44F;
}

div.menu ul.hnav li a:hover {
	background-color: #FDD44F;
}

/* RULES FOR INDEX PAGE (NOT USED IN OCPFLAG) */
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 */
}