/* CSS Document */

* {
	margin:0;
	padding:0;
	font-family:Verdana,sans-serif;
	border:0}
body {
	font:.75em/1.7 Verdana,sans-serif;
	background:#99c8e5 url(../images/bg.gif) repeat-x 0 -250px;
	color:#2b2b2b}
#triangles {
	position:absolute;
	top:0;
	right:0;
	width:669px;
	height:718px;
	background:transparent url(../images/bg_triangles.gif) no-repeat 150px -12px}

/* Styles for Semi-Elastic Layout ----------------------------------------------- */
body {padding:0 392px}
#sizer {width:35.5%; max-width:274px}
#expander {background:transparent; margin:0 -392px; min-width:784px; position:relative}
#container {position:relative; margin:0 0 0 19px; background:transparent}

/* Universal Styles ----------------------------------------------- */
p, ul, h1, h2, ul, ol, dl, fieldset, table {margin:0 40px 1em}
abbr, acronym {cursor:help; border-bottom:1px dotted #333}
.date {color:#666; font-size:.9em; font-style:italic}
p.date {margin:-2em 40px 3em; padding:0 0 1em 30px}
p.author {margin:-2em 40px 3em; padding:0 0 1em 30px; font-style:italic; border-bottom:1px solid #CCC}
.nowrap {white-space:nowrap}
.section {margin-top:2.5em}

/* ---- headings ---- */
h1 {
	margin-left:30px;
	padding:15px 0 .5em 40px;
	background:url(../images/bg_headings.gif) no-repeat 0 .75em;
	font:2em/1.5 tahoma,"Trebuchet MS",verdana,sans-serif;
	color:#383838}
h1 em {font-size:.6em}
h1 .nowrap {letter-spacing:-1px}
h2 {
	margin:20px 40px .5em 30px;
	padding:10px 0 0 40px;
	background:url(../images/bg_headings.gif) no-repeat 5px -185px;
	font:1.6em/1.5 tahoma,"Trebuchet MS",verdana,sans-serif;
	color:#383838}
h2.article,
h2.registration {
	margin:10px 40px 1em;
	padding:10px 0 12px 30px;
	font-size:1em;
	font-weight:bold;
	background:transparent url(../images/icon_file.gif) no-repeat 0 1.2em;
	border-bottom:1px solid #CCC}
h1 + h2 {margin-top:-20px}
h3 {margin:10px 40px 0 40px; font-size:1em}
h3.indent {margin-left:70px}
h4 {margin:2em 40px 1em; font-size:1em}

/* ---- links ---- */
#content a:link, .sidebar a:link, #footer a:link {color:#022D5E; text-decoration:underline}
#content a:visited, .sidebar a:visited, #footer a:visited {color:#022D5E; text-decoration:underline}
#content a:hover, .sidebar a:hover, #footer a:hover  {color:#0075BF; text-decoration:underline}
#content a:active, .sidebar a:active, #footer a:active {color:#022D5E; text-decoration:none}

/* ---- list ---- */
ol ul, ul ul, ul ol {margin-top:1em}
ol ul {list-style-type:disc}
li {margin:0 0 1em 43px; padding:0 0 0 5px}

ul#special {padding-top:1em; list-style:none}
ul#special li {margin:0}
ul#special li a:link,
ul#special li a:visited {
	margin-top:-1px;
	padding:.5em 30px;
	display:block;
	width:88%;
	text-decoration:underline;
	background:#F6F6F6;
	border:1px solid #dfdfdf}
ul#special li a:hover {color:#022D5E; background:#99C8E5}
ul#special li a span {color:#666; font-size:.9em}
ul#special li a:hover span {color:#222}

/* ---- definition list ---- */
dt {
	margin:0;
	padding:0;
	font-size:1.05em;
	font-weight:bold}
dl#articles dt {
	margin:0 0 .25em;
	padding:0 0 0 20px;
	background:transparent url(../images/icon_file.gif) no-repeat 0 .5em}
dd {
	margin:0 0 1.5em;
	padding:0}
dl#articles dd {padding:0 0 0 20px}
dl#articles dd.date {margin:0}

/* ---- table ---- */
table {border-collapse:collapse; background:#E4F0F8 url(../images/bg_info.gif) no-repeat 0 100%}
td {padding:10px; width:50%; vertical-align:top}
table ul {margin:1em}
table ul li {margin:0 0 1em 2em; padding:0 0 0 15px; list-style:none; background:url(../images/bg_headings.gif) no-repeat 0 -587px}

/* ---- linkPreview ---- */
.doc, .pdf, .ppt, .txt, .xls {width:20px; padding:0 20px 0 0; background:url(../images/icon_doc.png) no-repeat 10px 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)}

/* --- toggle ---- */
ol#list {margin-top:2em}
ol#list h2 {
	margin:0;
	padding:0 20px 0 0;
	background-image:none}

ol#list h2.maximize,
ol#list h2.minimize {
	display:inline;
	background:url(../images/toggle_maximize.gif) no-repeat 100% 50%;
	cursor:pointer;
	text-decoration:underline}
ol#list h2.minimize {background-image:url(../images/toggle_minimize.gif)}

/* Header ----------------------------------------------- */
#header {
	width:100%;
	height:170px;
	background:url(../images/bg_header.png) no-repeat 100% 20px}
#bg7 {
	position:absolute;
	top:0;
	left:200px;
	width:400px;
	height:20px;
	background:#FFF}
a#logo {
	position:absolute;
	top:0;
	left:-19px;
	display:block;
	width:221px;
	height:171px;
	background:url(../images/logo.gif) no-repeat 0 0}
a#logo img {display:none}

#phone {
	position:absolute;	
	top:70px;
	right:10%;
	width:214px;
	height:76px;
	background:transparent url(../images/bg_phone.png) no-repeat 0 0}
