/* CSS Document */

/*************************************************
DIV DECLARATIONS
*************************************************/

/* this has a 4000px wide sliver of a bg */
body {
	padding:0;
	margin:0;
	background-image:url(../images/bigSliver.jpg);
	background-attachment:fixed;
	background-position:center;
	background-repeat:repeat-y;
	font-size:10px;
}

/* holds the top bars bg */
#wrapper {
	background-image:url(../images/bgTop.jpg);
	background-repeat:no-repeat;
	background-position:top;
	margin:0 0 0 0;
}

/* holds everything else */
#contentHolder {
	width:949px;
	margin-left:auto;
	margin-right:auto;
	padding:0px 0px 0 0px;
}

/*************************************************
HEADER
*************************************************/

/* holds the logo and nav */
#header {
	border-bottom:#143b86 solid 1px;
	width:950px;
	margin-left:auto;
	margin-right:auto;
	height:115px;
	float:left;
}

#logo {
	float:left;
}

/*************************************************
TOP NAV
*************************************************/

/* nav is in a UL */
ul#nav {
	display:inline;
	margin:0;
	padding:0;
	margin-top:45px;
	float:left;
}

ul#nav li {
	list-style-type:none;
	position: relative;
	display:inline;
	margin:0;
	padding:0;
}

/* this is the tell a friend and the text sizer */
#topNav {
	height:25px;
	float:right;
	margin-right:11px;
}

/* all of the following are the nav buttons */
li#nav_about a {
	width:99px;
	height:30px;
	background-image:url(../images/btn_aboutUs.jpg);
	float:left;
}

li#nav_howWeHelp a {
	width:117px;
	height:30px;
	background-image:url(../images/btn_howWeHelp.jpg);
	float:left;
}

li#nav_programs a {
	width:189px;
	height:30px;
	background-image:url(../images/btn_programs.jpg);
	float:left;
}

li#nav_newsroom a {
	width:100px;
	height:30px;
	background-image:url(../images/btn_newsroom.jpg);
	float:left;
}

li#nav_contact a {
	width:102px;
	height:30px;
	background-image:url(../images/btn_contact.jpg);
	float:left;
}

/* this is the rollover, done with CSS */
li#nav_about a:hover, li#nav_howWeHelp a:hover, li#nav_programs a:hover, li#nav_newsroom a:hover, li#nav_contact a:hover {
	background-position: 0 -30px;
}

/* on states */
li#nav_about_on a {
	width:99px;
	height:30px;
	background-image:url(../images/btn_aboutUs_on.jpg);
	float:left;
}

li#nav_howWeHelp_on a {
	width:117px;
	height:30px;
	background-image:url(../images/btn_howWeHelp_on.jpg);
	float:left;
}

li#nav_programs_on a {
	width:189px;
	height:30px;
	background-image:url(../images/btn_programs_on.jpg);
	float:left;
}

li#nav_newsroom_on a {
	width:100px;
	height:30px;
	background-image:url(../images/btn_newsroom_on.jpg);
	float:left;
}

li#nav_contact_on a {
	width:102px;
	height:30px;
	background-image:url(../images/btn_contact_on.jpg);
	float:left;
}

/*************************************************
HOME PAGE
*************************************************/

#homeRightContent {
	width:636px;
	border-top:#f7941e solid 10px;
	float:right;
	margin-top:1px;
	margin-right:1px;
	margin-bottom:40px;
	padding:0 0px 0px 0;
}

#newestResource {
	width:590px;
	margin-top:25px;
	margin-left:auto;
	margin-right:auto;
}

#newestResource a {
	color:#2c6eb8;
}

#newestResource a:hover {
	color:#cc3300;
}

#flashHolder {
	margin-top:20px;
	margin-right:auto;
	margin-left:auto;
	width:590px;
}

/* styling for "newest resource" */
h1 {
	color:#2c6eb8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	text-transform:uppercase;
	margin:0 0 5px 0;
	padding:0;
}

/* styling for "newest resource" */
h2 {
	color:#2c6eb8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:normal;
	margin:0;
	padding:0;
}

/*************************************************
LEFT NAV
*************************************************/

#leftNav {
	width:280px;
	float:left;
	margin-left:0px;
	margin-top:1px;
	border-top:#cc3300 solid 10px;
	padding:30px 0 30px 30px;
}

#leftNav ul {
	list-style-type:none;
	color:#143b86;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	line-height:1.4em;
	margin:0 0 0px 15px;
	padding:0 30px 0px 0;
	text-transform:capitalize;
}
#leftNav ul li {
	margin: 0 0 10px 0;
}
#leftNav ul li a {
	color:#143b86;
	text-decoration:none;
}

#leftNav ul li a:hover {
	text-decoration:underline;
}

#leftNav ul li a.current {
	color:#cc3300;
	text-decoration:underline;
	background-image:url(../images/doubleArrows.jpg);
	background-position:0px;
	padding-left:15px;
	margin-left:0px;
	background-repeat:no-repeat;
}

.sectionTitle {
	margin:0 0 20px 0;
}

#leftNav ul ul li a {
	color:#cc3300;
	text-transform:none;
	text-decoration:none;
}

#leftNav ul ul li a:hover {
	color:#cc3300;
	text-transform:none;
	text-decoration:underline;
}

#leftNav ul ul li a.subCurrent {
	color:#cc3300;
	text-transform:none;
	text-decoration:none;
	font-weight:bold;
}

/*************************************************
CONTENT
*************************************************/

#rightContent {
	width:596px;
	border-top:#f7941e solid 10px;
	float:right;
	margin-top:1px;
	margin-right:1px;
	margin-bottom:40px;
	padding:0 40px 0px 0;
}

