/* CSS Document */

fieldset {margin:0; padding:0; border:0}

form {margin:0; padding:0; border:0}

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

body {margin:0; padding:0; border:0}

html {margin:0; padding:0; border:0}
html {font-size:100%}
body {
	font:.8em/1.55 Arial,sans-serif;
	background:#CED9A2;
	color:#000}

/* global styles ----------------------------------------------- */
#details {margin:0 16px 1em; padding:0}
h3 {margin:0 16px 1em; padding:0}
h2 {margin:0 16px 1em; padding:0}
h1 {margin:0 16px 1em; padding:0}
dl {margin:0 16px 1em; padding:0}
ol {margin:0 16px 1em; padding:0}
ul {margin:0 16px 1em; padding:0}
p {margin:0 16px 1em; padding:0}
acronym {cursor:help}
abbr {cursor:help}
hr {margin:1em 16px; padding:0; height:0; border:0; border-top:1px solid #005574}
html>body hr {margin:2.5em 16px 1.5em}

/* ---- links ---- */
a:link {color:#005574; text-decoration:underline}
a:visited {color:#005574; text-decoration:underline}
a:hover {color:#006893; text-decoration:underline}
a:active {color:#852727; text-decoration:none}

/* ---- lists ---- */
ul {list-style:none}
ul ul {margin-top:1em; margin-right:0}
li {margin:0 0 1em; padding:0 0 0 20px; background:url(../images/bullet.gif) no-repeat 0 .25em}
li em {color:#1e1800; font-size:.9em}

ol {margin-left:35px}
ol li {padding:0; background:none}

/* ---- definition list ---- */
dt {
	margin:0 0 .25em;
	padding:0;
	font-weight:bold}
dd {
	margin:0 0 1em;
	padding:0}

/* ---- headings ---- */
h1 {
	margin:0;
	padding:1em 16px .5em;
	font:2.4em Georgia,"Times New Roman",serif;
	color:#006893;
	background:url(../images/h1.gif) no-repeat 0 0}
h2 {
	clear:both;
	margin:.5em 16px .25em;
	font:1.5em Georgia,"Times New Roman",serif;
	color:#852f00}
h2.hc {
	clear:both;
	margin:.5em 16px .25em;
	font:2.2em Arial,sans-serif;
	font-weight:bold;
	color:#852f00}

h3 {
	margin-bottom:.5em;
	font-size:1em}
h3.hc {
	margin-bottom:.5em;
	font-size:1.8em;
	font-weight:bold;
	font-style:italic}

h4 {
	padding:1em 16px .5em;
	font:1em Georgia,"Times New Roman",serif;
	font-weight:bold;
	color:#534a01;
	border-top:1px solid #9e943b}

h4.hc {
	clear:both;
	margin:.5em 16px .25em;
	padding:0;
	font:1.2em Arial,sans-serif;
	font-weight:bold;
	color:#852f00;
	border:none}


/* ---- blockquote ---- */
blockquote {
	position:absolute;
	top:188px;
	left:0;
	margin:0;
	padding:0;
	width:326px;
	color:#3d2706}
blockquote p {margin:0 10px 0 5px}
blockquote cite {font-style:italic}

/* ---- linkPreview ---- */
.xls {padding:0 20px 0 0; background:url(../images/icon_doc.png) no-repeat 7px 50%}
.txt {padding:0 20px 0 0; background:url(../images/icon_doc.png) no-repeat 7px 50%}
.ppt {padding:0 20px 0 0; background:url(../images/icon_doc.png) no-repeat 7px 50%}
.pdf {padding:0 20px 0 0; background:url(../images/icon_doc.png) no-repeat 7px 50%}
.doc {padding:0 20px 0 0; background:url(../images/icon_doc.png) no-repeat 7px 50%}
.pdf {background-image:url(../images/icon_pdf.gif)}
.ppt {background-image:url(../images/icon_ppt.png)}
.txt {background-image:url(../images/icon_txt.png)}
.xls {background-image:url(../images/icon_xls.png)}

/* wrapper, container ----------------------------------------------- */
#wrapper {background:#CED9A2 url(../images/wrapper.gif) repeat-y 50% 0}
#container {
	position:relative;
	margin:0 auto;
	width:760px;
	background:#FCFAEE url(../images/container.gif) repeat-y 538px 0;
	overflow:hidden}

/* header ----------------------------------------------- */
#header {
	position:relative;
	height:25.4em;
	color:#403e30;
	font-size:.9em;
	background:#eee27d url(../images/header.gif) repeat-x 0 0;
	overflow:hidden}
#header a {color:#403e30; text-decoration:none}
#header a:hover {color:#000; text-decoration:underline}

a#logo {
	position:absolute;
	top:42px;
	left:25px;
	padding:20px 20px 10px;
	display:block;
	width:236px}

div#picture {
	position:absolute;
	top:30px;
	right:0;
	border-right:2px solid #fdfbee}

img#picture {
	position:absolute;
	top:30px;
	right:0;
	border-right:2px solid #fdfbee}

p#contact-info {
	position:absolute;
	top:145px;
	left:0;
	width:293px;
	width:26.8em;
	font-size:.95em;
	letter-spacing:.05em;
	text-align:center}

/* content ----------------------------------------------- */
#content {
	float:left;
	width:550px;
	padding:0 0 1.5em;
	min-height:25em; height:auto !important; height:25em}	
img#banner {margin:10px 0 10px 16px}

img.floatright {
	margin:10px 0 1em 16px;
	float:right;
	border:2px solid #FFF}
h1 + p img.floatright {margin-top:17px}
img.whatif {margin-top:17px}

/* ---- what if ---- */
h1.whatif {padding-bottom:0}
h1.whatif span {font-size:.6em; color:#852f00}

h3#view {margin-top:2.25em; font:italic bold 1em/1.5 Georgia,"Times New Roman",serif}
h3#view span {padding:0 17px 0 0; background:url(../images/whatif.gif) no-repeat 5px 50%}

a#next {background:url(../images/whatif.gif) no-repeat -20px 50%}

a#prev {background:url(../images/whatif.gif) no-repeat -20px 50%}
a#prev {margin-right:.25em; padding-left:1.5em}
a#next {margin-left:.25em; padding-right:1.5em; background-position:2.5em 50%}

ul.whatif li {padding:0; background:none}

#video{
	float:right;
	width:250px;
	margin:39px 10px 10px 10px;
}

#flashvideo {margin-left:100px}
p.flashwarning {
	background-color : #f5f0c5;
	padding : 10px;
	border : 1px solid #aaa04e;
	margin-left:-80px;
}

/* sidebar ----------------------------------------------- */
#sidebar {
	float:right;
	width:209px;
	font-size:.9em;
	background:#EDECDA url(../images/sidebar.gif) repeat-x 0 0;
	color:#1e1000;
	border-right:1px solid #fdfbee}

#sidebar h2 {
	margin:2.25em 11px .5em;
	font:bold 1.6em Georgia,"Times New Roman",serif;
	color:#852727}
#sidebar h2.opt2 {
	margin:1em 11px .5em;
	padding:1em 0 0;
	color:#d05700;
	border-top:1px solid #aaa04e}
#sidebar h2.whatif {
	font-size:1.2em}
#sidebar h2#subscribe {
	margin:1em 11px .5em;
	padding:1em 0 0;
	font-size:1.4em;
	color:#534a01}
#sidebar h2#subscribe.opt3 {border-top:1px solid #aaa04e}

#sidebar p {margin:0 11px 1em}
#sidebar ul {margin:0 12px 1em}
#sidebar li.selected {font-weight:bold}
#sidebar li em {font-size:.95em}

/* ---- subscribe form ---- */
#sidebar form input {
	vertical-align:top}
input#subscribe-email {
	margin:0 4px 1em 11px;
	width:124px}
input#sign-up {
	margin:0;
	padding:0;
	width:44px;
	height:22px;
	background:#534A01}

/* text-size ----------------------------------------------- */
#text-size {display:none; position:absolute; top:0; right:0}
#text-size.show {display:block}

#text-size h3 {
	margin:0;
	padding:0;
	font-size:.8em;
	letter-spacing:.5px;
	border-left:1px solid #FFF;
	border-bottom:1px solid #dbeaf0}
#text-size h3 a {
	display:block;
	padding:3px 8px;
	color:#FFF;
	background:#006893;
	text-decoration:none}
#text-size h3 a:hover {text-decoration:underline}

/* ---- size options ---- */
#text-size ul li {margin:0; padding:0; list-style:none}
#text-size ul {margin:0; padding:0; list-style:none}
#text-size ul {
	display:none;
	position:absolute;
	top:0;
	left:-8em;
	width:8em}
#text-size li {
	float:left;
	background:none}
#text-size li a {
	display:block;
	padding:2px 11px;
	font-size:.9em;
	font-weight:bold;
	color:#FFF;
	background:#006893;
	text-decoration:none}