#phone p {
	text-indent:-9999px;
	font-size:1px}

/* ---- subnav ---- */
#subnav {
	z-index:100;
	position:absolute;
	top:0;
	right:-180px;
	padding:0 0 0 325px;
	width:650px;
	height:20px}
#bg5 {
	position:absolute;
	top:110px;
	right:0;
	width:1px;
	height:108px;
	background:url(../images/bg_nav.gif) no-repeat 0 0}

/* Nav ----------------------------------------------- */
#nav {
	padding:0 0 0 20px;
	height:46px;
	background:#F9F9F9 url(../images/bg_nav.gif) no-repeat 0 -62px}

/* ---- ADxMenu ---- */
.menu, .menu ul, .menu li {margin:0; padding:0; border:0; display:block; list-style:none}
.menu li {position:relative; width:24%; float:left; background:#EEE; z-index:5}
.menu li:hover {z-index:10000; white-space:normal}
.menu li li {width:29em; float:none}
.menu ul {
	visibility:hidden;
	position:absolute;
	z-index:10;
	left:0;
	top:0;
	/* background:#F00; /* uncomment this if you want to see the "safe" area */
	margin:0 0 0 -21px;
	padding:0 20px 20px 20px}

.menu li:hover>ul {visibility:visible; top:100%}
.menu li li:hover>ul {top:0; left:100%}

.menu:after, .menu ul:after {content:"."; height:0; display:block; visibility:hidden; overflow:hidden; clear:both} /* -- float.clear -- */
.menu, .menu ul {min-height:0} /* IE7 float clear: */

.menu li a {
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
	border-right:1px solid #354e6d;
	height:42px;
	font:1.3em/42px Tahoma,"Trebuchet MS",Verdana,sans-serif;
	color:#FCFCFC;
	background:#022b5a url(../images/nav_bg.gif) repeat-x 0 0;
	display:block}
.menu li#nav-last a {border:0}

.menu ul li a,
.menu li.selected li a {
	padding:.5em 2em;
	height:1.5em;
	line-height:1.5em;
	font-size:1.1em;
	text-align:left;
	border:1px solid #354e6d;
	border-width:0 1px;
	color:#022d5e;
	background:none}
.menu ul li:last-child a {border-width:0 1px 1px}

/* menu corners */
li.nav-first a span,
li.nav-last a span {
	position:absolute;
	top:0;
	width:19px;
	height:42px;
	display:block;
	overflow:hidden;
	background:url(../images/nav_corners.gif) no-repeat 0 0}
li.nav-first a span {left:0}
li.nav-last a span {right:0; background-position:-19px 0}

li.first a span {background:url(../images/nav_corners.gif) no-repeat 0 -42px}
li.nav-first a:hover span {background:url(../images/nav_corners.gif) no-repeat 0 -84px}

li.last a span {background:url(../images/nav_corners.gif) no-repeat -19px -42px}
li.nav-last a:hover span {background:url(../images/nav_corners.gif) no-repeat -19px -84px}

/* ---- subnav menu ---- */
#subnav .menu li {width:15%}
#subnav .menu li li {float:none; width:25em}

#subnav .menu li a {
	height:2em;
	line-height:2em;
	font-size:1.1em;
	background-position:0 65%}

