/* Zero out all styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: verdana, arial, helvetica, sans-serif;
	vertical-align: baseline;
	background: transparent;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	margin:0;
	list-style-type:none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* END zero out all styles */


body	{
	background:url(../images/body_bg.gif) repeat-x top;
	background-color:#fffde8;
	margin-bottom:32px;
}
#wrapper	{
	width:760px;
	margin:auto;
	position:relative;
	top:27px;
	background-color:#fff;
	border-top: 1px solid #000;
	border-right: 1px dashed #666;
	border-bottom: 1px dashed #666;
	border-left: 1px solid #000;
}
h1, h2, h3, h4, h5, h6	{
	color:#C82E0A;
	font-weight:bold;
	line-height:120%;
}
h3	{
	font-size:130%;
	margin-bottom:1em;
}
h4	{
	font-size:110%;
	margin-top:1em;
}
h5	{
	font-size:100%;
	margin-bottom:.25em;
}
p, li	{
	font-size:80%;
	line-height:140%;
	color:#000;
}
li li	{
	font-size:100%;
}
p	{
	margin-bottom:1em;
}
p#slug	{
	font-style:italic !important;
	margin-top:-1em;
	color:#C82E0A;
	margin-bottom:1em;
	font-weight:bold;
}
#mapPage p#slug, #doarhPage p#slug	{
	font-weight:normal;
}
p#slug strong	{
	font-weight:bold;
	font-style:normal;
}
#mainContent ul li	{
	list-style-type: square;
	margin:0 36px 0 36px;
}
#mainContent ul, ol	{
	margin:0 36px 1em 36px;
}
#mainContent ul ul, #mainContent ol ol {
	margin:0;
}
#mainContent ol li	{
	list-style-type: decimal;
	margin:1em;
}
em	{
	font-style:italic;
	font-weight:bold;
}
#mainContent a:link, #footer a:link	{
	color:#59852C;
	text-decoration: none;
	border-bottom:1px solid #59852C;
}
#mainContent a:visited, #footer a:visited	{
	color:#77CC20;
	text-decoration: none;
	border-bottom:1px solid #77CC20;
}
#mainContent a:hover, #footer a:hover {
	color:#77CC20;
	text-decoration: none;
	border-bottom:1px dashed #77CC20;
}
#mainContent a:active, #footer a:active	{
	color:#C82E0A;
	border:none;
}
#mainContent a:link img, #mainContent a:visited img, #mainContent a:hover img, #mainContent a:active img	{
	border-bottom:4px solid #fff;
	position:relative;
	bottom:-4px;
}
acronym	{
	cursor:help;
	border-bottom:1px dotted #999;
}
caption	{
	font-weight:bold;
	font-size:110%;
	color:#C82E0A;
	padding:0 0 1em 0;
	margin:auto;
}
sup	{
	bottom:.35em;
	position:relative;
	font-size:90%;
}
div.alert, div.reminder, div.success, div.filtered	{
	background:#FFFFD0;
	background-image:url(../images/icons/alert.gif);
	background-repeat: no-repeat;
	background-position: 8px 8px;
	min-height:70px;
	border:2px solid #FFBD00;
	padding:26px 18px 12px 80px;
	width:50%;
	margin:auto;
}
div.filtered	{
	background-image:url(../images/icons/doarh/filtered.jpg);
	background-position: 12px 12px;
	padding:14px 18px 0 80px;
	margin:27px auto;
}
div.reminder	{
	background:#F5F5F8;
	background-image:url(../images/icons/reminder.gif);
	background-repeat: no-repeat;
	background-position: 12px 12px;
	border:2px solid #9090B6;
}
div.success	{
	background:#E9FCD0;
	background-image:url(../images/icons/success.gif);
	background-repeat: no-repeat;
	background-position: 12px 12px;
	border:2px solid #75B66B;
}
div.alert em, div.reminder em, div.success em, div.filtered em	{
	font-weight:bold;
	font-style:normal;
	text-transform: uppercase;
	color:#C82E0A;
}
div.filtered em	{
	color:#3263d2;
}
div.alert ul, div.alert ol, div.alert li {
	margin:0 0 0 -12px;
	padding:0;
}
div.reminder em	{
	color:#2166B5;
}
div.success em	{
	color:#578444;
}
div.imageBox	{
	float:right;
	margin:0px 0 40px 40px;
}
div.imageBox p	{
	font-weight:bold;
	text-align:right;
	color:#666;
	margin-top:10px;
}
#mainContent div.actionList ul {
	float:right;
	padding:0 2px 8px 0;
	margin:0;
}
#mainContent div.actionList ul li {
	margin:0;
	padding:0;
	display:inline;
	font-size:70%;
}
#mainContent div.actionList ul li img, .actionListIcon {
	bottom:-6px;
	position:relative;
	padding-left:10px;
}