#text-size li a:hover {color:#EFE588}
li#text-medium a {font-weight:bold; color:#FFF; text-decoration:underline}

/* navigation ----------------------------------------------- */
#nav {
	position:absolute;
	top:20.85em;
	left:50%;
	margin:0 0 0 -380px;
	width:760px}
#nav h3 {display:none}

#nav ul li {
	margin:0;
	padding:0;
	list-style:none}

#nav ul {
	margin:0;
	padding:0;
	list-style:none}

#nav ul {width:760px}
#nav li {
	position:relative;
	top:0;
	left:0;
	float:left;
	border:2px solid #FFF;
	border-width:2px 2px 0 0}
li#nav-contact {border-right-width:1px}

#nav li a {
	display:block;
	line-height:24px;
	text-align:center;
	font-weight:bold;
	color:#1e1800;
	white-space:nowrap;
	text-decoration:none;
	background:#e8cf6c url(../images/nav.gif) repeat-x 0 0}
#nav li:hover a {background:#d1c779}

#nav li a:hover {background:#d1c779}

li#nav-home a {width:71px}
li#nav-about a {width:90px}
li#nav-services a {width:114px}
li#nav-what a {width:91px}
li#nav-news a {width:68px}
li#nav-resources a {width:98px}
li#nav-employment a {width:112px}
li#nav-contact a {width:101px}