#subnav .menu ul li a {
	padding:.5em 2em;
	height:1.5em;
	line-height:1.5em}

#subnav li.nav-first a span,
#subnav li.nav-last span {
	position:absolute;
	top:1px;
	width:19px;
	height:25px;
	background:url(../images/nav_corners.gif) no-repeat 0 -16px}

#subnav li.nav-last span {right:0; background-position:-19px -16px}

#subnav li.nav-first.selected a span {background-position:0 -58px}
#subnav li.nav-first a:hover span {background-position:0 -100px}

/* ---- Search ---- */
#subnav li.nav-last {
	width:240px;
	text-align:center;
	text-decoration:none;
	color:#FCFCFC;
	white-space:nowrap;
	height:2em;
	font:1.1em/2em Tahoma,"Trebuchet MS",Verdana,sans-serif;
	background:#022b5a url(../images/nav_bg.gif) repeat-x 0 65%;
	display:block}
#subnav li.nav-last div {
	font-size:.9em;
	padding:2px 0 0}
html>body #subnav li.nav-last div {padding:0}

form.zoom {position:relative; top:2px}
html>body form.zoom {position:relative; top:0}

#content form.zoom {
	margin:0 40px 1em;
	padding:2em 20px;
	background:#E4F0F8 url(../images/bg_info.gif) no-repeat 0 50%}

