/* CSS Document */

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

form {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:.75em/1.4 Verdana,sans-serif;
	background:url(../images/bg.gif) repeat 0 0;
	color:#000}
hr {
	border:0;
	width:100%;
	color:#6f0f0f;
	height:1px}

/* Universal Properties ----------------------------------------------- */
h3 {margin:0 10px 1em; padding:0}
h2 {margin:0 10px 1em; padding:0}
h1 {margin:0 10px 1em; padding:0}
li {margin:0 10px 1em; padding:0}
ul {margin:0 10px 1em; padding:0}
p {margin:0 10px 1em; padding:0}
p.indent {margin:0 10px 10px 25px; padding:0}
acronym {cursor:help}
	
abbr {cursor:help}
	
a:link {color:#003768; text-decoration:underline}
a:hover {color:#003768; text-decoration:none}
a:visited {color:#467baa; text-decoration:underline}

/* ---- lists ---- */
ul {margin-left:35px; line-height:1.6;}
li {margin:0 0 5px 8px}
ul li ul {margin-top:10px}
ul.pict1{margin:0 10px 0 190px}

ul.text {margin-left:35px; line-height:1.6; font-size:1.1em}

/* ---- headings ---- */
h1 {
	color:#003768;
	font:1.6em Georgia,"Times New Roman",Times,serif;
	font-weight:normal;
	margin:20px 10px 27px 10px}
	
h1.event {
	color:#003768;
	font:1.2em Georgia,"Times New Roman",Times,serif;
	font-weight:normal;
	line-height:1.5em;
	margin:20px 10px 10px 10px}

h2 {
	color:#6f0f0f;
	font:1.2em Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	margin:20px 10px 15px 8px;
	padding-bottom:2px;
	border-bottom:1px solid #6f0f0f;
}
	
h2 a:link {color:#003768; text-decoration:none}
h2 a:hover {color:#003768; text-decoration:underline !important}
h2 a:visited {color:#467baa; text-decoration:none}
	
h3 {
	color:#6f0f0f;
	font:1.2em Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	margin:15px 10px 3px 10px;
	padding-bottom:10px}
	
h4 {
	color: #6F0F0F;
	font:1.1em Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	line-height:1.5em;
	margin:15px 10px 20px 10px;
}

/* ---- Donation Form ----- */
table.donate {
	border-width:0;
	width:90%;
	table-layout: fixed}
table.donate td {
	border-width:0;
	padding: 3px;
	width:50%;
	font-weight:normal;
	text-align: left;
	vertical-align:top}
table.donate tr {
	border-width:0;
	padding:3px}

table.ssl {
	border-width:0;
	margin:225px 0 0 0;
	padding:0;
	table-layout: fixed}

/* ---- container ---- */
#container_top {
	margin:0 auto;
	width:770px}

#container_bottom {
	margin:0 auto;
	width:760px;
	border-left:5px solid #FFF;
	border-right:5px solid #FFF;
	background:#FFF url(../images/container_bottom.gif) repeat-y 0 0;
	display:table}

#container_bottom_sub {
	position:relative;
	margin:0 auto;
	width:760px;
	border:5px solid #FFF;
	border-width:0 5px;
	background:#FFF url(../images/container_bottom_sub.gif) repeat-y 0 0}

#container_bottom_sub p.top {
	text-align:right;
	font-size:.75em}
	
.nobg {background-image:none !important}


/* ---- top ----- */
#banner_top {
	width:765px;
	height:146px;
	border-left:5px solid #FFF;
	background:#d5d9dc;
	clear:both}
#banner_bottom {
	width:765px;
	height:151px;
	border-left:5px solid #FFF;
	background:#f9e1ba;
	clear:both}

.bannertop_1a {background:url(../images/bannerpics.gif) no-repeat !important}
.bannertop_1b {background:url(../images/bannerpics.gif) no-repeat 0 -146px !important}

.bannertop_2a {background:url(../images/gethelp-pict1.jpg) no-repeat -5px 0 !important}
.bannertop_2b {background:url(../images/gethelp-pict1.jpg) no-repeat -5px -146px !important}

.bannertop_3a {background:url(../images/givehelp-pict1.jpg) no-repeat -5px 0 !important}
.bannertop_3b {background:url(../images/givehelp-pict1.jpg) no-repeat -5px -146px !important}

.bannertop_4a {background:url(../images/learnmore-pict.jpg) no-repeat -5px 0 !important}
.bannertop_4b {background:url(../images/learnmore-pict.jpg) no-repeat -5px -146px !important}

.bannertop_5a {background:url(../images/givehelp-pict.jpg) no-repeat -5px 0 !important}
.bannertop_5b {background:url(../images/givehelp-pict.jpg) no-repeat -5px -146px !important}


.logo {
	position:relative;
	top:23px;
	left:10px}

#main_nav {
	width:191px;
	height:151px;
	float:left}

#phrase {
	width:574px;
	height:121px;
	color:#003768;
	padding:30px 0 0 0;
	font:1.6em/1.6 Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	float:right}