/* Header styles */
#header {
	background-image: url(../images/banner.jpg);
	background-repeat: no-repeat;
	height: 135px;
	width: 760px;
	border-bottom:1px dashed #830000;
}
#header	h1	{
	width:265px;
	height:164px;
	top:-29px;
	position:absolute;
}
#header h2 {
	font-weight:normal;
	font-size: 70%;
	color: #360;
	position:absolute;
	top:118px;
	left:44px;
	line-height:120%;
	font-style: italic;
}
/* END header styles */

/* Navigation styles */
ul#primaryNav, ul#secondaryNav	{
	margin:0;
}
#primaryNav li #skip	{
	position:absolute;
	text-indent:-9999px;
}
#primaryNav li	{
	display: inline;
	font-size:70%;
	float:left;
	min-height:4em;
}
a.primaryNavItem:link, a.primaryNavItem:visited	{
	text-decoration: none;
	color:#FFF5D9;
	background:url(../images/button_bg.gif) repeat-x right bottom;
	background-color:#BC2B09;
	display:block;
	padding: 4px 2px 6px 2px;
	margin:0;
	text-align:center;
	width:148px;
	min-height:2em;
}
a.primaryNavItem:hover, a.primaryNavItem:active,
body#profilePage a.primaryNavItem#profiles:link, body#profilePage a.primaryNavItem#profiles:visited,
body#assessmentPage a.primaryNavItem#guide:link, body#assessmentPage a.primaryNavItem#guide:visited,
body#resourcesPage a.primaryNavItem#resources:link, body#resourcesPage a.primaryNavItem#resources:visited,
body#doarhPage a.primaryNavItem#doarh:link, body#doarhPage a.primaryNavItem#doarh:visited,
body#calculatorPage a.primaryNavItem#calculator:link, body#calculatorPage a.primaryNavItem#calculator:visited,
body#mapPage a.primaryNavItem#doarh:link, body#mapPage a.primaryNavItem#doarh:visited
{
	color:#360;
	background:url(../images/button_bg_over.gif) repeat-x right bottom;
}
#secondaryNav	{
	position:absolute;
	top:-22px;
	right:8px;
}
#secondaryNav li	{
	display: inline;
	font-size:70%;
	padding: 0 5px 0 5px;
	line-height:120%;
}
a.secondaryNavItem:link, a.secondaryNavItem:visited	{
	text-decoration: none;
	color:#59852C;
}
a.secondaryNavItem:hover {
	text-decoration: none;
	color:#000;
}
a.secondaryNavItem:active	{
	text-decoration: none;
	color:#6c3;
}
/* END navigation styles */

#mainContent	{
	padding:16px 36px 16px 36px;
}

#footer {
	text-align:center;
	padding-bottom:18px;
	font-size:85%;
}
#footer p	{
	color:#666;
}
#footer p a	{
	font-style:normal;
}
#accessibilityPage #accessibility, #privacyPage #privacy	{
	border-bottom:none;
	color:#666;
	cursor:text;
}

