/*REMOVE PAGE MARGINS/INITILAIZE PAGE*/

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
a{	
	color: #3B6E8E;
}
a:link:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/*HEADER FORMATTING*/

div#header {
	height: 139px;
	width: 100%;
	padding:0;
	margin:0;
}
div#header_url {
	background-color: #000000;
	width: 100%;
}
div#header_smpl {
	background-color: #93b8dc;
	width: 100%;
	background-image: url(images/new_smpl_header_bg.jpg);
	overflow: visible;
	white-space:nowrap;
	height: 79px;
}

div#header_smpl img{
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*MENU BAR/ROLLOVER FORMATTING*/

#menu {
	width: 760px;
	white-space: nowrap;
}

#menu a {
	display:block;
	width:84px;
	height:30px;
	/*background: url("./images/button_getInvolved.png") 0 0 no-repeat;*/
	float:left;
}
#menu a:hover {
   background-position: -84px 0;
}
#menu a:active {
   background-position: -168px 0;
}

#menu a img {
	width:inherit;
	height:inherit;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*define img url for each button*/ 
.home {background: url("./images/button_home.png") 0 0 no-repeat;}
.whyNeeded {background: url("./images/button_whyNeeded.png") 0 0 no-repeat;}
.plans {background: url("./images/button_plans.png") 0 0 no-repeat;}
.community {background: url("./images/button_community.png") 0 0 no-repeat;}
.getInvolved {background: url("./images/button_getInvolved.png") 0 0 no-repeat;}

/*assign this class to disable rollover*/
.currentlyVisiting {background-position: -168px 0;}

/*END MENU BAR/ROLLOVER FORMATTING*/

/*END HEADER FORMATTING*/

/*BEGIN BODY FORMATTING*/

#body_main {
	width:100%;
	height:393px;
	background-repeat: repeat-x;
	font-size: 12px;
	white-space:nowrap;
}

.gradient_aqua {
	background-image: url(./images/gradientBG/AquaGrad.png);
}
.gradient_aqua * .contentBoxTitle{
	background-color:#3B6E8E;
}
.gradient_beige {
	background-image: url(./images/gradientBG/BeigeGrad.png);
}
.gradient_beige * .contentBoxTitle{
	background-color:#666633;
}
.gradient_green {
	background-image: url(./images/gradientBG/GreenGrad.png);
}
.gradient_green * .contentBoxTitle{
	background-color:#336666;
}
.gradient_orange {
	background-image: url(./images/gradientBG/OrangeGrad.png);
}
.gradient_orange * .contentBoxTitle{
	background-color:#996600;
}
.gradient_red {
	background-image: url(./images/gradientBG/RedGrad.png);
}
.gradient_red * .contentBoxTitle{
	background-color:#770000;
}
.gradient_red * .contentBox .donationWays{
	background-color:#cc6600;
	color:#000000;
	background-image: url(images/getInvolvedBehindTitleGrad.png);
	background-repeat: repeat-y;
	padding: 5px;
	font-size: 13px;
	}

#body_main .leftColumn {
	padding-top: 15px;
	padding-right: 15px;
	float:left;
}
	
#body_main .regularColumn {
	float:left;
	margin-right: 15px;
	padding-top: 15px;
}

.regularColumn .contentBoxTitle {
	padding-left: 12px;
}

.centered {
	text-align: center;
	float: none;	
}

.alignLeft {
	text-align: left;
}

.floatLeft {float: left;}
.floatRight {float: right;}
.floatClear {float: none;}

.leftColumn .contentBox {
	background-color: #FFFFFF;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 23px;
	padding-top: 5px;
}

.leftColumn .contentBoxTitle {
	padding-left: 23px;
}

.w800{width:800px;}
.w700{width:700px;}
.w600{width:600px;}
.w500{width:500px;}
.w460{width:460px;}
.w450{width:450px;}
.w440{width:440px;}
.w430{width:430px;}
.w425{width:425px;}
.w420{width:420px;}
.w410{width:410px;}
.w400{width:400px;}
.w390{width:390px;}
.w330{width:330px;}
.w300{width:300px;}
.w220{width:220px;}
.w200{width:200px;}
.w180{width:180px;}
.w150{width:150px;}

