/* CSS Document  */
body, html {
	padding:0px;
	margin:0px;
}
body, .reg_text, td { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #5B5B5B;     /* the blue #2e6174 */
	line-height:150%;
}
h1, h2, h3, h4 {
	color: #9CA66E;     /* original gold color #c4caa8 */
	font-weight:bold;
	font-size:17px;
	padding:0px;
	margin:0px;
	padding-bottom:5px;
	line-height:20px;
}

h1 {	
	font-size:20px;
	color:#698ab5;
}
h2 {

}
h3 {
	font-size:16px;
}

h4 {

}



div { position:relative; }

.fLeft {
	float:left;
}
#vertLine {
	width:1px;
	border-left:1px solid #c7c7c7;
	height:400px;
	padding-left:10px;
	padding-right:0px;
}
#rightSub .header {
	font-weight:bold;
	font-size:11px;
	padding-bottom:5px;
}
#rightSub .link span {
	padding-left:10px;
}
.brClear {
	clear:both;
}
#rightSub .link {
	padding:3px;
}

/* TOP setting below controls the space above main logo. */
#logoParts {
	z-index:1001;
	position:absolute;
	top:-54px;
	width:740px;
	height:85px;
}
#subpic {
	z-index:5;
	border-top:1px solid #FFFFFF;
}
#mainNav ul {
	list-style:none;
	margin:0px;
	padding:0px;
	margin-left:90px;
}
.menu p {
	margin-top:3px;
}
.menu {
	height:24px;
	float:left;
}
.menudrop {
	background-color:#e7e9de; /**/
	border-top: 4px solid #aaad8e;
}
.menudrop p {
	border-bottom:1px solid #FFFFFF;
	padding-top:2px;
	padding-bottom:2px;
	margin:0px;
	color:#698ab5;
}
.menudrop div {
	padding-left:12px;
	padding-right:12px;
}
.menudrop div.menuon {
	background-color:#FFFFFF;
}
.menudrop div.menuoff {
	background-color:#e7e9de;
}

/* TOP setting below controls the space above the bar that holds the top nav. */
#mainNavContainer {
	width:720;
	height:24px;
	background-color:#c9ccaf;
	z-index:1000;
	top:28;
}

/* TOP setting below controls the space above the colored bar below the top nav bar. */
#flagPost {
	width: 700;
	height: 0px; /* Unclear what this is doing. Does not seem to be controlling the height of the bar.*/
	background-color: #FFEA71;
	top: 22;
}

#mainNav {
	background-color:#c9ccaf;
	height:24px;
	margin-left:20px;
	font-size:11px;
}
#mainNav .link {
	float:left;
	padding-left:10px;
	padding-right:10px;
	height:22px;
	font-weight:bold;	
	font-size:11px;
}
#mainNav .off {
	color:#406d72;
	background-color:#c9ccaf;
}
#mainNav .on {
	color:#FFFFFF;
	background-color:#abae8f;
}
#midColumns {
	width:500px;
}
div {
	position:relative;
}

/* - Not need for REAS site. 
#logoBlurb {
	position:absolute;
	top:-22px;
	left:88px;
	height:16px;
	background-color:#FFFFFF;
}
*/

#pageContainer {
	margin-top:60px;
	margin-left:10px;
	width:730px;
}
.col {
	width:240px;
	padding-right:15px;
}

/* PADDING-TOP setting below controls the space above the main content area. */
#mainContent {
	padding-top:35px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:15px;
}
#footer {
	background-color:#c9ccaf; /* 6a8bb4 = original blue*/
	height:21px;
	text-align:center;
}
#footer .links, #footer .links a {
	padding-top:3px;
	color:#6a8bb4;
	font-weight:bold;
	font-size:10px;
}
.spacerHori {
	height:10px;
}

/* Width setting below controls the width of the left-hand column. */
#leftSub {
	float:left;
	padding-right:10px;
	width:100px;
}
#leftSub .link {
	font-size:10px;
	font-weight:bold;
	padding:3px;
}
#leftSub .link a {
	text-decoration:none;
	color:#a7aa8b;
}
#leftSub .link a:hover {
	text-decoration:underline;
}

/* WIDTH setting below controls the width of the main content area. */
#midContent {
	float:left;
	width:570px;
}

/* Breadcrumb nav style */
/* This outputs as the first breadcrumb class, so the class 'breadcrumb' is below it. */
.bcInactive {
	font-size: 10px;
	color:#6a8bb4;
	font-weight:normal;
}
.breadcrumb {
	padding-top:3px;
	color:#6a8bb4;
	font-weight:normal;
	font-size:10px;  
	text-decoration: none;
}
	
.bcInactive a:active  { font-weight: normal; } 
.bcInactive a:link    { font-weight: normal; }
.bcInactive a:visited { font-weight: normal; }
.bcInactive a:hover   { 
	font-weight: normal; 
	text-decoration: underline;
	background-color: #e7e9de; 
} 



/* Styles used for Content Containers */
.contentContainer { 
	width: 100%;
	padding: 2px;
}
.contentContainerBorder { /* Border class for containers with a border */
	border: 2px solid #698ab5;
}
.contentContainerTitle {
	font-weight: bold;
	background-color: #eeeeee;
}
.contentContainerContent {
	
}