body {
	background-position: 0px 0px;
	background-image: url(../images/default-logo-bg.jpg);
	background-repeat: repeat-y;
	background-color: #BCA876;
	margin: 0px;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	}

p,td {
	font-size: 12px;
	color:#3f3f3f;
	}
ol li {
	padding-bottom:4px;
	}
h1 {
	font-size: 18px;
	font-weight: normal;
	}
h2 { color: #b44735; font-size: 15px; }
h3 {
	font-size: 14px;
	}
	
img {
	border: none;	
}


/* ----- layout ----- */

.ipadSurveyIcon {
	position: absolute;
	top: 0;
	left: 0;	
}

#wrapper-outer {
	width:954px;
	}
#logo {
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width:105px;
	float:left;
	background-image: url(../images/default-logo.gif);
	}
#wrapper-inner {
	width:849px;
	float:left;
	}
#header {
	background-position: 0 27px;
	background-repeat: no-repeat;
	width:849px;
	height:160px;
	display: block;
	padding: 27px 0 0;
	}
#menu {
	width: 849px;
	height: 30px;
	display: block;
	background-image: url(../images/default-links-bg.gif);
	background-position-x: 0px;
	background-position-y: 0px;
	background-repeat: no-repeat;
	}
#crumbs {
	width:849px;
	height:50px;
	display:block;
	background-image: url(../images/crumbs-bg.jpg);
	background-position-x: 0;
	background-position-y: 0;
	background-repeat: repeat-y;
	}
#subsection-links {
	background-position: 0px 0px;
	background-color: #838381;
	background-image: url(../images/sub-section-bg2.jpg); ;
	background-repeat: no-repeat;
	padding-top: 15px;
	}
#footer {
	clear:both;
	height:80px;
	}
.credits {
	padding-top: 12px;
	text-align: right;
	color:#fff;
	font-size: 10px;
	background-color: #BCA876;
	}
.credits a:link {
	color:#fff;
	text-decoration: none;
	}
.credits a:visited {
	color:#fff;
	text-decoration: none;
	}
.credits a:hover {
	color:#fff;
	text-decoration: underline;
	}
.credits a:visited:hover {
	color:#fff;
	text-decoration: underline;
	}


/* --------- CONTENT AREA CSS ------------ */

#content-wrapper { 
	margin-left: 20px; 
	}
.content { 
	line-height: 18px; 
	clear: right; 
	width: 809px; 
	margin-bottom: 20px; 
	margin-top:-4px;
	}
.content a:link {
	color:#BBA777;
	text-decoration: none;
	}
.content a:visited {
	color:#BBA777;
	text-decoration: none;
	}
.content a:hover {
	color:#B44735;
	text-decoration: underline;
	}
.content a:visited:hover {
	color:#B44735;
	text-decoration: underline;
	}
h1.content-hdr { 
	top: -16px; 
	clear: left; 
	margin: 0 0 20px 20px; 
	padding: 15px 0 0; 
	color: #000; 
	width: 809px; }
#content {
	background-color: #fff;
	}

.crumb-pad { 
	color:#fff;
	font-size: 10px; 
	line-height: 10px; 
	padding-top: 20px;
	padding-right: 0px;
	text-align: right;
	float:left;
	width: 530px;
	}
.email_signup {
	width: 143px;
	float: right;
	padding: 3px 0 0;
}
.email_signup img {
	border: none;
	background: none;
}
	
.project-wizard {
	float:right;
	width:148px;
	height:50px;
	padding-right:7px;
	padding-top:3px;
	vertical-align: middle;
}

.clear {
	clear:both;
	height:0px;
}

.crumb-pad a { color: #fff; text-decoration: none; }
.crumb-pad a:visited { color: #fff; }
.crumb-pad a:hover { color: #fff; background-color: #B44735; text-decoration: none; }
.crumb-pad a:visited:hover { color: #fff; background-color: #B44735; text-decoration: none; }
.crumb-pad strong { color: #fff; font-weight: bold; }


#ftr-links {
	padding-top: 12px;
	}
td.ftr{
	background-position: 0px 0px;
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
	background-color: #BCA876;
	}
ul.subpages { font-size: 13px; font-weight: bold; float: none }
/* --------- PHOTO AREA CSS ------------ */

.photo-area { float: left; }
.photo-area img { display: block }
#photo { background-color: #cfdbec; width: 150px; height: 150px; margin-right: 20px; margin-bottom: 20px; }
#photo-caption { color: #000; font-size: 12px; font-style: italic; line-height: 14px; background-color: #ffc; padding: 7px 7px 8px 8px; }
#hoverpopup0 { position: absolute; width: 400px; border-bottom: 20px solid #fff; display: none; }
#hover-position0 { position: relative; top: -170px; left: 170px; display: none; }
#hoverpopup1 { position: absolute; width: 400px; display: none; border-bottom: 20px solid #fff; }
#hover-position1 { position: relative; top: -340px; left: 170px; display: none; }
#hoverpopup2 { position: absolute; width: 400px; border-bottom: 20px solid #fff; display: none; }
#hover-position2 { position: relative; top: -340px; left: 170px; display: none; }
#hoverpopup3 { position: absolute; width: 400px; border-bottom: 20px solid #fff; display: none; }
#hover-position3 { position: relative; top: -340px; left: 170px; display: none; }
#hoverpopup4 { position: absolute; width: 400px; border-bottom: 20px solid #fff; display: none; }
#hover-position4 { position: relative; top: -340px; left: 170px; display: none; }

/* --------- DROPDOWN MENU CSS ------------ */

#menu-top { 
	position: absolute;
	top: 190px;
	width: 849px;
	margin-left: 10px;
	background-color: transparent;
	text-transform: lowercase;
	}
#wrapper { 
	position: relative;
	margin: auto;
	width: 849px;}
.menu { 
	/* background-image: url(../images/main-menu-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0 3px; */
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 35px;
	}
#nav, #nav ul { 
	float: left;
	list-style: none;
	line-height: 18px;
	background: transparent;
	font-size: 12px;
	font-family: arial, Helvetica;
	padding: 0;
	margin: 0;
	}
#nav a { 
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 4px 10px 4px 10px;
	border-bottom: 1px solid #fff;
	}