.h310{height:310px;}
.h300{height:300px;}
.h290{height:290px;}

.noPadding{
	padding: 0px;
}

.contentBoxTitle {
	vertical-align: bottom;
	padding-top: 5px;
	float: none;
	padding-bottom: 5px;
	font-weight: bolder;
	color: #FFFFFF;
	font-size: 15px;
	white-space:normal;
}

.contentBox {
	background-color: #FFFFFF;
	padding: 12px;
	margin-bottom: 20px;
	border-bottom-width: 2px;
	border-bottom-style: inset;
	border-bottom-color: #BBE3E1;
	border-right-width: 1px;
	border-right-style: inset;
	border-right-color: #B5DCDD;
	white-space:normal;
}

.contentBox h1, .h1title {
	font-weight: bold;
	color: #3B6E8E;
	font-size: 15px;
	margin: 0px;
	padding: 2px;
	line-height: 1em;
}

.contentBox h1 a{
	text-decoration: none;
}

.contentBox h2 {
	font-size: 8px;
	margin: 0px;
	padding: 0px;
}

.contentBox p{
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

div#newsBox img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	float:left;
	padding-right: 8px;
}

.article {
	margin-bottom: 20px;	
}

div#newsArticle {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.webAd {
	text-align: left;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}

.imageFrame {
	background-color: #EEEEEE;
	padding: 10px;
	text-align: center;
	background-image: url(images/greygrad.png);
	background-repeat: repeat-x;
	background-position: top;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-color: #666666;
	border-bottom-color: #000000;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-left-color: #CCCCCC;
	border-left-width: 1px;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 8px;
	margin-right: 8px;
}

.adminBox {
	background-color: #CCCCCC;
	padding: 15px;
	width: 85%;
	border: 1px solid #000000;
	visibility: hidden;
	left: 0px;
	top: 137px;
	position: absolute;
}
.adminBox .title {
	margin: 0px;
	padding: 0px;
	font-size: 20px;
}

.adminBox .subhead {	margin: 0px;
	padding: 0px;
	font-size: 11px;}

.adminForm table tr td{
	vertical-align: top;
	}
	
.requiredContent{
	font-weight: bolder;
	color: #FF0000;
}
	
.footnote{
	font-size: 11px;
}

div#donorTicker, div#elevationRenderingBox, div#topRenderingBox, div#louisGadalRenderingBox{
	padding: 0px;
}

div#thermometer{
	padding: 0px;
	border-bottom-width: 0px;
}

.subhead {
	font-size: 11px;
	color: #CC6600;
}

.button{
	background-color: #ff9933;
	text-align: center;
	padding: 6px;
	width: 100px;
}

.prevNext, .prevNext a {
	background-color: #000000;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
}

.prevNext {
	padding: 5px;
	margin-bottom: 20px;
}
.prevNext a:hover{
	text-decoration: underline;
}
.prevNext a:active{}

div#newsArchive, div#pdfArchive{
	margin-bottom: 0px;	
}

div#newsArchive .article, div#pdfArchive .article {
	margin-bottom: 5px;
}
div#newsArchive .article h2, div#pdfArchive .article h2 {
	padding-left:2px;
}
div#newsArchive .article a, div#pdfArchive .article a{
	display:block;
	padding:2px;
}
div#newsArchive .article a:hover, div#pdfArchive .article a:hover{
	background-color: #ff9933;
	font-weight: bold;
	color: #FFFFFF;
}
div#newsArchive .article a:active{
}

.viewLister{
	font-size: 10px;
	font-weight: bold;
}


.tabber {
	text-align: center;
}

/* begin css tabs */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #000; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #FFF; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #666; /* set unselected tab background color as desired */
color: #DDD; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #ccc; /* set desired hover color */
color:#000000;
}

/* end css tabs */