/* ******************************************************************************************** */
/*  filename:   fb.css                                                                         */
/* ******************************************************************************************** */

/* ******************************************************************************************** */
/*                                      General Formatting                                      */
/* ******************************************************************************************** */

/* makes vertical scrollbar default in FireFox and avoids shifting of pages */
html { min-height:100%; margin-bottom:1px; }


body {
	margin:60px 20px 0px 20px;
	background-color:#ffffff;
	font-family:Verdana, Geneva, "Arial", Helvetica, sans-serif;
	color:#898988;
}

img {
	margin:0;
	padding:0;
	border:0;
	outline:0;
}

td {
	vertical-align:top
}

/*for hiding text that can still be read for accessibility purposes*/
.hide {
	height:1px;
	width:1px;
	position:absolute;
	overflow:hidden;
	top:-10px;
}

#maincontainer {
	width:850px;
	height:100%;
	text-align:left;
	position:relative;
	margin:0 auto;
	padding:0;
	background:transparent;
}

#header {
	width:848px;
	height:80px;
	border-bottom:dashed #bdbcbd 1px;
	position:absolute;
	top:0px;
	left:0px;
}

#header h1 {
	margin:0;
	padding:0px;
}

#header.secondary {
	width:848px;
	height:40px;
	border-bottom:dashed #bdbcbd 1px;
	position:absolute;
	top:0px;
	left:0px;
}

.menutext {
	font-size:.9em;
	color:#553c70;
	font-family:"Futura", Verdana, Geneva, Arial, Helvetica, sans-serif;
}


/* ******************************************************************************************** */
/*                                             Menus                                            */
/* ******************************************************************************************** */

/* -------------------------------- */
/* Wrapper for entire main menu bar */
/* -------------------------------- */
#mainmenuwrapper {
	background-color:transparent;
	width:550px;
	padding:0;
	margin:0;
	position:absolute;
	top:83px;
	left:0px;
	z-index:50;
}

/* ---------------------------------- */
/* Main menu                          */
/* ---------------------------------- */

#mainmenu ul {
	padding:15px 0px 0px 0px;
	margin:0;
}

#mainmenu ul li {
	display:inline;
	list-style-type:none;
}

#mainmenu ul li a {
	text-transform:uppercase;
	text-decoration:none;
	color:#ffffff;
	font-size:.7em;
	display:block;
	padding:18px 0px 0px 0px;
	margin:0px 3px 0px 0px;
	width:104px;
	height:38px;
	float:left;
	background-color:transparent;
	background-image:url(../images/nav_normal.jpg);
	background-repeat:no-repeat;
	text-align:center;
}

#mainmenu ul li a:hover {
	background-image:url(../images/nav_selected.jpg);
	background-repeat:no-repeat;
}

#mainmenu ul li a.selected {
	background-image:url(../images/nav_selected.jpg);
	background-repeat:no-repeat;
}

/* ---------------------------------- */
/* Secondary menu                     */
/* ---------------------------------- */

#secondarymenuwrapper {
	float:left;
	width:205px;
	height:100%;
}

#secondarymenu ul {
	padding:0;
	margin:0;
	width:203px;
	background-color:#c89f00;
	color:#ffffff;
	font-size:.7em;
	height:100%;
	/*min-height:535px;*/
}

#secondarymenu ul li {
	display:inline;
	list-style:none;
	width:auto;
	text-align:left;
}

#secondarymenu ul li a {
	text-transform:uppercase;
	text-decoration:none;
	color:#ffffff;
	display:block;
	padding:0;
	margin:0;
	background-color:#c89f00;
}

#secondarymenu a {
	color:#ffffff;
	background-color:#a07f00;
	text-decoration:none;
}

#secondarymenu a:hover {
	color:#ffffff;
	background-color:#a07f00;
}

#secondarymenu a.selected {
	color:#ffffff;
	background-color:#a07f00;
}

#secondarymenu ul li a span {
	display:block;
	padding:7px 6px 7px 6px;
	margin:0px 6px 0px 6px;
	border-bottom:dashed #ceb242 1px;
	height:auto;
	cursor:pointer;
}
#secondarymenu ul li a span.last {
	border-bottom:none;
}


/* ******************************************************************************************** */
/*                                         Page Content                                         */
/* ******************************************************************************************** */
#contentwrapper {
	background-color:transparent;
	width:848px;
	position:absolute;
	top:385px;
	left:0px;
}

#secondarywrapper {
	background-color:transparent;
	width:848px;
	position:absolute;
	top:163px;
	left:0px;
	float:left;
}

#secondarycontentwrapper {
	height:100%;
	padding-bottom:10px;
	background-image:url(../images/nav_secondary_background.jpg);
	background-repeat:repeat-y;
	background-position:0 19px;
}