#nav a.daddy { 
	background-image: url(../images/default-daddy-bg.gif);
	background-repeat: no-repeat;
	background-position: right 7px;
	/* letter-spacing: 1px; */ 
	padding: 3px 12px 4px;
	}
	
#nav li { 
	float: left;
	padding: 0;
	width: auto;
	}
#nav li ul { 
	position: absolute;
	left: -999em;
	height: auto;
	width: 180px;
	w\idth: 180px;
	margin: 0;
	background-color: #828281;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	}
#nav li li { 
	padding-right: 0;
	width: 180px;
	}
#nav li ul a { 
	width: 180px;
	w\idth: 160px;
	}
#nav li ul ul { 
	margin: -19px 0 0 140px;
	border-left: 1px solid #64A08A;
	}
	
#nav li:hover ul ul, #nav li:hover ul ul ul, 
#nav li:hover ul ul ul ul, #nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul { 
	left: -999em;
	}
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, 
#nav li li li li:hover ul, #nav li.sfhover ul, 
#nav li li.sfhover ul, #nav li li li.sfhover ul, 
#nav li li li li.sfhover ul { 
	left: auto;
	}
	
#nav li:hover, #nav li.sfhover { 
	background-color: #C5C5C5;
	}
#nav a:hover { 
	color: #000;
	background-color: #C5C5C5;
	/* background-image: url(../images/main-hover-bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom; */
	text-decoration: none;
	}
#nav a:visited:hover { 
	color: #000;
	background-color: #C5C5C5;
	background-image: url(../images/main-hover-bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	text-decoration: none;
	}

/* --------- SITE MAP CSS ------------ */

div.content ul#nav { float: none; line-height: 14px; background: white; font-size: 12px; font-family: tahoma, arial; text-transform: uppercase; list-style-type: disc; }
div.content #nav a { display: inline; color: #00623f; text-decoration: underline; border-style: none; }
div.content #nav a.daddy { background-image: none; letter-spacing: 1px; padding: 3px 10px 2px; }
div.content #nav li { float: none; padding: 0; width: auto; }

/* --------- SIDEBAR CSS ------------ */

.sidebar { background-image: url(../images/main-sidebar-bg.jpg); background-repeat: repeat-y; vertical-align: top; width: 221px; }
.sidebar h2 { font-size: 18px; text-align: left; margin-top: 3px; margin-bottom: 11px; margin-left: 12px; }
.sidebar h3 { font-size: 12px; font-weight: normal; line-height: 12px; background-color: #ffffe4; margin: 10px 13px 0; padding: 3px; }
.sidebar img { display: block }
.related-resources { background-image: url(../images/main-resources-bg.jpg); background-repeat: no-repeat; padding: 10px 15px; }
.tsr-pg { font-size: 11px; line-height: 14px; margin: 30px 15px 30px; }
.tsr-pg-title a { font-weight: bold; text-decoration: none; color: white }
.tsr-pg-abstract { color: #dedede; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #aaa; }
/* --------- WIZARD CSS -------------- */
h3.toggler { margin-top: 0; margin-bottom: 5px; padding-top: 0; padding-bottom: 0; }
.hide-dimensions { font-size: 12px; line-height: 18px; background-color: #fbfbfb; width: 355px; margin-left: 20px; padding: 6px; border: dotted 1px #aaa; display: none; clear: both; }
input#total { color: #b44735; font-size: 12px; font-weight: bold; margin-top: 5px; }
input { font-size: 12px; background-color: #fbfbfb; height: 14px; border: solid 1px #aaa; outline-style: none; }
textarea { font-size: 12px; background-color: #fbfbfb; border: solid 1px #aaa; outline-style: none; }
input#button { color: #fff; font-size: 12px; font-weight: bold; background-color: #b44735; height: 18px; border: solid 1px #000; }

/* --------- ACCORDION FOR WIZARD CSS -------------- */
#tab-accordion .tab-element {
	clear: both;
	overflow: visible;
	}
	
.tab-element {
	font-size: 20px;
}

.tab-element p {
	overflow: visible;
}

.tab-element h2 {
	color: #333;
	font-size: 14px;
	padding: 10px 0px 0px 0px;
	margin: 14px 0px 3px 0px;
	background-image: none;
	font-weight: bold;
	border: none;
}
	
.tab-toggler {
	font-size: 13px;
	float: left;
	text-decoration: none;
	padding: 5px 0 5px 0;
	display: block;
	font-weight: bold;
	margin: 0 30px 0 0;
}

a.tab {
	text-decoration: none;
	color: #000;
}