/* selected */
#nav li.selected a {position:relative; color:#852727}
#nav li.selected li a {color:#1e1800}
#nav li.selected a span {
	cursor:pointer;
	position:absolute;
	bottom:0;
	left:50%;
	display:block;
	margin:0 0 0 -36%;
	padding:0;
	width:72%;
	height:4px;
	background:#852727}
#nav li li.selected a {color:#852727}

/* ---- dropdowns ---- */
#nav ul li:hover ul {visibility:visible; xxxleft:100%}

#nav ul ul {
	visibility:hidden;
	position:absolute;
	z-index:10;
	top:0;
	left:0;
	width:20em;
	background-image:url(../images/blank2.gif); /* required for sticky to work in IE6/IE7 */
	/* background:#F00; /* uncomment this if you want to see the "safe" area. */
	margin:24px 0 0 -22px;
	padding:0 0 20px 20px}
#nav ul ul li {
	border:1px solid #FFFFFD;
	border-width:0 2px 1px}

#nav ul ul a {
	padding:.2em 16px .125em;
	width:14em;
	height:2em;
	background:#D0C778;
	text-align:left}
#nav ul ul li:first-child a {padding-top:.4em; background:#D0C778 url(../images/dropdown.gif) repeat-x 0 0}
#nav ul ul a:hover {text-decoration:underline}

/* footer ----------------------------------------------- */
#footer {
	clear:both;
	margin:0 auto;
	padding:0 0 60px;
	width:776px;
	background:url(../images/footer.gif) no-repeat 0 100%}
#footer p {
	margin:0 8px;
	padding:.3em 16px .25em;
	font-size:.85em;
	text-align:center;
	color:#FFF;
	background:#ABA04E}
#footer a {color:#FFF}
#footer a:hover {color:#86262A}
#footer span {margin:0 1em}

/* forms ----------------------------------------------- */
fieldset span {color:#F00; font:bold .9em Verdana,sans-serif}
label {font-weight:bold; cursor:pointer}
select {
	width:320px;
	padding:4px;
	font:1em Verdana,sans-serif;
	border:1px solid #534a01;
	background:#FFF url(../images/header.gif) repeat-x 0 -151px;
	color:#000;
	vertical-align:baseline}
textarea {
	width:320px;
	padding:4px;
	font:1em Verdana,sans-serif;
	border:1px solid #534a01;
	background:#FFF url(../images/header.gif) repeat-x 0 -151px;
	color:#000;
	vertical-align:baseline}
input {
	width:320px;
	padding:4px;
	font:1em Verdana,sans-serif;
	border:1px solid #534a01;
	background:#FFF url(../images/header.gif) repeat-x 0 -151px;
	color:#000;
	vertical-align:baseline}
textarea {
	overflow:auto;
	background:#FFF url(../images/header.gif) repeat-x 0 -72px}

select:hover {border:1px solid #AAA04E; background:#FFF}

textarea:hover {border:1px solid #AAA04E; background:#FFF}

input:hover {border:1px solid #AAA04E; background:#FFF}
select:focus {border:1px solid #006893; background:#FFF}
textarea:focus {border:1px solid #006893; background:#FFF}
input:focus {border:1px solid #006893; background:#FFF}
input.check {
	width:auto;
	margin:2px 5px 0;
	border:0;
	background:none}

input.radio {
	width:auto;
	margin:2px 5px 0;
	border:0;
	background:none}

input.reset {
	cursor:pointer;
	margin:1em 0 0;
	border:1px solid #534A01;
	background:#534A01;
	color:#FFF;
	font-weight:bold;
	width:154px}

input.submit {
	cursor:pointer;
	margin:1em 0 0;
	border:1px solid #534A01;
	background:#534A01;
	color:#FFF;
	font-weight:bold;
	width:154px}
input.reset:focus {border:1px solid #006893; background:#006893}

input.submit:focus {border:1px solid #006893; background:#006893}

input.reset:hover {border:1px solid #006893; background:#006893}

input.submit:hover {border:1px solid #006893; background:#006893}

input#city {width:220px}
input#state {width:26px}
input#zip {width:46px}

/* ---- validationAide ---- */
#validation-summary {
	margin:0 20px 1em;
	padding:1em 4px;
	width:318px;
	background:#FFC0CB;
	border:1px solid #F00}
#validation-summary label {
	font-weight:normal;
	text-transform:capitalize}

input.validation-failed {
	background:#FFC0CB;
	border:1px solid #F00}
div.validation-advice {
	padding:4px;
	width:322px;
	background:#F00;
	color:#FFF;
	font-size:.9em}
#sidebar div.validation-advice {
	float:left;
	display:inline;
	margin:-1.09em 11px 1em;
	width:126px;
	font-size:1em}