/* Global Defaults
=====================================================================*/
body{margin:0;padding:0;}
/*table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:normal;}*/
ul {list-style:none;}
/*caption,th {text-align:left;}
div { text-align: left; vertical-align: top; }*/
/*q:before,q:after{content:'';}*/
/*a,ins{text-decoration:none;}*/
/*strong { font-weight: bold; }
cite { display: block; font-size: 0.9em; font-style: italic; text-align: right; }*/




html {margin: 0; padding: 0;}
body {
  background: #293e69 url(../images/bg_blue.gif) repeat-x;
  color: #333;
  font: 80%/1.65 Helvetica, Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  margin: 0; padding: 0;
  text-align: center;
}
#wrapper {
  margin: 0 auto;
  text-align: left;
  width: 880px;
}

/* XHTML elements */

a {color: #002669; font-weight: bold;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: underline;}

img {border:0; display: block;}
hr {
  clear: both;
  height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  visibility: hidden;
}
h2 {
  clear: both;
  color: #174591;
  font-size: 1.65em;
  font-weight: normal;
  letter-spacing: -1px;
  line-height: 1.2;
  margin: .25em 0 .75em 0;
  text-transform: uppercase;
}
h3 {
  background: #d2dfee;
  clear: both;
  color: #163f81;
  line-height: 1;
  margin: 0; padding: .5em;
  text-align: center;
  text-transform: uppercase;
}
h3 a {color: #163f81; display: block;}
h4 {
  color: #163f81;
  font-size: 1.1em;
  font-weight: normal;
  line-height: 1;
  margin: 2em 0 1em 0;
  text-transform: uppercase;
}

.redtext {
  font-size: 1.3em;
  color:#FF0000;
  font-weight:bold;
  line-height: 1;
  margin: 2em 0 1em 0; 
  /*padding: .5em;*/
  text-transform: uppercase;
}

.bluetext {
  font-size: 1.1em;
  color: #163f81;
  font-weight:bold;
  line-height: 1;
  margin: 2em 0 .5em 0; 
  /*padding: .5em;*/
  text-transform: uppercase;
}

label {line-height: 1.2;}
sup {font-size: .8em;}

table {border: none;}
th, td {
  border: none;
  padding: 3px;
  text-align: left;
  vertical-align: top;
}

/* Header & Nav */

#header {margin: 0; padding: 0; width: 100%;}
#header .banner {
/*  background: url(../images/header.jpg) no-repeat;*/
  height: 92px;
  line-height: 1;
  margin: 0; padding: 0;
  position: relative;
  width: 100%;
}

#header h3 a {
  display: block;
  height: 57px;
  left: 10px;
  position: absolute;
  overflow: hidden;
  top: 10px;
  text-indent: -9999px;
  width: 119px;
}

/*#header ul.navigation {
  height: 24px;
  list-style: none;
  margin: 0; padding: 0;
  margin-top: 12px;
  width: 100%;
}
#header ul.navigation li {
  float: left;
  margin: 0; padding: 0;
}
#header ul.navigation li a {
  display: block;
  height: 24px;
  line-height: 1;
  margin: 0; padding: 0;
  overflow: hidden;
  text-indent: -9999px;
}*/

/* Link state */

/*#nav_home a {background: url(../images/hr.gif) 0 0 no-repeat; width:80px;}*/
/*#nav_about a {background: url(../images/hr.gif) -82px 0 no-repeat; width: 90px;}
#nav_questionnaire a {background: url(../images/hr.gif) -172px 0 no-repeat; width: 160px;}
#nav_calendar a {background: url(../images/hr.gif) -334px 0 no-repeat; width: 115px;}
#nav_photos a {background: url(../images/hr.gif) -450px 0 no-repeat; width: 162px;}
#nav_endorsements a {background: url(../images/hr.gif) -612px 0 no-repeat; width: 155px;}
#nav_contact a {background: url(../images/hr.gif) -769px 0 no-repeat; width: 111px;}*/

/* Hover state */

