/* ================================ */
/* universal styles */

body {
	margin:  0;
	padding: 0px;
	color: #666666;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 100%;
	background: #EEECE7;
}

img 	{ border: 0px; }

a 		{ color: #3E4C9D; text-decoration: none; }

a:hover	{ color: #000000; text-decoration: underline; }

div, p, ul, ol, li { margin: 0px; padding: 0px; list-style: none; }

h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; line-height: 100%; font-weight: normal; }

.clear {
	clear: both;
}

.hide {
	display: none;
}

/* ================================= */
/* font styles */

p, li, td {
	font-size: 1.00em; color: #333; line-height: 1.5em;
}

h2 {
	font-size: .75em;
}


/* ===================================== */
/* page structure */

#header { }

#body {
	background: #fff;
	padding-bottom: 30px;
	margin-top: 49px;
	width: 980px;
	height: auto;
}

/* feature holder */
#feature-holder {width: 795px; margin: 49px 0 0 0;  padding: 3px 0 0 0; background: transparent; }
.homepage #feature-holder {position:relative; top: 28px; height: 240px; background: #EFE6D6; margin: 0 0 30px -5px; padding: 0; }
.secondary #feature-holder {position:relative; top: 28px; height: 150px; background: #EFE6D6; margin: 0 0 30px -5px; padding: 0; }


#skipnav {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
}

/* ===================================== */
/* body structure */

#navigation {
	float: left;
	width: 163px; padding-right: 20px;
	padding: 20px 1px 180px 0; height: auto;
	background: #fff; 
}

#content {
	float: left;
	width: 780px;
	padding: 10px 10px 10px 7px;  
	background: #fff;
	 height:auto;
 }

.contentA {width: 190px; padding: 10px 10px 10px 10px; float: left; text-align: left;}
.contentB {width: 190px; padding: 10px 10px 10px 10px; float: left; text-align: left;}
.contentC {width: 190px; padding: 10px 10px 10px 10px; float: left; text-align: left;}
.contentD {width: 190px; padding: 10px 10px 10px 10px; position: absolute; left:800px; text-align: left; }
.contentAB {width: 385px; padding: 0 10px 10px 10px; float: left;}
.contentBC {width: 385px; padding: 0 10px 10px 10px; float: left;}

/* =================================== */ 
/* Logo banner */
#openmodelbanner {position: absolute; top: 0; left: 0; background: #fff url("http://www.openmodel.gov/images/yopenmodel.jpg") top left no-repeat; width: 980px; height: 75px; z-index: 40; text-align: left;}
#openmodelbanner a { position: absolute; top: 0; left: 0; width: 180px; height: 65px; text-decoration: none; z-index: 116; }
#openmodelbanner a img { visibility: hidden; border: 0; }
#lalogolink { position: absolute; top: 0; left: -150px; width: 145px; height: 60px; text-decoration: none; z-index: 216; }

/* OpenModelbar */
#openmodelbar { position: absolute; top: 0; color: #fff; background: #fff url("http://www.openmodel.gov/images/openmodel_banner.jpg") 980px 0 repeat-x; z-index: 39; height: 17px; padding: 0 20px 0 0; margin:0; text-align: right; font: 10px Arial, Helvetica, sans-serif; min-width: 970px; width: 98%;}
#openmodelbar a { text-decoration: none; background: transparent; }
#openmodelbar a:link, #openmodelbar a:visited { color: #e5e5e5; }
#openmodelbar a:hover { color: #FADD57; }


/* Backband area right under the banner */
#backband2 { position: absolute; width: 100%; min-width: 980px; top: 17px; left: 0; height: 48px; z-index: 1; background-color: #FFF; }
#backband { position: absolute; width: 100%; min-width: 980px; top: 0px; left: 0; height: 45px; z-index: 1; background-color: transparent; }

/* Drop Down Box and search box styles*/
#menucont { width: auto; position: absolute; white-space: nowrap; font: 12px/0.7em arial, verdana, sans-serif; left: 180px; top: 16px; background-color: transparent; height: 24px; z-index: 43; }
#menucont a { color: #333; }
#menucont:hover {background-color: transparent;}
#menucont .menublock, #menucont .menublock1  {background-color: transparent;}
.menublock, .menublock1, .display { white-space: nowrap; float: left; width: auto; background: transparent; margin: 1px; padding: 11px 7px 1px 7px; z-index: 42; }
#menucont a:hover { color: #000; background:transparent; text-decoration: underline;}

