@import url("reset.css");
@import url('titles.css');
@import url('nav.css');

html, body {
	background: #f9f8f9;
	margin: 0; padding: 0;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
}

body {
	height: auto; 
}



/* ID Specifications */

#pagehead {
	display: block; margin: 0 auto; 
	height: 44px; width: 990px;
}

#expect {
	display: block; float: left;
	width: 300px; background: url(../images/text/expect.gif) top left no-repeat;
	text-indent: -6000px;
	height:  44px;
}

#welcome {
	display: block; float: right;
	width: 400px; height: 44px; 
	text-transform: uppercase;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	color: #807f83; 
	padding-top: 20px;
	text-align: right;
	
}

#welcome a, #welcome .login_name a {
	color: #003d79; text-decoration: none;
}

#welcomeText {
	
}

#container {
	display: block; position: relative; height: auto;
	min-height: 675px; width: 990px;
	background: #807f83; margin: 0 auto; padding: 0;
}

#contents {
	display: block; 
	position: relative;
	height: auto;
}

#background {
	display: block; position: relative;
	margin: 0; padding: 0; 
	height: auto;
	min-height: 520px;
	width: 990px;
	background: #fff;
	
	/*border: 1px solid #c00;*/
}

#foreground {
	display: block;
	position: absolute;
/*	height: 675px;
	min-height: 675px;*/
	margin: 0; padding: 0;
	z-index: 5;
}

#loginBox {
	display: block;
	position: absolute;
	height: auto;
	width: 145px;
	top: 0px; right: 65px;
	padding: 15px;
	z-index: 2000;
	background: white;
}

#logo a {
	display: block; position: absolute;
	width: 90px; height: 90px; 
	top: 336px; left: 0px;
	background: url(../images/logo.gif) top left no-repeat;
	text-indent: -6000px;
}

#footer {
	width: 990px;
	display: block;
	position: relative;
	margin: 10px auto;
	clear: both;
	color: #999; font-size: .65em;
	font-family: "Lucida Sans", sans-serif;
}

#footer ul {
	display: block; position: relative;
	width: 600px;
	border: 0;
	margin: 0 0 10px 0;
}

#footer ul li {
	display: block; float: left; margin: 0 10px 10px 0;
}

#footer ul li a {
	color: #999; text-decoration: none;
}



#leftMenu {
	background: #f9f8f9;
	display: block; position: absolute; 
	width: 90px; text-transform: uppercase; 
	border-top: 3px solid #f9f8f9;
	margin-top: 30px;
}

#leftMenu .lowercase {
	text-transform: none;
}

#leftMenu li {
	background: #fff; padding: 0; margin-bottom: 3px;
}

#leftMenu li li { border-top: 3px solid #f9f8f9; }

#leftMenu li a {
	color: #87b2d8;
	text-decoration: none;
	width: 90px; display: block; 
	font-size: .85em;
	font-weight: bold;
	padding: 8px 0 5px 5px;
}

#leftMenu li a:hover {
	background: #ebf2f9;
}

#leftMenu li li a {
	font-weight: normal;
	color: #807F83;
}



.sub2 {
	left: -94px;
}

.subtext {
	width: 850px;
}



/*  CLASS Specifications  */

.login_name, a.login_name  {
	color: #003d79;
}

.background_pic {
	display: none; height: 675px; width: 990px; z-index: -1;
}


.loginLink a { 
	display: block; font-size: .75em; color: #807f83; text-decoration: none;
}


/* Transparency Specs  */

.transparent90 { filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; }
.transparent85 { filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85; }
.transparent65 { filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity: 0.65; opacity: 0.65; }
.transparent50 { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.transparent42 { filter:alpha(opacity=42); -moz-opacity:0.42; -khtml-opacity: 0.42; opacity: 0.42; }
.transparent20 { filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; }




#loginForm {
	

}

#loginBox {
	display: none;
}

#loginForm li input {
	width: 134px; border: 1px solid #ccc; background: #fff; margin-bottom: 8px; color: #807f83; padding: 1px 3px;
}


.sectionIcon {
	display: block; position: absolute; top: 112px; left: 0px; width: 80px; height: 80px;
}


.textIcon {
	display: block; float: left; margin: 4px 10px 0 0;
}

/* Icons */
.pgd { background: url(../images/icons/disability.gif) 0px 4px no-repeat; }
.mpl { background: url(../images/icons/mpl.gif) 0px 4px no-repeat; }
.heo  { background: url(../images/icons/heo.gif) 0px 4px no-repeat; }
.eOffice  { background: url(../images/icons/e-icon.gif) 0px 14px no-repeat; }


/* Level 1 Nav Adjustments */

.level1 nav, .level1 #logo a, .level1 #factbox {
	top: 0px;
}
.level1 #background {
	display: block; background: #fff url(../images/backgrounds/blue-header.jpg) 0px 94px no-repeat; height: auto; width: 990px; padding-top: 150px;
}

.level1 #header {
	display: block; position: relative; margin: 24px 0 0 94px; width: 450px; height: 150px; color: #666; font-family: "Lucida Sans", sans-serif; font-size: .85em;
}

.level1 #header .icon {
	padding-left: 70px;
}



.level1 #body {
	display: block; position: relative; margin: 24px 0 0 94px; width: 900px; height: auto; color: #666; font-family: "Lucida Sans", sans-serif; font-size: .85em;
}



/* Level 2 Nav Adjustments */

.level2 nav, .level2 #logo a, .level2 #factbox {
	top: 0px;
}

.level2 #container {
	min-height: 100px;
}

.level2 #background {
	display: block; height: auto; width: 990px; padding-top: 100px; min-height: 500px;
}

.level2 #header {
	margin: 24px 0 0 104px; width: 450px; height: 20px; color: #666; font-family: "Lucida Sans", sans-serif; font-size: .85em;
}