/*#nav_home a:hover {background: url(../images/hr.gif) 0 -23px no-repeat;}
#nav_about a:hover {background: url(../images/hr.gif) -82px -23px no-repeat;}
#nav_questionnaire a:hover {background: url(../images/hr.gif) -172px -23px no-repeat;}
#nav_calendar a:hover {background: url(../images/hr.gif) -334px -23px no-repeat;}
#nav_photos a:hover {background: url(../images/hr.gif) -450px -23px no-repeat;}
#nav_endorsements a:hover {background: url(../images/hr.gif) -612px -23px no-repeat;}
#nav_contact a:hover {background: url(../images/hr.gif) -769px -23px no-repeat;}*/

/* "You are here" navigation styling */

/*body.home #nav_home a {background: url(../images/hr.gif) 0 -23px no-repeat;}
body.about #nav_about a {background: url(../images/hr.gif) -82px -23px no-repeat;}
body.questionnaire #nav_questionnaire a {background: url(../images/hr.gif) -172px -23px no-repeat;}
body.calendar #nav_calendar a {background: url(../images/hr.gif) -334px -23px no-repeat;}
body.photos #nav_photos a {background: url(../images/hr.gif) -450px -23px no-repeat;}
body.endorsements #nav_endorsements a {background: url(../images/hr.gif) -612px -23px no-repeat;}
body.contact #nav_contact a {background: url(../images/hr.gif) -769px -23px no-repeat;}*/


/* Content Layouts */

#content {
  background: white url(../images/bg_content.gif) bottom left no-repeat;
  float: left;
  margin: 0; padding: 0;
 /* position: relative;*/
  width: 880px;
}
#content-main {
  display: inline;
  float: right;
  margin: 10px 120px 1.5em 0;
  overflow: hidden;
  width: 570px;
}
#content-sub {
  display: inline;
  background: none;
  float: left;
  line-height: 1.4em;
  margin: 10px 0 1.5em 10px;
  width: 165px;
}
#content-nav {
  display: inline;
  /*background: #e9f0fb;*/
  float: left;
  line-height: 1.4em;
  margin: 10px 0 1.5em 10px;
  width: 165px;
}
#content-solo {
  display: inline;
  float: left;
  margin: 10px 0 1.5em 10px;
  width: 855px;
}
#content-full {
  margin: 0; padding: 0;
  width: 880px;
}

#action-center {
  position: absolute;
  right: 10px;
  top: 10px;
}

#content-sub ul {
  list-style: none;
  margin: 1em .5em;
  padding: 0;
}
#content-sub ul li {
  margin: 0 0 .5em;
  padding: 0;
}

#content-nav ul {
  list-style: none;
  margin: 1em .5em;
  padding: 0;
}
#content-nav ul li {
  margin: 0 0 .5em;
  padding: 0;  
}
#content-nav li a {
  text-decoration: none;
}
#content-nav li a:hover {
	color: #576d9e;
}
/* Home Page */

#home #feature {
  float: right;
  width: 580px;
  /*height: 500px;*/
  margin-top: 20px;
  margin-right: 20px;
}
#content-home {
  background: url(../images/bg_home.gif) center repeat-y;
  float: left;
  line-height: 1.3;
  margin: 1.5em 0;
  padding: 0 10px;
  width: 860px;
}


/* Action-center */
#action-center input.text {
  width:120px;
  font-size: 11px;
  padding: 3px;
}

#action-user {
	margin: 0 0 .5em;
}
#action-user ul {list-style: none; margin: 0; padding: 0;}
#action-user ul li {
	margin: 0;
	padding: 0;
}
#action-user ul li a {
	background: #496288;
	color: #fff;
	display: block;
	line-height: 1;
	padding: 7px;
}
#action-center h4 {display: none;} /* Applies to both */
/*#action-wtc {
  width: 178px;
  text-align: center;
  height: 124px;
  background: url(../images/ac0-ismall.gif) no-repeat;
  color: black;
  padding-top:50px;
  display: block;
}*/

/* Home Page Action Center */

#home #action-center {
  float: left;
  position: static;
  width: 300px;
  padding-left: 20px;
}
#home #action-center img{
  float: left;
  margin-top: -675px;
}
#home #action-center p {
  text-align:left;
  font-size:10px;
  padding-right: 160px;
  margin-top: -520px;
}
#home #action-wtc {
  background: url(../images/ac0_rev2.gif) no-repeat;
  height: 174px;
  padding-top: 0;
  padding:0;
  color: black;
  display: block;
  width:300px;
  margin:0;
}