/* ---- navigation area ----- */
#mid_nav {
	width:760px;
	height:29px;
	border:5px solid #FFF;
	background:#2d4962;
	clear:both}
#h_nav {
	width:664px;
	height:27px;
	float:left}
#textsize {
	width:96px;
	height:27px;
	float:right;}

/* ---- body ----- */
#content_main {
	width:541px;
	min-height:432px;
	height:auto !important;
	height:432px;
	margin-right:6px;
	margin-bottom:5px;
	background:#FFF url(../images/maincontent_bg2.gif) no-repeat 0 0;
	float:left;
	position:relative}

#content_main p {
	font:1.1em/1.55 Verdana, Arial, Helvetica, sans-serif;
	margin:5px 30px 0 200px}

#content_main a.message {
	display:block;
	width:149px;
	height:94px;
	position:absolute;
	left:18px;
	top:118px;
}

#content_sub {
	width:541px;
	min-height:431px;
	height:auto !important;
	height:431px;
	margin:0 6px 5px 0;
	background:#ececec url(../images/subcontent_bg.gif) repeat-x 0 0;
	float:left}

#content_sub p {font:1.1em/1.55 Verdana, Arial, Helvetica, sans-serif}

#content_sub img {
	float:left;
	margin:0 10px;
	padding:3px}

img.right{
	float:right !important;
	margin:0 8px;
	padding:3px;
	border: 2px solid #2d4962;
}

img.highlights{
	text-align:center;
	margin:0 8px 0 10;
	padding:3px;
	border: 1px solid #c5c5c5;
}

#content_sub img.nl {
	float:none;
	text-align:center;
	margin:0 10px;
	padding:3px}

#content_sub img.sponsor {
	float:none;
	margin:0 10px;
	padding:3px}

#content_sub img.normal {
	float:none;
	margin:0 0 0 10px;
	padding:0}

#content_sub img.pdf {margin:0; padding:0; float:none !important}

#content_sub img.pic2 {
	float:left;
	margin:5px 10px 1em 0;
	padding:3px}
	
#tour {text-align: center}

#tour img.displayed {
	display:block;
	margin-left:60px;
	margin-right:auto}

.red_heading {color:#6f0f0f; font-weight:bold}

#highlights {
	width:211px;
	min-height:430px;
	height:auto !important;
	height:430px;
	background:#f9e1ba;
	border:1px solid #d8ba88;
	border-bottom:0;
	float:right}

#highlights_sub {
	width:211px;
	min-height:150px;
	height:auto !important;
	height:150px;
	background:#f9e1ba;
	border:1px solid #d8ba88;
	border-bottom:none;
	float:right}

#hotline {
	width:213px;
	height:55px;
	background:url(../images/hotline_bg.gif) no-repeat 0 0;
	float:right;
	color:#FFF;
	font-weight:bold;
	font-size:1.2em;
	line-height:.9em;
	padding-top:6px;
	margin-top:25px;
	text-align:center}

.hotline_number {
	color:#3b0000;
	padding-left:50px;
	text-align:left}