.level2 #body {
	margin: 24px 0 0 104px; width: 900px; height: auto; color: #666; font-family: "Lucida Sans", sans-serif; font-size: .85em;
}

.level2 #body p {
	margin: 0 0 15px 0;
}



/* Level 3 Nav Adjustments */

.level3 nav, .level3 #logo a, .level3 #factbox {
	top: 0px;
}

.level3 #container {
	min-height: 100px;
}

.level3 #background {
	display: block; height: auto; width: 990px; padding-top: 100px; min-height: 500px;
}

.level3 #header {
	margin: 24px 0 0 104px; width: 450px; height: 20px; color: #666; font-family: "Lucida Sans", sans-serif; font-size: .85em;
}

.level3 #body {
	margin: 24px 0 0 104px; width: 900px; height: auto; color: #666; font-family: "Lucida Sans", sans-serif; font-size: .85em;
}

.level3 #body p {
	margin: 0 0 15px 0;
}












#body {
	display: block; position: relative; height: auto; color: #807f83;
}


.tribox {
	display: block; float: left;
	width: 280px; margin: 0 15px 0 0;
}

.tribox-link {
	margin: 15px 0 5px 0;
}

.tribox-link a {
	font-size: 8pt; color: #003d79; text-decoration: none; font-weight: normal;
}

.tribox p {
	font-size: .9em; line-height: 1.7em; margin: 0 0 15px 0;
}

.clear {
	clear: both; display: block;
}

.fullcolumn {
	display: block; float: left;
	width: 800px; margin-right: 25px;
}


.fullcolumn2 {
	display: block; float: left;
	width: 800px; padding-left: 350px
}

.duocolumn {
	display: block; float: left;
	width: 420px; margin-right: 25px;
}

.duocolumn-link {
	margin: 0 0 5px 5px; display: block; width: 290px; float: left;
}

.duocolumn-link-short {
	margin: 0 0 5px 5px; display: block; width: 200px; float: left;
}

.doubleColumn p {
	 margin: 0 0 5px 5px; display: block; width: 290px; float: left;
}

.doubleColumn .shortp { 
	width: 200px;
}

.doubleColumn img { margin-bottom: 30px; }

.duocolumn a {
	color: #87b2d8; text-decoration: none;
}

.duocolumn2 {
	float: right; width: 400px; margin-right: 40px;
}

.duocolumn ul li {
	list-style-position: outside;
	background: url(../images/bluesquare.gif) 3px 5px no-repeat;
	text-indent: 0px; line-height: 1.5em; margin-bottom: 15px; padding-left: 15px;
}

.fullcolumn ul li {
	list-style-position: outside;
	background: url(../images/bluesquare.gif) 3px 5px no-repeat;
	text-indent: 0px; line-height: 1.5em; margin-bottom: 5px; padding-left: 15px;
}

.duocolumn ul ul {
	margin-top: -15px;
}

.duocolumn ul ul li {
	list-style-position: outside;
	background: url(../images/bluesquare.gif) 3px 5px no-repeat;
	text-indent: 0px; line-height: 1.5em; margin-left: 25px; margin-bottom: 5px;
}

.duocolumn1 ul {
	margin: 10px 0 0 25px; 
	list-style-position: outside;		
}

.duocolumn1 a, .fullcolumn a {
	color: #87b2d8; text-decoration: none;
}

.columnDivider {
	display: block; position: relative; width: 850px; background: #cac9cb; height: 3px; margin: 30px 0; clear: both;
}


.leadertext { color: #87b2d8; font-weight: bold; }
.leadertext sup { font-size: 8px; vertical-align: top; margin-left: 3px;}

.callout { display: block; margin: 30px 0 }
.callout h4 { color: #87b2d8; font-weight: bold; }
.callout p {  font-size: .9em; }

.bioBox {
	display: block; position: relative; width: 400px; height: auto; font-family: "Helvetica Neue", Helvetica, sans-serif;  overflow: hidden;
}

.bioBox h2 { color: #87b2d8; font-weight: bold; font-size: 14px; margin: 0 0 10px 0;}
.bioBox p, .bioBox li { color: #999; font-weight: normal; font-size: 11px; line-height: 1.2em; margin: 0 0 10px 0; font-family: "Lucida Sans", sans-serif; font-size: .85em; }
.biobox ul li { background: url(../images/bluesquare.gif) 3px 5px no-repeat; text-indent: 15px; line-height: 1.5em; margin-left: 25px; margin-bottom: 5px; }


#ContactInfoBox {
	display: block; position: absolute; width: 400px; height: auto; right: 0px; top: 25px;
}

.contactInfo {
	display: none;
}

.bluebold {
	color: #003d79; font-weight: bold; margin: 0;
}

.bluelist {
	color: #87b2d8 !important;
}

.bluepoint {
	color: #003d79 !important; font-weight: bold;
}

.checklist {
	margin: 0 0 20px 0;
}

.checklist li {
	display: block;
	position: relative;
	margin: 0 0 5px 0 !important;
	line-height: 15px !important;
	list-style: none !important;
	background: url(../images/checkmark.gif) top left no-repeat !important;
	padding: 0 0 0 25px;
	
}

.bluenotes {
	color: #87b2d8;
	padding-left: 25px;
	width: 350px !important;
}


.bluenotes ul {
	margin: 5px 0 0 0 !important;
	list-style: none !important;
}

.bluenotes ul li {
	margin: 0 !important;
	list-style: none !important;
	font-weight: bold;
	background: none !important;
	padding: 0 !important;
}

.cite {
	display: block;
	font-size: .75em;
	color: #999;
	margin-bottom: 20px;
	
}

.single {
	line-spacing: 12px; 
	margin: 0px !important;
}