/* CSS Document */
html, body { height: 100%; 	background-color:#012778;}

/* RESET
************************************************************/
body, h1, h2, h3, h4, h5, h6, p, ul, dl, dt, dd, li, address, form, fieldset, hr, blockquote {
	margin: 0;
	padding: 0;
	border: 0;
	z-index:1;
}
img, fieldset { border: none; }

a { text-decoration: none; }
li {
	list-style-type: none;
}
a img { border: 0; }
abbr, label { cursor: pointer; }
table { border-collapse: collapse; }
img {
	vertical-align:middle;
}

/* GLOBAL
************************************************************/

h1 {
	margin-bottom:1em;
	font-weight:normal;
	font-size:16px;
}
body {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	line-height:150%;
	color:#232b54;
	padding-bottom:10px;
	width:100%;
	height:auto !important;
	min-height:500px;
	height:500px;

}
a {
	color:#df8f07;
	text-decoration:underline;
}
a:hover, a:focus {
	color:#002679;
}
a.btn {
	background:url(../img/btn_bg.gif) bottom left repeat-x;
	color:#3e3e3e;
	text-decoration:none;
	padding:5px;
	border-bottom:#5d0002 solid 1px;

}
#pageholder {
	text-align:left;
	margin:0 auto;
	width:950px;
	background:#fff url(../img/bg_r.jpg) top left repeat-x;
}
body#homepage #pageholder {
}
#all {
}
p { margin: 1.02em 0; }

ul {
	margin:1.02em 0 1.02em 30px;
	line-height:150%;
}

ul li {
	display:list-item;
	list-style-type:disc;
}

h2 {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:18px;
	color:#d99503;
	font-weight:normal;
	margin:0 0 .5em 0;
}
h2.white {
	color:#FFFFFF;
}

h3 {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:14px;
	color:#232B54;
	font-weight:bold;
	margin:0 0 .5em 0;
}

/* TOP
************************************************************/
#all #top {
	background:url(../img/top_bg.jpg) top left no-repeat;
	height:246px;
	position: relative;
	z-index: 1000;
}

#all #top .skipto {
	font-size:0;
	position:absolute;
	left:-4000px;
}
#all #top .skipto:active, #all #top .skipto:focus {
	background:#fff;
	font-size:100%;
	padding:13px 0px 0px 20px;
	position:absolute;
	left:0;
	outline:none;
}
#all #top h1 {
	font-size:12px;
	font-weight:normal;
	text-indent:-4000px;
	line-height:100%;
	margin:53px 0 0 0;
	padding:0;
	float:left;
	display:inline;
	clear:left;
}
#all #top h1 a {
	color:#faf1e8;
	text-decoration:none;
}
#all #top h1 a:focus, #all #top h1 a:active {
	outline:#6C6C6C solid 1px;
}

/* SITESNAV
************************************************************/
.sitesnav {
	margin:3px 0px 0px 60px;
	float:left;
	display:inline;
	
}
.sitesnav li {
	list-style-type:none;
	display:inline;
	
}
.sitesnav li a {
	line-height:100%;
	color:#fff;
	padding:0 7px;
	border-left:#fff solid 1px;
	float:left;
	display:inline;
}
.sitesnav li.first a {
	padding-left:0;
	border:none;
}

/* MAINNAV
************************************************************/
#all #navitems {
}
#all #mainnav {
}
#all #mainnav li {
	/*display:inline;*/
}
#all #mainnav li a {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	line-height: 100%;
	color:#001b99;
	padding:0 10px;
	border-left:#001b99 solid 1px;
	float:left;
	display:inline;*/
}
#all #mainnav li.first a {
	/*border:none;*/
}
#all #mainnav li a:hover, #all #mainnav li a:active, #all #mainnav li a:focus {
	/*background-position:0 0;
	outline:none;*/
}

/* FLASH
************************************************************/
#all #flashIntro {
	margin:0px 0 0 0px;
	width:669px;
	float:left;
	display:inline;
}

/* FLASH
************************************************************/
#all #fastAccessButtons {
	font-size:10px;
	line-height:130%;
}