#highlights_sub li {
	position:relative;
	width:150px;
	left:-34px;
	list-style:none;
	background:url(../images/highlights_bullet.gif) no-repeat 0 2px;
	padding-left:16px;
	font-size:.9em}

#highlights li {
	position:relative;
	list-style:none;
	background:url(../images/highlights_bullet.gif) no-repeat 0 2px;
	padding-left:16px;
	margin:8px 0 0 -20px;
	font-size:.9em}

#highlights_sub li.selected a {color:#756a6a; text-decoration:none}
#highlights_sub a {color:#6f0f0f; font-weight:bold}
#highlights a {color:#6f0f0f; font-weight:bold}
#highlights_sub a:hover {text-decoration:none}
#highlights a:hover {text-decoration:none}

#ssl {
	width:213px;
	height:55px;
	float:right;
	color:#FFF;
	font-weight:bold;
	font-size:.95em;
	line-height:.9em;
	padding-top:6px;
	margin-top:25px;
	text-align:center}
	
#staff {
	width:213px;
	float:right;
	color:#2d4962;
	font-weight:bold;
	font-size:1em;
	padding-top:5px;
	margin-top:25px;
	text-align:center}
	
#slideshow_main {
	width:380px;
	height:507px;
	float:left;
	background:url(../images/slideshow_bg.jpg) no-repeat 0 0;
}

#slideshow_side {
	width:320px;
	height:350px;
	padding:40px 30px;
	float:right;
	font:1.1em/1.3 Arial, Helvetica, sans-serif;
	background:#fff;
}

#slideshow_title {
	width:380px;
	height:47px;
	padding-top:30px;
	float:right;
	color:#fff;
	background:#242021;	
}

#slideshow_contact {
	width:300px;
	height:77px;
	padding-top:20px;
	padding:30px 40px 0;
	color:#fff;
}

#slideshow_contact p {text-align:center; font-weight:bold}

#slideshow_title p {text-align:center; font-weight:bold}
#slideshow_contact a {color:#fff; text-decoration:none}
#slideshow_contact a:hover {text-decoration:underline}

/* ---- footer ----- */
#footer_top {
	width:760px;
	height:13px;
	background:#FFF url(../images/footer_topborder.gif) no-repeat 0 0;
	clear:both}
#footer_top_sub {
	width:760px;
	height:13px;
	background:#FFF url(../images/footer_topborder_sub.gif) no-repeat 0 0;
	clear:both}
#footer_top_sub_nobg {
	width:760px;
	height:13px;
	background:#FFF url(../images/footer_topborder_sub_nobg.gif) no-repeat 0 0;
	clear:both}
#footer {
	width:760px;
	height:20px;
	font-size:.75em;
	background:#FFF;
	color:#06192b;
	padding-top:4px;
	clear:both}

#footer a {color:#06192b}
#footer a:hover {text-decoration:none}

/* ---- vertical navigation ----- */
.v_menu li {margin:0; padding:0; border:0; list-style:none none}

.v_menu ul {margin:0; padding:0; border:0; list-style:none none}

.v_menu {margin:0; padding:0; border:0; list-style:none none}

.v_menu {width:191px}