input.zoom_query {margin:0; padding:3px 2px 2px; width:110px; color:#000; font-size:.85em; border:1px solid #7db2d4; background:#FFF url(../images/nav_bg2.gif) repeat-x 0 -12px}
#content input.zoom_query {padding:2px; width:70%; font-size:1em}
input.zoom_query:hover {border:1px solid #FF9F14}
input.zoom_query:focus {background:#FFF url(../images/nav_bg2.gif) repeat-x 0 -10px; color:#000}

input.zoom_search {margin:0 5px 0 2px; padding:0; width:20px; height:20px; font-size:.9em; cursor:pointer; border:0; background:#FFF url(../images/search_go.gif) no-repeat 0 0}
input.zoom_search:hover {background:#FFF url(../images/search_go.gif) no-repeat -1px -20px}
html>body li input.zoom_search {margin-bottom:-1px}

/* Search Results */
h4 strong {padding:0 7px 0 0; color:#0075BF}
h4 a {margin:-1.7em 0 0 10px}

p.context {margin-bottom:.5em; font-size:.9em}
p.infoline {color:#666; font-size:.9em; font-style:italic}
p.result_pages {margin-top:4em; padding:10px 5px; background:#EEE; font-weight:bold}
p.result_pages a {margin:0 3px; font:normal .9em verdana,sans-serif}

.menu li:hover>a {background:#FDB728 url(../images/nav_bg3.gif) repeat-x 0 0; color:#000; text-decoration:none}
.menu li:hover>a:hover {background:#FFF url(../images/nav_bg2.gif) repeat-x 0 0; color:#022d5e; text-decoration:underline}
.menu li li:hover>a:hover {background:#FEDB93; text-decoration:underline}

/* selected */
.menu li.selected a {background:#FDB728 url(../images/nav_bg3.gif) repeat-x 0 0; color:#000}
.menu li.selected li.selected a {background:#99C8E5}

/* Main Picture ----------------------------------------------- */
#main-pic {position:relative; height:221px; border:1px solid #c2bebf; border-width:0 1px; background:#F9F9F9}
#pic {position:relative; margin:0 20px; height:221px}
#pic img {position:absolute; top:0; right:0}
#pic_fade {position:absolute; top:0; left:0; width:493px; height:221px; background:url(../images/bg_pic.png) no-repeat 0 0}
#pic p {position:absolute; top:17px; left:0; margin:0; padding:0 2.5%; color:#000; width:40%}

/* wrapper, content ----------------------------------------------- */
#wrapper {position:relative; margin:0 0 20px; background:#F9F9F9 url(../images/bg_content.gif) no-repeat 100% 0}
hr#clear {padding:0 0 17px; visibility:hidden; clear:both}
#content_sizer {
	margin-left:0;	/* = width of #left */
	margin-right:258px}	/* = width of #right */
#content {
	padding:10px 0 0;
	width:100%;
	min-height:45em;
	height:auto !important;
	height:45em;
	background:#F9F9F9 url(../images/bg_content.gif) no-repeat 0 0}

/* ---- home page poll ---- */
#poll {margin:0 40px 2em}
#poll label {font-weight:normal}
#poll input {
	width:auto;
	margin:0 7px -2px 0;
	border:none;
	background:none}

/* Sidebar ----------------------------------------------- */
.sidebar {
	position:relative;
	top:20px;
	right:20px;
	float:right;
	clear:both;
	width:242px;
	min-height:390px;
	height:auto !important;
	height:390px;
	font-size:.9em;
	background:url(../images/bg_sidebar2.gif) repeat-x 0 0}
.sidebar .bg1 {
	position:absolute;
	top:0;
	left:0;
	width:63px;
	height:385px;
	background:url(../images/bg_sidebar1.gif) no-repeat 0 0}
.sidebar h2 {
	margin:0 20px 1em;
	background:url(../images/bg_headings.gif) no-repeat 0 -387px}
.sidebar h2 span {
	font-size:.7em;
	display:block;
	margin:0 0 0 -40px;
	padding:0 0 0 40px;
	background:#eaeaea}

.sidebar ul.links {margin:1em 0 0; padding:0}
.sidebar ul.links li {margin:0 0 1em 40px; padding:0 10px 0 0; font-weight:bold}
.sidebar ul.links li div {font-weight:normal; text-decoration:none; font-size:.9em; color:#666; display:block}

.sidebar p {margin:0 20px 1em}
.sidebar p.note {margin-top:2em}
.sidebar a {position:relative; z-index:100}

blockquote {margin:1em 0 0}
blockquote ul {margin:0 20px 1em; list-style:none; background:url(../images/bg_headings.gif) no-repeat 0 -588px}
blockquote li {margin:0; padding:0 0 0 15px}

.sidebar hr {
	margin-top:16px;
	margin-bottom:16px;
	height:1px;
	border:none 0;
	background:#0075bf;
	color:#0075bf;
	width:90%;
	margin-left:10px
}

/* ---- Text Size ---- */
.text-size {margin:0 0 10px; min-height:70px; height:auto !important; height:70px; font:1em/1.5 Tahoma,"Trebuchet MS",Verdana,sans-serif; color:#383838}
.text-size ul {margin:19px 0 0 20px; padding:0}
.text-size li {margin:0; padding:5px 0 0; float:left; list-style:none}
.text-size a:link,
.text-size a:visited {display:block; margin:-3px 10px 0; padding:3px 0; width:2.5em; color:#2B2B2B; font:bold 1em/1.5 Verdana,Tahoma,sans-serif; text-decoration:none; text-align:center; border:1px solid #b3b3b3; background:#EEE}
li#text-medium a {background:#FF9F14}

li#text-medium a:hover,
li#text-large a:hover,
li#text-xlarge a:hover {color:#FFF; background:#0075BF}

.text-size .bg1 {min-height:70px; height:auto !important; height:70px}

/* ---- sidebar picture ---- */
.picture {position:relative; top:20px; right:20px; float:right; clear:both; margin:0 0 10px; width:238px; text-align:center}

/* Footer ----------------------------------------------- */
#footer {
	position:relative;
	clear:both;
	margin:0 0 20px;
	padding:10px 0 0;
	width:100%;
	height:15em;
	font-size:.8em;
	border-top:1px solid #d9e9f3;
	background:#F9F9F9 url(../images/corners.gif) no-repeat -47px -47px}
#footer ul {
	margin-left:20px;
	padding:0 0 10px;
	list-style:none;
	float:left}
html>body #footer ul {margin-left:40px}
#footer li {
	margin:0;
	padding:0;
	float:left}
#footer li a {
	display:block;
	margin:0 10px;
	padding:5px;
	border:1px solid #b3b3b3}
#footer li a.acrs {background:#DFDFDF}
#footer li a.seamar {padding:10px 5px}
#footer li a:hover {border:1px solid #FF9F14}

#footer p {
	margin:0;
	padding:20px 0 0;
	width:100%;
	position:absolute;
	bottom:10px;
	left:0;
	background:url(../images/footer_line.gif) no-repeat 40px 0}
#footer p span {padding-left:40px}
#footer p span.updated {padding-right:40px; float:right}

.back {
	z-index:100;
	position:absolute;
	top:-58px;
	right:0;
	margin:0 40px;
	padding:0 0 0 15px;
	background:url(../images/bg_headings.gif) no-repeat 0 -535px;
	text-align:right}

#footer #bg6 {position:absolute; top:-10px; right:-10px; background:url(../images/footer_triangles.png) no-repeat 0 0; width:151px; height:119px}

/* ---- Corners ---- */
#bg2, #bg2a,
#bg3, #bg3a,
#bg4, #bg4a {position:absolute; width:48px; height:48px; background:url(../images/corners.gif) no-repeat 0 -47px}
#bg2 {top:0; right:0}
#bg2a {top:19px; right:0}
#bg3 {bottom:0; left:0; background-position:-47px 0}
#bg3a {top:-69px; left:0; background-position:-47px 0}
#bg4 {bottom:0; right:0; background-position:0 0}
#bg4a {top:-69px; right:0; background-position:0 0}

/* Forms ----------------------------------------------- */
fieldset {padding:20px 0; background:url(../images/footer_line.gif) no-repeat 0 0}
fieldset span {color:#F00; font-weight:bold}
fieldset h2 span {font-size:.7em}
fieldset dl {margin:0; padding:0}
fieldset dt {margin:13px 0 2px; padding:0}
fieldset dd {margin:0; padding:0}
fieldset h2 {position:relative; top:0; left:-15px; margin:20px 0 .5em; padding:10px 0 0 40px}
fieldset h3 {margin:0; padding:2em 0 0; font-size:1.1em; color:#022d5e}
fieldset p {margin:0 28px 1em; font-size:.9em}

label {font-weight:bold; cursor:pointer}
dt.check label {font-size:.9em}
input, textarea, select {
	width:300px;
	padding:4px;
	font:1em verdana,arial,sans-serif;
	border:1px solid #DFDFDF;
	border-bottom:1px solid #B6B6B6;
	border-right:1px solid #B6B6B6;
	background:#EEE}
textarea {overflow:auto; margin:0 0 -2px}
select {width:311px}
html>body select {width:310px}

input:hover, textarea:hover, select:hover {border:1px solid #FF9F14; background:#EEE}
input:focus, textarea:focus, select:focus {border:1px solid #99C8E5; background:#FFF}

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

input.submit, input.reset {
	cursor:pointer;
	margin:50px 0 0;
	width:154px;
	display:inline;
	background:#FFF url(../images/nav_bg2.gif) repeat-x 0 -9px}
input.submit:hover, input.reset:hover,
input.submit:focus, input.reset:focus {
	border:1px solid #354e6d;
	background:#022b5a url(../images/nav_bg.gif) repeat-x 0 -1px;
	color:#FCFCFC}

input#city, input.city {width:196px}
input#state, input.state {width:30px}
input#zip, input.zip {width:46px}
input.cc-expiration-month, input.cc-expiration-year {width:30px}
input#article-url {width:100%; color:#666}
.message {display:none}

input.validation-failed, textarea.validation-failed {border:1px solid #F00; color:#F00}
.validation-advice {margin:-1px 0 5px; padding:4px; background:#F00; color:#FFF; width:302px}
dd.donation-amount .validation-advice {margin-left:12px}

/* ---- video ---- */
#video {
	width:320px;
	margin:0 auto;
	padding:10px;
	border:1px solid #b3b3b3;
	background:#7cb7dc;
	z-index:1;	
}