#all #fastAccessButtons .button {
	margin:0;
	margin-bottom:1px;
	width:199px;
	height:91px;
	background-image: url(../img/sidebox_bg.jpg);
	background-repeat:no-repeat;
}

#all #fastAccessButtons .button-content {
	padding:10px 75px 0 10px;
	height:81px;
	background-position:right top;
	background-repeat:no-repeat;
	}

#all #fastAccessButtons .button1,
#all #fastAccessButtons .button2,
#all #fastAccessButtons .button3,
#all #fastAccessButtons .button4 {
	margin:0;
	padding:11px 0 0 15px;
	width:110px;
}
#all #fastAccessButtons .button1 {
	height:80px;/*91px*/
}
#all #fastAccessButtons .button2 {
	height:79px;/*90px*/
}
#all #fastAccessButtons .button3 {
	height:79px;/*90px*/
}
#all #fastAccessButtons .button4 {
	height:79px;/*90px*/
}
#all #fastAccessButtons span {
	/*color:#fff;*/
	color:#002679;
	text-transform:uppercase;
	font-weight:bold;
}
#all #fastAccessButtons a {
	color:#232b54;
}

/* CONTENT
************************************************************/
#all #stripe {
	border-top:#f3cc15 solid 11px;
	margin-top:10px;
	padding-top:10px;
}

#all #stripe h1 {
	font-size:21px;
}


#all #content {
	margin:0 0 0 38px;
	width:882px;/*882*/
	float:left;
	display:inline;
	clear:both;
	position: relative;
	z-index: 0;
}
#all #stripe #homewrapper{
	background:url(../img/home_bg.gif) repeat-y;
	width: 882px;
	float:left;
	display:inline;
}
#all #stripe #homewrapperSub{
	background:url(../img/home_bg_2.gif) repeat-y;
	width: 882px;
	float:left;
	display:inline;
}

#all #content h3 {
	color:#000060;
	font-size:116.66%;
	/*font-weight:normal;*/
	font-weight:bold;
	margin:10px 0 3px;
	clear:both;
}
#all #content h4 {
	font-size:120%;
	font-weight:normal;
	color:#000060;
	margin:3px 0 3px;
	clear:both;
}
#all #content p {
	margin:1em 0;
	text-align:left;
}
#all #content .date {
	color:#707070;
	margin:0;
}
#all #content .text {
	margin:0;
}
#all #content .more {
	padding:0;
	margin:0;
}
#all #content .more a {
	background:url(../img/more_bg.gif) center right no-repeat;
	text-align:right;
	margin:0 0px 0 0;
	padding: 0 20px 0 0;
	display:inline;
}



/* SUBNAV ITEMS
************************************************************/


/* MAIN CONTENT
************************************************************/
#all #content #maincontent {
	width:630px;
	float:left;
	display:inline;
}
#all #content #maincontent h2 {
}
#all #content #maincontent h3 {
}
#all #content #maincontent p {
}
#all #content #maincontent ul {
	margin:1.02em 0 1.02em 50px;
	line-height:150%;
}
#all #content #maincontent ul li {
	background:url(../img/bulletstar.gif) 0 4px no-repeat;
	padding:0 0 0 14px;
	display:block;
	list-style-type:none;
}

/* ADDITIONAL CONTENT
************************************************************/
#all #additionalcontent {
	width:300px;
	float:right;
	display:inline;
}