/* ------------------------ */
/* Page Content formatting  */
/* ------------------------ */
#content {
	padding:10px 0px 15px 0px;
	margin:0;
	color:#898988;
	background-color:transparent;
	width:auto;
	font-size:.7em;
	line-height:1.5em;
	text-align:left;
}

#content.secondary {
	padding-top:175px;
	margin-left:245px;
	padding-left:0px;
}

#content.secondarynobanner {
	padding-top:20px;
	margin-left:245px;
	padding-left:0px;
}

#content h1 {
	color:#553c70;
	background-color:transparent;
	font-size:2.8em;
	font-weight:normal;
	margin:10px 0px 0px 0px;
	padding-bottom:15px;
	font-family:"Futura", Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height:1.2em;
}

#content h2 {
	color:#82835a;
	background-color:transparent;
	font-size:1.6em;
	font-weight:normal;
	margin:20px 0px 10px 0px;
	font-family:"Futura", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#content h3 {
	color:#553c70;
	background-color:transparent;
	font-size:1.1em;
	font-weight:normal;
	margin:16px 0px 8px 0px;
	font-family:"Futura", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#content h4 {
	color:#553c70;
	background-color:transparent;
	font-size:1.4em;
	font-weight:normal;
	margin:0;
	padding:5px;
	font-family:"Futura", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#content h5 {
	color:#aba9b4;
	font-size:1em;
	font-weight:normal;
	border-bottom:#bdbcbd dashed 1px;
	margin-top:5px;
	margin-bottom:0px;
	padding:5px;
	text-transform:uppercase;
}

#content p {
	margin:12px 0px 8px 0px;
	line-height:1.9em;
	font-family:Verdana, Geneva, "Arial", Helvetica, sans-serif;
}

/* Standard page link */
#content a {
	color:#553c70;
}

#content a:HOVER {
	color:#898988;
}

/* link with dashed underline */
#content a.tooltip {
	color:#553c70;
	border-bottom:#553c70 dashed 1px;
	text-decoration:none;
	cursor:help;
}

#WhyFBExp {
	display:block;
	border-bottom:dashed #bdbcbd 1px;
	margin-bottom:20px;
	padding-bottom:0;
	width:585px;
}

#WhyFBExp h2 {
	margin-top:10px;
	margin-bottom:0;
	padding-bottom:0;
}

#WhyFBCol {
	display:none;
	border-bottom:dashed #bdbcbd 1px;
	margin-bottom:30px;
	padding-bottom:20px;
	width:585px;
}

#WhyFBCol h2 {
	margin-top:10px;
	margin-bottom:20px;
	padding-bottom:0;
}

#content h2 a.collapse {
	color:#82835a;
	text-decoration:underline;
	background-image:url(../images/arrow_expanded.jpg);
	background-repeat:no-repeat;
	background-position:0 4px;
	padding-left:25px;
}

#content h2 a.expand {
	color:#82835a;
	text-decoration:underline;
	background-image:url(../images/arrow_collapsed.jpg);
	background-repeat:no-repeat;
	background-position:0 4px;
	padding-left:25px;
}

#content div.quicklinks {
	border:#d8d8e0 solid 1px;
	background-color:#f1f1f1;
	padding:15px 12px 15px 12px;
}

#content div.quicklinks div.col1 {
	float:left;
	width:155px;
}

#content div.quicklinks div.col2 {
	float:left;
	width:258px;
}

#content div.quicklinks div.col3 {
	float:left;
	width:216px;
}

#content div.quicklinks div.col4 {
	float:left;
	width:192px;
}

#content div.quicklinks div.collist {
	padding:5px;
}

#content ul {
	margin:15px 0px 15px -24px;
	line-height:15px;
}

#content li {
	margin-bottom:8px;
}

#content ul ul {
	margin:8px 0px 0px -24px;
	line-height:15px;
}

.bottomborder {
	border-bottom:dashed #bdbcbd 1px;
	padding-bottom:20px;
	width:auto;
}

/*for use next to a sidebar*/
.bottombordernarrow {
	border-bottom:dashed #bdbcbd 1px;
	padding-bottom:20px;
	width:585px;
}

.sidebar {
	float:right;
	width:210px;
	margin:20px 0px 50px 50px;
}

#content div.textcallout {
	background-color:#ebeae3;
	padding:2px 15px 6px 15px;
	margin:10px 0px 10px 0px;
}

#content span.purpletext {
	color:#553c70;
	font-weight:bold;
}

#content dfn a:focus a:active {
	background-color:#669;
}

/* -------------------------------- */
/* Footer                           */
/* -------------------------------- */
#footer {
	margin-top:30px;
	margin-bottom:100px;
	color:#898988;
	background-color:transparent;
	font-size:.7em;
	line-height:1.5em;
	text-align:left;
	border-top:dashed #bdbcbd 1px;
	padding-top:20px;
	padding-bottom:20px;
	width:auto;
}
	
#footer a {
	color:#553c70;
}

#footer a:HOVER {
	color:#898988;
}