.v_menu li {
	position:relative;
	z-index:5;
	float:left;
	width:100%;
	font:1.6em/1.6 Verdana,sans-serif;
	font-weight:bold;
	color:#FFF}

.v_menu li:hover {z-index:10000; white-space:normal}

.v_menu ul {
	visibility:hidden;
	position:absolute;
	z-index:10;
	left:0;
	top:0;
	width:100%;
	background-image:url(../images/empty.gif); /* required for sticky to work in IE6 and IE7 */
	/* background:#F00; /* uncomment this if you want to see the "safe" area. */
}

.v_menu li:hover>ul {visibility:visible; left:100%}

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

.v_menu a.get {
	display:block;
	margin:0;
	padding:15px 0 0 26px;
	width:165px;
	height:37px;
	color:#FFF;
	text-decoration:none;
	background:url(../images/menus/get_buttons.gif) no-repeat 0 0}

.v_menu a.give {
	display:block;
	margin:0;
	padding:13px 0 0 26px;
	width:165px;
	height:37px;
	color:#FFF;
	text-decoration:none;
	background:url(../images/menus/give_buttons.gif) no-repeat 0 0}

.v_menu a.learn {
	display:block;
	margin:0;
	padding:13px 0 0 26px;
	width:165px;
	height:36px;
	color:#FFF;
	text-decoration:none;
	background:url(../images/menus/learn_buttons.gif) no-repeat 0 0}
	
.v_menu a {color:#FFF; text-decoration:none}

/* ---- v_menu selected ---- */
.v_menu li.selected a.get {background:url(../images/menus/get_buttons.gif) no-repeat 0 -104px}
.v_menu li.selected a.give {background:url(../images/menus/give_buttons.gif) no-repeat 0 -100px}
.v_menu li.selected a.learn {background:url(../images/menus/learn_buttons.gif) no-repeat 0 -98px}

/* ---- v_menu hover ---- */
.v_menu li:hover>a.get {background:url(../images/menus/get_buttons.gif) no-repeat 0 -52px}
.v_menu li:hover>a.give {background:url(../images/menus/give_buttons.gif) no-repeat 0 -50px}
.v_menu li:hover>a.learn {background:url(../images/menus/learn_buttons.gif) no-repeat 0 -49px}

/* ---- horizontal navigation ----- */
.h_menu {
	margin:0;
	padding:0;
	border:0;
	display:block;
	list-style:none}

.h_menu ul {
	margin:0;
	padding:0;
	border:0;
	display:block;
	list-style:none}

.h_menu li {
	margin:0;
	padding:0;
	border:0;
	display:block;
	list-style:none}

.h_menu li {
	margin:0 0 0 -1px;
	border-right:1px solid #FFF;
	border-left:1px solid #FFF;
	float:left;
	position:relative;
	z-index:5}

.h_menu li:hover {
	z-index:10000;
	white-space:normal}

.h_menu li li {
	margin:-1px 0 0 -1px;
	float:none}

.h_menu ul {
	visibility:hidden;
	position:absolute;
	z-index:10;
	left:0;
	top:0;
	width:15em;
	margin:1px 0 0 -20px;
	padding:0 20px 20px 20px;
	/* background:#F00; /* uncomment this if you want to see the "safe" area */
	background-image:url(../images/empty.gif)}

.h_menu ul ul {
	margin:-20px 0 0 1px;
	padding:20px 20px 20px 0}

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

/* -- float.clear -- force containment of floated LIs inside of UL */
.h_menu ul:after {content:"."; height:0; display:block; visibility:hidden; overflow:hidden; clear:both}
.h_menu:after {content:"."; height:0; display:block; visibility:hidden; overflow:hidden; clear:both}
.h_menu ul {min-height:0}	
.h_menu {min-height:0}	/* IE7 float clear: */
/* -- float.clear.END --  */

.h_menu a {
	padding:6px 12px 4px 12px;
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
	background:#2d4962;
	display:block}

/* ---- h_menu selected ---- */
.h_menu li.selected li.selected a {background:#0d2a44; color:#FFF}
.h_menu li.selected a {background:#0d2a44; color:#FFF}
.h_menu li.exit a {background:#ffd617; color:#342b00}

/* ---- h_menu hover ---- */
.h_menu li:hover > a:hover {background:#ffa817; color:#FFF}
.h_menu li:hover > a {background:#ffa817; color:#FFF}

/* ---- text size ----- */
.text_menu li {
	margin:0;
	padding:0;
	border:0;
	display:block;
	list-style:none}

.text_menu ul {
	margin:0;
	padding:0;
	border:0;
	display:block;
	list-style:none}

.text_menu {
	margin:0;
	padding:0;
	border:0;
	display:block;
	list-style:none}

.text_menu li {
	margin:0 0 0 -1px;
	border-left:1px solid #FFF;
	float:left;
	position:relative;
	z-index:5}
	
.text_menu li li {
	width:100px;
	margin:-1px 0 0 -1px;
	border:1px solid #FFF;
	float:left;
	position:relative;
	z-index:5}

.text_menu li:hover {
	z-index:10000;
	white-space:normal}

.text_menu ul {
	visibility:hidden;
	position:absolute;
	z-index:10;
	left:0;
	top:0;
	width:80px;
	margin:1px 0 0 -20px;
	padding:0 20px 20px 20px;
	/*background:#F00; /* uncomment this if you want to see the "safe" area */
	background-image:url(../images/empty.gif)}

.text_menu ul ul {
	margin:-20px 0 0 1px;
	padding:20px 20px 20px 0}

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

/* -- float.clear --
	force containment of floated LIs inside of UL */
.text_menu ul:after {content:"."; height:0; display:block; visibility:hidden; overflow:hidden; clear:both}
.text_menu:after {content:"."; height:0; display:block; visibility:hidden; overflow:hidden; clear:both}
.text_menu ul {min-height:0}	
.text_menu {min-height:0}	/* IE7 float clear: */
/* -- float.clear.END --  */

.text_menu a {
	padding:6px 34px 4px 5px;
	text-decoration:none;
	color:#FFF;
	background:#2d4962 url(../images/menus/textsize_up.gif) no-repeat;
	display:block}

.text_menu li li a {background:#2d4962; padding-right:0}

/* .menu a:hover {} */
.text_menu li:hover>a:hover {background:#ffa817 url(../images/menus/textsize_over.gif); color:#FFF}
.text_menu li li:hover>a:hover {background:#ffa817; color:#FFF}
.text_menu li:hover>a.textsize {background:#ffa817 url(../images/menus/textsize_over.gif); color:#FFF}

.text_menu li li a.size_M {background:#0d2a44}
.text_menu li li a.size_L {background:#2d4962}
.text_menu li li a.size_XL {background:#2d4962}

/* ---- eNewsletter signup ----- */

form#e_news input#namebox {
	border:1px solid #5e251f;
	margin-left:10px;
	width:140px;
	height:18px}

form#e_news input#submit {
	background:url(../images/signup.gif) no-repeat 0 0;
	width:44px;
	height:22px;
	border:0;
	position:relative;
	top:0;
	cursor:pointer}
	
/* ---- form ---- */
fieldset {border:0; margin:0; padding:0 0 0 10px; width:500px}
legend {
	margin:0;
	padding:0;
	color:#400;
	font:bold 1.2em/1.5em verdana,sans-serif}
html>body legend {margin:0}

fieldset span {color:#F00; font-weight:bold}
fieldsetdl {margin:0; padding:0}
fieldset dt {margin:17px 0 2px; padding:0}
fieldset dd {margin:0; padding:0}

textarea.validation-failed {
	border:1px solid #6f0f0f;
	color:#F00}

input.validation-failed {
	border:1px solid #6f0f0f;
	color:#F00}

.validation-advice {
	margin:-1px 0 5px;
	padding:4px;
	color:#6f0f0f;
	background:#FFF;
	width:250px}
html>body .validation-advice {background:transparent}

/* ---- News Plugins ---- */


p.date{
	font-style:italic;
	color:#555555;
	margin-left:0;
	font-size:.85em;
}

li.details{
	margin:10px 0 10px 30px;	
	padding:0;}

h3.details{
	margin:20px 0 0 0;
	padding:0;
	font-weight:bold;
	font-size:1.1em;
	text-transform:none;
}

h2.details{
	margin:20px 0 0 20px;
	padding:0;
	font-weight:bold;
	font-size:1.2em;
	text-transform:none;
}

p.date2{
	font-style:italic;
	color:#555555;
	margin-left:20px;
	font-size:.85em;
}

p.details{
	margin-left:20px;
}

.donate{
	margin-left:7px;
}

/* ---- Shout ---- */

#shout{
	margin:0 0 5px 8px
}

/* ---- Slideshow ---- */
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:380px; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:380px; height:400px}
#information {display:none; position:absolute; bottom:0; width:380px; height:0; background:#232020; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:380px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(../images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(../images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:330px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}
#thumbnails {display:none}
#slideright {display:none}
#slideleft {display:none}