/* Commented Backslash Hack: hides rule from IE5-Mac \*/
#menucont .menublock, #menucont .menublock1 { width: auto; }
/* End IE5-Mac hack */

a.tl, a.tl:hover, a.tl:active { display: block; margin: 1px 1px 1px 1px; padding: 2px 2px 2px 2px; color: #FFF; background: transparent; border: none; text-align: left; font-weight: normal; text-decoration: none; }
a.tl:hover, a.tl:active { color: #75D112; background: transparent; text-align: left; }

/* Search */
#menublocksearch { position: absolute; left: 60em; top: 18px; height: 24px; z-index: 44; color: #e5e5e5; background: transparent; text-align: right; font: normal 11px/13px Arial, Helvetica, sans-serif; white-space: nowrap; }
#menublocksearch form { margin: 0; padding: 6px 0 4px 0; }
#menublocksearch input { color: #666; border: 1px solid #999; background: #e5e5e5; font: normal 11px/13px Arial, Helvetica, sans-serif; white-space: nowrap; }
#menublocksearch input.button { padding: 1px 2px; color: #e5e5e5; background: #666; font: bold 10px/12px Arial, Helvetica, sans-serif; border: 1px solid #999; border-color: #999 #333 #333 #999; }
#menublocksearch input.text { background: #ccc; }


/* ====================================== */
/* sitebar elements */
.homepage #backband2 {background-color: transparent;}

/* ================================== */
/* navigation */

#navigation ul{ padding: 0 0 20px 0; border: 1px #C8C9CE solid; border-width: 0;}

.list-title { display: block;
	padding: 0px 5px;
	margin: 0 5px;
	font-weight: bold;
	border: 1px solid #C8C9CE;
	border-width: 0 0 1px  0;
	
	background-color:#fff;
}
.list-title a:hover{color:#FF6600;}

.list-content {
	padding: 0px 10px 8px 10px;
	border:1px #F5A22A solid;
	border-width: 0;
	background-color: #fff;
}
.list-content a:hover{ text-decoration: underline; }

h2#foryou {
	background-color: #FFFFFF;
	padding: 3px 5px;
	margin: 0 5px;
	color: #474747;
	font-weight: bold;
	border: 1px solid #C8C9CE;
	border-width: 1px 0 0  0;
}


/* Navigation and header bar  */
#barleft, .barleft { display: block; margin: 0px 0px 10px 0px; padding: 4px 10px 3px 10px; height: 13px; vertical-align: top; color: #666; background: transparent; border: #dedede solid;  border-width: 1px 0; font: bold 11px/11px Arial, Helvetica, sans-serif; letter-spacing: 0.01em; text-transform: uppercase; text-decoration: none; }

#navigation #nav li.headerbar { display: block; margin: 0 0 5px 0; padding: 4px 10px 4px 10px; color: #666; border: 1px #dedede solid; border-right: none; border-left: none; font: bold 10px/11px Arial, Helvetica, sans-serif; letter-spacing: 0.01em; text-transform: uppercase; text-decoration: none;  text-align: left;}

#navigation li#nest { border: solid #dedede; border-width: 1px 0px 0px 0px; padding-top: 3px; }
ul#nav ul { margin: 5px -10px -11px -10px; padding: 10px 0px 0px 0px; border-top: solid #dedede 1px; }
#navigation ul#nav li, #navigation ul#nav1 li { font:  normal 11px Verdana, Arial, Helvetica, sans-serif; line-height: 13px; padding: 5px 0 5px 0; }

ul#nav , ul#nav1  {font-size: 100%; margin: 0 0 0 10px; padding: 0; text-align: left;}

#navigation .barleft {margin: 30px 0 0 10px 0;}


/* ================================== */
/* contentmain */

/* h sizes , p and text sizes */
#content { font-family: Verdana, Arial, Helvetica, sans-serif; }
#content h1 {font-size: 100%; line-height: 80%; margin: 0 0 15px 0; background-color:  transpatent; border: 1px #EFE6D6 solid; padding: 3px 0 5px 3px; color: #333;}
#content h2 { font-size: 110%; margin: 12px 0 8px 0; font-weight: bold; color: #CC991F; background-color: transparent;}
#content h2 .home { font-size: 110%; margin: 12px 0 8px 0; color: #CC991F;font-weight: bold; background-color: transparent;}
.homepage #content h2 { font-size: 75%; line-height: 110%; margin: 2px 0 10px 0; color: #88340F;font-weight: bold; background-color: transparent;}
#content h3 { font-size: 95%; margin: 0 0 5px 0; color: #444477; font-weight: bold; background-color: transparent; }
.homepage #content h2:hover {text-decoration: underline;}
#content h4 { font-size: 80%; margin: 0 0 5px 0; color: #444477; font-weight: bold; background-color: transparent;}
#content h5 { font-size: 75%; font-weight: normal; margin: 20px 0px 1px 0; color: #444477; background-color: transparent;}
#content h6 { font-size: 70%; font-weight: normal; margin: 20px 0px 1px 0; color: #444477; background-color: transparent;}

/* ul, li */
#content ul { margin: 0px 0 0px 0; padding: 5px 0 10px 0;  }
#content ul li {  margin: 0px 5px 5px 10px; padding: 0px 0 8px 0px; list-style-image: url("http://www.openmodel.gov/images/xsquare.gif"); list-style-type: disc;  line-height: 1.5em;  list-style-position: outside;}
#content ol li{  margin: 5px 0 5px 25px; padding: 0 10px 5px 0; list-style-type: decimal; list-style-position: outside; line-height: 1.5em;}
#content dl { color: #333; margin: 0 0 5px 0; list-style-position: outside; padding: 0px; list-style-type: disc; vertical-align: top; }

#content li.sublink { font-size: 100%; margin: 0px 5px 5px 0; padding: 0px 0 8px 0px; } 
#content img{ border: 1px #aaa solid; padding: 2px; margin: 0 5px 0 0;}


/* OpenModel footer */
#bottom-section { background: #EEECE7 url("http://www.openmodel.gov/images/xfooter-flap.gif") top left no-repeat; min-width: 1000px; position: absolute; top: auto; left: 0; right:0.1em; padding-bottom: 60px; width: 99.9%;}
#tagline { font: normal 18px Arial, Verdana, sans-serif; letter-spacing: 0.02em; white-space: nowrap; vertical-align: top; }
#tagline p { padding: 0 0 0 420px; margin: 0; line-height: 1.5em; }
.dot { padding: 0 4px; font-size: 120%; vertical-align: 2px; }
.byline { color: #3C376D; }

.fineprint {
	/* color: #3C376D; */
	color: #444444;
	font-size: 60%;
        margin-right: 20%;
	padding: 1px;
}

#openmodelfooter { font: normal 12px Verdana, sans-serif; color: #222; white-space: nowrap; vertical-align: top; padding: 30px 0 20px 0;}
#openmodelfooter p { padding: 0 0 0 180px; margin: 0; line-height: 1.5em; }
#openmodelfooter a:link { color: #333399; text-decoration: none; }
#openmodelfooter a:visited { color: #54607B; text-decoration: none; }
#openmodelfooter a:hover { color: #22225F; text-decoration: underline; }


/* SPACER GIF and VISIBILITY */

.strut { visibility: visible;}
.strut img {border-width: 0;}

.skip {visibility: hidden;}	


/* community news */
#mag ul{ margin: 0 10px 5px 10px; padding: 0 0 5px 0; list-style: none; list-style-image: none;}
#mag li {padding: 5px 5px 25px 5px;}
#mag img{ margin: 0 10px 0 0; border: 1px #aaa solid; padding: 2px;}
#mag h1{ color: #7F8318;
	font: bold 90%/90% Verdana, Arial, Helvetica, sans-serif;line-height: 100%; padding: 20px 0px 0px 18px;}
#mag h2 { color: #91521B;
	font: bold 80%/80% Verdana, Arial, Helvetica, sans-serif; line-height: 100%; padding: 10px 0px 0px 18px;}

/* HOMEPAGE SPECIFIC */
.homepage#body { background: transparent url("") 0px 0px no-repeat;} 
.homepage #feature-holder {background: transparent url("") 780px 0 no-repeat; }
.homepage #content {background: transparent;}
.homepage #navigation {background: transparent;}

.homepage .list-title { background-color: transparent;
}
.homepage .list-content {background-color: transparent;
}
.homepage #content  img.noborder{ border-width:0;}

/* SECONDARY PAGE SPECIFIC */
#content .textblock {width: 620px; margin: 0 0 0 20px;}
#content .column {width: 200px; margin: 0 20px 0 0;}
.secondary#body {background: #fff;}
.secondary #feature-holder {background: transparent url("") 795px 0 no-repeat; }