/* CONTENT FOR FRONTPAGE
************************************************************/
#all #content .videosbox {
	
	margin:0 24px 0 0;
	width:321px;
	float:left;
}
#all #content .videosbox h2 {
	margin-top:0;
}
#all #content .videosbox h3 {
	font-size:14px;
	font-weight:bold;
	color:#000060;
	margin-bottom:0px;
}
#all #content .videosbox .lead {
	font-size:13px;
	font-weight:bold;
	color:#d99503;
	margin-top:0px;
}
.spotlights {
	list-style-type:none;
	margin:0;
	padding:0 0 10px 0;
	width:321px;
}
.spotlights li {
	list-style-type:none;
	display:inline;
}
.spotlights li a {
	margin:0 13px 10px 0;
	float:left;
	display:inline;
}
.spotlights li.first a {
	margin:0 0 0 0px;
}
.videosbox .more a {
	padding:5px 0 0 0;
	text-align:left;
	clear:both;
}
#all #content .ctabox {
	width:312px;
	float:left;
}
#all #content .ctabox .action {
	margin-bottom:10px;
	width:312px;
	float:left;
}
#all #content .ctabox h2 {
	margin-top:0;
}
#all #content .ctabox h3 {
	font-weight:bold;
	margin:0;
	width:210px;
	clear:none;
}
#all #content .ctabox .more a {
	margin:0;
	padding:0;
	width:210px;
}
#all #content .ctabox .image {
	float:right;
}
#all #content .newsbox {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#all #content .newsbox h2 {
	margin-top:0;
}
#all #content .newsbox p {
}
#all #content .newsbox .newsitem {
	padding:8px 0;
	border-top:#cbcbcb solid 1px;
}
#all #content .newsbox .newsitem.first {
	padding:0 0 10px 0;
	border:none;
}
#all #content .newsbox .newsitem h3 {
	font-size:12px;
	font-weight:bold;
	margin:0 0 0px 0px;
}
#all #content .newsbox .newsitem h3 a {
	color:#000060;
	text-decoration:none;
}
#all #content .newsbox .newsitem p {
	font-size:11px;
	line-height:130%;
	text-align:left;
	margin:3px 0px 0px 0;
	padding:0;
}
#all #content .newsbox .newsitem .more a {
	margin:0;
	padding:0;
}
#all #content .quickactionsbar {
	/* background:#57b7e7;*/
	float:left;
	display:inline;
	clear:both;
	margin-top:20px;
}
#all #content .quickactionsbar .quickaction {
	height:auto !important;
	height:127px;
	min-height:127px;
	float:left;
	display:inline;
}
#all #content .quickactionsbar .quickaction.action1 {
	background:url(../img/isite_box_bg.jpg) bottom left no-repeat;
	width:232px;
}
#all #content .quickactionsbar .quickaction.action1 h3 {
	margin:10px 0 5px 16px;
}
#all #content .quickactionsbar .quickaction.action1 p {
	margin:0px 0 5px 16px;
}
#all #content .quickactionsbar .quickaction.action2 {
	background:url(../img/shop_box_bg.jpg) bottom left no-repeat;
	width:250px;
}
#all #content .quickactionsbar .quickaction.action2 h3 {
	margin:10px 0 7px 16px;
}
#all #content .quickactionsbar .quickaction.action2 p {
	margin:0px 0 5px 16px;
	width:130px;
}
#all #content .quickactionsbar .quickaction.action3 {
	background:url(../img/facebook_group_box_bg.jpg) bottom left no-repeat;
	width:234px;
}
#all #content .quickactionsbar .quickaction.action3 h3 {
	margin:10px 0 7px 11px;
}
#all #content .quickactionsbar .quickaction.action3 p {
	margin:0px 12px 5px 11px;
}
#all #content .quickactionsbar .quickaction.action3 p.more {
}
#all #content .quickactionsbar .quickaction.action3 p.more a {
	padding:0;
}
#all #content .quickactionsbar .quickaction.action4 {
	background:url(../img/newsletter_box_bg.jpg) bottom left no-repeat;
	width:166px;
	float:right;
}
#all #content .quickactionsbar .quickaction.action4 h3 {
	margin:12px 0 0 11px;
}

#all #content .quickactionsbar .quickaction.action4 legend {
	font-size:10px;
	color:#000000;
	padding:5px 12px 0px 11px;
}
#all #content .Newsletter {
	padding:12px 0 0 11px;
}
#all #content .quickactionsbar .quickaction.action4 p {
	margin:0px 12px 0px 11px;
}