/* Modules */
.modFullWidth	{
	text-align:center;
	margin:auto;
	background-color:#fff;
	border-top:1px solid #59852C;
	border-bottom:3px solid #59852C;
	border-left:1px solid #59852C;
	border-right:3px solid #59852C;
	background:#F4F9DD;
	padding:12px;
	margin-bottom:18px;
}
.mod4col, .mod2col	{
	border-top: 1px dashed #ccc;
	border-right: 1px dashed #9d9d9d;
	border-bottom: 1px dashed #9d9d9d;
	border-left: 1px dashed #ccc;
	background-color:#f5f5f5;
	background-image: url(../images/mod_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
.mod4col	{
	width:405px;
	margin: 0 2em 2em 0;
	float:left;
}
.mod2col	{
	float:left;
	margin:0;
	width:240px;
}
.mod4col h3, .mod2col h3	{
	text-align:center;
	font-size:90%;
	font-weight: bold;
	background:url(../images/headline_bg_gray.gif);
	border-bottom:2px solid #ccc;
	height:1.5em;
	color: #666;
	padding:.5em 0 0 0;
}
.mod4col p, .mod2col p	{
	text-align:center;
	font-size:80%;
	width:80%;
	line-height:130%;
	margin:auto;
	margin-top:12px;
}
.address	{
	float:left;
	width:25%;
	padding:18px;
}
.address p, .address ul, .address ul li	{
	margin:0 !important;
	padding:0 !important;
	list-style-type: none !important;
}
/* END modules */

/* Form styles */
form	{
	width:85%;
	margin:auto;
	margin-top:10px;
	vertical-align:bottom;
	position:relative;
}
select	{
	display:block;
	width:100%;
	margin-top:4px;
}
.selectAlert	{
	background:#F67704;
	color:#fff;
	font-weight:bold;
}
input, button	{
	margin-top:4px;
	float:right;
}
button.continue	{
	color:#0D8C00;
}
button.cancel	{
	color:#C20707;
}
.buttonImg	{
	position:relative;
	top:1px;
}
.registerForm #emailLabel	{
	font-size:80%;
	font-weight:bold;
	float:left;
	margin:.45em 0 1em 0;
	color:#860400;
}
.labelError	{
	color:#C82E0A;
	text-transform:uppercase;
}
/* END form styles */

/* Welcome page styles */
#welcome	{
	background-image:url(../images/welcome_bg.gif);
	background-color:#FCF4CE;
	border:2px solid #EEE3B0;
	margin:0 6px 0 0;
	padding:0;
}
#welcome h3	{
	text-align:center;
	color:#A92608;
	font-weight:bold;
	font-size:100%;
	margin:10px 0 0 0;
}
#welcome p	{
	font-size:80%;
	margin:9em 0 8px 0;
	text-align:center;
	line-height:130%;
}
#welcome .introMod	{
	width:31%;
	border-top:1px solid #A92608;
	border-bottom:3px solid #A92608;
	border-left:1px solid #A92608;
	border-right:3px solid #A92608;
	background-color:#FAF8ED;
	float:left;
	margin:12px 0 0 6px;
	height:5.5em;
	min-height:5.5em;
}
#welcome .introMod h4	{
	margin:9px 0 0 0;
	font-size:80%;
	font-weight:bold;
	color:#A92608;
	text-align:center;
	height:30px;
	position:relative;
}
#welcome .introMod p	{
	font-size:70%;
	font-weight:normal;
	margin:3px 0 8px 0;
	text-align:center;
	padding: 0 8px 0 8px;
	line-height:130%;
	position:relative;
}
.dimmed	{
	color:#666;
}
p#top	{
	text-align:right;
	font-size:70%;
}
p#top img	{
	position:relative;
	top:10px;
	left:-6px;
}
div#jumpDown	{
	height:2em;
}
div#jumpDown h4	gif
div#jumpDown h4 img	{
	position:relative;
	top:6px;
}
div#jumpDown ul	{
	margin:0;
}
div#jumpDown ul li	{
	float:left;
	margin:0 10px 0 0;
	list-style:none;
	font-size:70%;
}
#townVillage	{
	clear:both;
	text-align:center;
	position:relative;
	top:-40px;
	margin-bottom:-16px;
	font-size:70%;
}
#townVillage img	{
	top:20px;
}
 /* POP UP NAVIGATION */
.popup {
	position: absolute;
	display: none;
	z-index: 50;
	border-collapse: collapse;
}
.popup td.corner {
	height: 15px;
	width: 19px;
}

.popup td.topleft { background-image: url(../images/bubbles/bubble-1.gif); }
.popup td.top { background-image: url(../images/bubbles/bubble-2.gif); }
.popup td.topright { background-image: url(../images/bubbles/bubble-3.gif); }
.popup td.left { background-image: url(../images/bubbles/bubble-4.gif); }
.popup td.right { background-image: url(../images/bubbles/bubble-5.gif); }
.popup td.bottomleft { background-image: url(../images/bubbles/bubble-6.gif); }
.popup td.bottom { background-image: url(../images/bubbles/bubble-7.gif); text-align: center;}
.popup td.bottom img { display: block; margin: 0 auto; }
.popup td.bottomright { background-image: url(../images/bubbles/bubble-8.gif); }

.popup table.popup-contents {
	font-size: 12px;
	line-height: 1.3em;
	background-color: #fff;
	color: #666;
}