#rightContent p {
	color:#143b86;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	line-height:1.6em;
	margin:0 0 15px 0;
	padding:0 0px 0px 0;
}

.headerImage {
	margin:30px 0 20px 0;
	padding:0;
}

.orange {
	color:#f7941e;
}

#addressBox {
	width:170px;
	border-top:#2c6eb8 solid 10px;
	float:left;
	clear:left;
	margin-top:1px;
	margin-left:0px;
}

#addressBox p {
	color:#143b86;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	line-height:1.2em;
	margin:0 0 15px 0;
	padding:20px 0px 0px 30px;
}

#rightContent ul {
	margin:20px 0 20px 40px;
	padding:0;
}

#rightContent li {
	color:#143b86;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	line-height:1.2em;
	margin:0 0 10px 0;
	padding:0 0px 0px 0;
}

.contentImages {
	float:left;
	margin:0 10px 10px 0;
}

.contentImagesRight {
	float:right;
	margin:0 0px 10px 10px;
}

strong {
	/*color:#cc3300;*/
}

h3 {
	color:#f7941e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0;
	text-transform:none;
}

#rightContent a {
	color:#2c6eb8;
}

#rightContent a:hover {
	color:#cc3300;
}

/*************************************************
FOOTER
*************************************************/

#footer {
	width:570px;
	height:50px;
	border:#d5e2f1 solid 1px;
	clear:both;
	margin-left:345px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#143b86;
}

#footer a {
	color:#2c6eb8;
}

#footer a:hover {
	color:#cc3300;
}

#footerLinks {
	margin:15px 0 0 0;
	width:400px;
	text-align:center;
}

#copyright {
	width:160px;
	height:40px;
	border-left:#d5e2f1 solid 1px;
	float:right;
	text-align:center;
	padding:10px 0 0 0;
}


/*************************************************
TEXT SLIDER STYLES
*************************************************/

.slider_container {
	margin-left:825px;
	margin-top: 15px;
	/*position: absolute;
	margin-left: 830px;*/
	width:125px;
	position:relative;
}

.adjusterLabel {
	color:#f7941e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:normals;
	float:left;
	margin-top:7px;
}

.minus a {
	background: url(../images/btn_minus.jpg) no-repeat;
	height: 24px;
	width: 24px;
	overflow: hidden;
	float: left;
	cursor: pointer;
	margin:0;
	padding:0;
}

.slider_bar {
	background: url(../images/bar-trans.png) no-repeat;
	height: 9px;
	width: 50px;
	float: left;
	margin: 0px 5px;
	position: relative;
}

.add a {
	background: url(../images/btn_plus.jpg) no-repeat;
	height: 24px;
	width: 24px;
	float: left;
	position: relative;
	/*top: -5px;*/
	cursor: pointer;
	margin:0;
	padding:0;
}

.textIndicator {
	height: 24px;
	width: 0px;
	float: left;
	margin: 0px 5px;
	position: relative;

}

.slider_handle {
	background: url(../images/selector-trans.png) no-repeat;
	height: 20px;
	width: 8px;
	position: absolute;
	top: -8px;
}

#slider_caption {
	background: url(../images/caption-trans.png) no-repeat;
	height: 45px;
	width: 38px;
	overflow: hidden;
	position: absolute;
	top: -50px;
	margin-left:-10px;
	padding: 5px 0px 0px 0px;
	font-family: "Myriad Pro";
	color: #36665d;
	font-weight: bold;
	text-align: center;
}

#dropdownpanel { /*Outermost Panel DIV*/
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	margin-left:auto;
	margin-right:auto;
	visibility:hidden;
	z-index: 25;
}
#dropdownpanel .contentdiv { /*Div containing Ajax content*/
	background: #2b6db5;
	padding: 10px;
}
#dropdownpanel .control { /*Div containing panel button*/
	border-top: 5px solid #2b6db5;
	color: white;
	font-weight: bold;
	text-align: center;
	background: transparent url(../images/btn_tellAFriend.png) no-repeat center center; /*change panel.gif to your own if desired*/
	padding-bottom: 3px; /* 21px + 3px should equal height of "panel.gif" */
	height: 29px; /* 24px + 3 px should equal height of "panel.gif" */
	line-height: 29px; /* 21px + 3px should equal height of "panel.gif" */
}

#panel {
	width: 949px;
	position: relative;
	height: 0px;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
	overflow: hidden;
	text-align: left;
	margin-top:0px;
	height:5px;
}

#panel_contents {
	background: #2b6db5;
	width: 949px;
	height: 200px;
	position: relative;
	z-index: 22;
}
.panel_button {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 949px;
	height: 29px;
	z-index: 20;
	cursor: pointer;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.panel_button img {
	border: none;
}

#toppanel {
	position: relative;
	width: 949px;
	margin-left: auto;
	margin-right: auto;
	z-index: 25;
	text-align: center;
	margin-top: 0px;
}

#contactform {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	width: 949px;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	float:left;
}
#contactform form {
	float:right;
	margin-top:30px;
	margin-right:20px;
	text-align:right;
}
#contactform img {
	float:left;
	margin-right:10px;
	margin-top:0px;
}
#contactform #name {
	margin-left: 10px;
	margin-bottom: 5px;
	margin-right:15px;
}
#contactform #email {
	margin-left: 10px;
}
#contactform #send {
	width:116px;
	height:38px;
	margin-top:10px;
	/*margin-left: 150px;*/
}
#contactform input {
	float:left;
	clear:left;
	display:inline;
}
label {
	float:left;
	display:inline;
	margin-top:3px;
}

#contactform textarea {
	float:left;
	clear:left;
	display:inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-left:5px;
	width:250px;
}

#footerLinks img {
	vertical-align: top;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	text-decoration: none;
}