/* NEWSLETTERBOX
************************************************************/
#all #content #nl {
	
}
#all #content #nl fieldset {
	
}
#all #content #nl input {
	background:url(../img/input_bg.gif) top left no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#2f2f2f;
	margin:0 0px 0px 11px;
	padding:10px 0px 0px 10px;
	border:0;
	border:none;
	height:22px;/*32*/
	width:55px;/*65*/
	float:left;
	display:inline;
}
#all #content #nl input.submit {
	background:url(../img/submit_short_bg.gif) top left no-repeat;
	text-indent:-4000px;
	color:#3a3a3a;
	margin:0 0px 0px 0;
	padding:0px;
	width:32px;
	height:32px;
	float:left;
}
#all #content #nl input.submit:hover {
	cursor:pointer;
}

/* GALLERY SLIDESHOW BOX
***********************************************************/
#all #content .galleryslideshowbox {
	background: url(../img/box_small_top_bg.gif) 0 42px no-repeat;
	margin: 0 0 0;
	padding:0 0 30px 0;
}
#all #content .galleryslideshowbox h2 {
	background:url(../img/header_sample_shots.gif) top left no-repeat;
	text-indent:-4000px;
	margin:0 0 25px 0;
	border-bottom:#333333 solid 1px;
	width:300px;
	height:41px;
}
#all #content .galleryslideshowbox ul {
	background:url(../img/gallery_slideshow_bg.gif) top left no-repeat;
	width: 300px;
	height: 196px;
	padding:0;
	margin:0;
	overflow: hidden;
}
#all #content .galleryslideshowbox ul li {
	display:inline;
	list-style-type:none;
	top:0;
	left:0;
}
#all #content .galleryslideshowbox ul li a {
	outline:none;
}
#all #content .galleryslideshowbox ul img {
	height: 175px;
	width: 251px;
	padding: 5px 25px;
}
#slideshowNav {
	margin:0 30px 0 0;
	float:right;
	display:inline;
}
#slideshowNav a {
	background:url(../img/slideshow_emptydot.gif) top left no-repeat;
	text-indent:-4000px;
	outline:none;
	margin:0 0 0 2px;
	width:10px;
	height:10px;
	float:left;
	display:inline;
}
#slideshowNav a.activeSlide {
	background-image:url(../img/slideshow_fulldot.gif);
}



/* CONTENT FOR SUBPAGE
************************************************************/
#all #content #subsitecontent {
	width:465px;
	float:left;
	display:inline;
}
#all #content .contentbox {
	background: url(../img/box_sub_top_bg.gif) 0 42px no-repeat;
	margin:10px 0 0 0;
	padding:0 0 30px 0;
	float:left;
	display:inline;
	clear:both;
}
#all #content .contentbox h2 {
	background:url(../img/header_sub_services.gif) top left no-repeat;
	text-indent:-4000px;
	margin:0 0 10px 0;
	border-bottom:#333333 solid 1px;
	width:465px;
	height:41px;
}

/* CONTACT FORM
************************************************************/


/* FOOTER
************************************************************/
#footer {
	font-size:11px;
	margin:0px 0 0 38px;
	padding:10px 0px 8px 0px;
	width:882px;/*882*/
	height:auto !important;
	height:28px;/*46*/
	min-height:28px;
	position:relative;
	clear:both;
	float:left;
	display:inline;
}
#footer p {
	margin:0;
	padding:0;
}
#footer .copyright {
	padding:0px 0 0px 0px;
	float:left;
}
#footer .design {
	padding:0px 0px 0px 0;
	float:right;
}
#footer a {
}
#footer a:hover, #footer a:active, #footer a:focus {
}

#footer .footernav {
	margin:0;
	padding:0;
	float:left;
	display:inline;
}
#footer .footernav li {
	display:inline;
	list-style-type:none;
}
#footer .footernav li a {
	padding:0 0 0 6px;
	margin:0 3px 0 0;
	border-left:#190c41 solid 1px;
}
#footer .footernav li.first a {
	padding:0;
	border:none;
}