/* Flickr */

#content-sub .flickr {
  text-align: center;
}
#content-sub .flickr img {
  border: 2px solid white;
  margin: .75em auto;
}

/* Footer */

#footer {
  clear: both;
  color: white;
  font-size: .9em;
  line-height: 1.3;
  margin: 0; padding: .5em;
  text-align: center;
}
#footer a {color: #fff;}
#footer ul.navigation {list-style: none; margin: 0 0 1em 0; padding: 0;}
#footer ul.navigation li {display: inline; padding: 0 1em;}

/* Miscellaneous styles */

.image-left {
  float: left;
  margin: 0 1em 1em 0;
}
.image-right {
  float: right;
  margin: 0 0 1em 1em;
}

/**************************
POPUP CONTAINER
**************************/
#iePopup
{
margin: 0 auto;
background-color: #ededed;
}
#popupWrapper
{
padding: 0 10px;
min-width: 695px;
width: auto;
}
#iePopup #popupWrapper
{
width: 780px;
}
#topContainerPopup
{
margin: 0 3px;
background: url(../images/popupPage_topSlice2.gif) 0 bottom repeat-x transparent;
height: 5em;
}
#popupContainer
{
background: url(../images/popupPage_midSliceL.gif) left 0 repeat-y #fff;
}
#iePopup #popupContainer
{
width: 100%;
}
#popupContainer #popupContent
{
background: url(../images/popupPage_midSliceR.gif) right 0 repeat-y;
padding: 15px;
height: 100%;
}
#btmContainerPopup
{
clear: both;
height: 3em;
margin: 0 3px;
background: url(../images/popupPage_btmSlice2.gif) 0 0 repeat-x transparent;
}
.popupDetail
{
overflow: auto;
height: 100%;
}
.popupTitle
{
float: left;
margin-left: 5px;
margin-bottom: 0;
padding: 15px 0;
}
#popupContent #pageID
{
display: none;
}

<!-- Nav -->
#nav { line-height: 1; z-index: 9998; }

#nav a {
    background: url(../images/hr.gif) no-repeat 0 0;
	display: block;
	height: 50px;
	text-indent: -999em;
	overflow: hidden;
}

#nav li { float: left; position: relative; }
* html #nav li * { position: relative; }
#nav li, #nav ul { margin: 0; padding: 0; }
	
	/*--- Default ---*/
	#nav-home a { background-position: 0 0; width: 80px; }
	#nav-about a { background-position: -77px 0; width: 77px; }
	#nav-questionnaires a { background-position: -154px 0; width: 174px; }
	#nav-calendar a { background-position: -329px 0; width: 116px; }
	#nav-photos a { background-position: -445px 0; width: 170px; }
	#nav-endorsements a { background-position: -615px 0; width: 157px; }
	#nav-contact a { background-position: -774px 0; width: 106px; }

	/*--- Hovering ---*/
	#nav-home a:hover { background-position: 0 -55px; width: 80px; }
	#nav-about a:hover { background-position: -77px -55px; width: 77px; }
	#nav-questionnaires a:hover { background-position: -154px -55px; width: 174px; }
	#nav-calendar a:hover { background-position: -329px -55px; width: 116px; }
	#nav-photos a:hover { background-position: -445px -55px; width: 170px; }
	#nav-endorsements a:hover { background-position: -615px -55px; width: 157px; }
	#nav-contact a:hover { background-position: -774px -55px; width: 106px; }

	/*--- Dropdowns ---*/
	#nav li:hover ul, #nav li.over ul { left: 0; }
	#nav li li { float: none; position: static; width: 100%; }
	
	#nav li li a, #nav li li a:hover, #nav li li a:active {
		background: none;
		height: auto;
		padding: 1px 12% 2px;
		text-indent: 0;
		width: 76%;
	}
	
	#nav li li a:hover { background: #eee; }
	
	#nav li ul {
		background: #fff;
		border-bottom: 1px solid #465f86;
		left: -1999px;
		line-height: 1.5;
		padding: 5px 0;
		position: absolute;
		top: 50px;
		width: 200px;
		z-index: 9999;
	}