/* BREADCRUMBS
************************************************************/
#all .breadcrumbs {
	margin:5px 0 0 38px;
	padding:0;
	clear:both;
}
#all .breadcrumbs li {
	display:inline;
	background:url(../img/SpryMenuBarRight.gif) 2px 4px no-repeat;
	padding:0 0 0 10px;
	margin:0 0px 0 0;
}
#all .breadcrumbs li a {
	
}
#all .breadcrumbs li.first {
	background:none;
	padding:0 0 0 0px;
	margin:0 0px 0 0;
}
#all .breadcrumbs li a:hover, #all .breadcrumbs li a:active, #all .breadcrumbs li a:focus {
}
#all .breadcrumbs li ul {
	
}

/* LAYOUT */
.content-2columns-left {
	margin:0 0 10px 0;
	width:669px;
	float:left;
	display:inline;

}
.content-2columns-right {
	margin:0 0 10px 10px;
	width:199px;
	float:right;
	display:inline;
} 

.content-3columns-first {
	margin:0 24px 0 0;
	width:321px;
	float:left;
}
.content-3columns-second {
	width:312px;
	float:left;
}

.donate-box {
	border:5px solid #F4CC15;
	background-color:#57B7E7;
	color:#FFFFFF;
	padding:10px;
	margin-bottom:10px;
}

.donate-box a {
	color:#FFFFFF;
	font-weight:bold;
}

.donate-box-input {
	border:2px solid #326985;
	color:#326985;
	padding:3px;
	
}

.donate-box legend {
	font-size:18px;
	font-weight:normal;
	margin:0.5em 0 0.5em 0;
	color:#FFFFFF;
}

.page-text-error {
	color:#FF0000;
}

.arrow {
	margin:0;
	padding:0;
	padding-left:10px;
}
.arrow li {
	list-style-image:url(../img/arrow_white.gif);
	padding:0 0 0 10px;
	margin:0;
	margin-left:20px;
	margin-bottom:10px;

}

.arrow-blue {
	margin:0;
	padding:0;
	padding-left:10px;
}
.arrow-blue li {
	list-style-image:url(../img/arrow_blue.gif);
	padding:0 0 0 10px;
	margin:0;
	margin-left:20px;
	margin-bottom:10px;

}

.page-input {
	border:2px solid #326985;
	color:#326985;
	padding:3px;
	
}
form legend {
	font-size:18px;
	font-weight:normal;
	margin:0.5em 0 0.5em 0;
	color:#326985;
}
.supportus_box {
	width:330px;
	height:150px;
	background-color:#4795bc;
	color:#FFFFFF;
	background-image:url(../img/box_bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	float:left;
	margin-bottom:10px;
}
.supportus_box a {
	color:#FFFFFF;
}
.supportus_box h2 {
	color:#FFFFFF;
}
.supportus_box_content {
	height:130px;
	padding:10px;
	padding-right:120px;
	background-repeat:no-repeat;
	background-position:top right;
}
.supportus_box_Donate {
	background-image:url(../img/box_Donate.jpg);
}
.supportus_box_Events {
	background-image:url(../img/box_Events.jpg);
}
.supportus_box_GetInvolved {
	background-image:url(../img/box_GetInvolved.jpg);
}
.supportus_box_OurCampaigns {
	background-image:url(../img/box_OurCampaigns.jpg);
}
.supportus_box_Shopping {
	background-image:url(../img/box_Shopping.jpg);
}
.supportus_box_CorporatePartners {
	background-image:url(../img/box_CorporatePartners.jpg);
}
.bottombox {
	display:inline;
	float:left;
	margin-right:1px;
}

#calltoaction {
float:right;
height:84px;
margin:100px 50px 0 0;
padding:0;
width:140px;
overflow:hidden;
}

.spacer {
	clear:both;
	width:1px;
	height:1px;
}

.recruitment_footer_table  {
	margin-top:20px;
	border-top:1px solid #232B54;
}
.recruitment_button {
	padding:10px;
	font-weight:bold;
	margin-top:10px;
}
.clear {clear:both;}

a.button-link { 
	font-size: 12px;
	color: #fff;
	padding: 7px 10px;
	background: #777AC7;
	text-decoration: none;
}
a.button-link:hover { 
	color: #fff;
}

#map_canvas {
    height: 328px;
    margin: 0;
    width: 328px;
    border: 2px solid #000;
}
