/*
	Dare to Aspire Screen Styles May 2009
	
	Developed by: Michelle O'Reilly // www.mor-design.net

	Table of Contents:
		layout
		typography
		miscellaneous

/* layout
----------------------------------------------- */
 
 
html, body {
	margin:0;
	padding:0;
	height: 100%; 
	}
	
body {
	margin:0;
	padding:0;
	background:url(../images/body_bg.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	height: 100%; 
	line-height:150%;
	font-size:85%;
	
	}
	
#container-home{
	width:1010px;
	background:url(../images/home_bg.jpg) no-repeat 0 0;
	margin-left:auto;
	margin-right:auto;
 	min-height: 100%;
	margin-bottom:-270px;
	position: relative;
	}

* html #container-home /* IE workaround*/
{
	height:100%;
}
	
#container-inside{
	width:1010px;
	margin-right:auto;
	margin-left:auto;
	background:url(../images/inside_bg.jpg) no-repeat 0 0;
	}
	
#container-forms{
	width:1010px;
	margin-right:auto;
	margin-left:auto;
	background:url(../images/forms_bg.jpg) no-repeat 0 0;
	}
		

#header {
	}

#nav {
	margin:0;
	margin-top:55px;
	margin-right:64px;
	float:right;
  	}

* html #nav /* IE workaround*/
{
	margin-right:30px;
}

#sub-nav {
	width:170px; 
	float:left; 
	margin-right:30px;
	margin-bottom:50px;
	}
	
#content {
	margin-left:90px;
	margin-right:90px;
	}
	
#content-col {
	width:520px;
	margin-top:50px;
 	}
	
#content-col-inside {
	margin-top:30px;
 	}
	
	
#content-col-inside2 {
  margin-top:30px;
  	}
	
#main-content {
 	margin-left:200px;
	margin-bottom:30px;
	width:375px;
 	}

#main-content2 {
 	margin-left:200px;
	margin-bottom:30px;
	width:630px;
 	}
 

#photo-col-home {
	width:285px;	
	float:right;
	margin-top:-80px;
	*margin-top:-33px;
	text-align:right;
  	}
#photo-col {
	width:255px;	
	float:right;
	margin-top:-60px;
	*margin-top:-33px;
	text-align:right;
 
  	}

#bottom-site {
	background:url(../images/footer_bg.jpg) repeat-x bottom;  
	height:270px;
	position: relative;
	margin-top:20px;
	margin-top:-180px;
}

#footer-site{
	clear:both; 
	height:270px; 
	width:840px; 
	margin-right:auto; 
	margin-left:auto; 
	padding-top:5px;
	background:url(../images/footer_border.gif) 0 0 repeat-x; 
	font-size:85%;
	color:#999;
	}
	
	
.stories {
	width:250px; 
	float:left; 
	margin-right:20px;
	margin-bottom:50px;
	}

.news { 
	width:250px; 
	float:left;
	}
	
	

/* typography
----------------------------------------------- */

h1 {
	text-transform:lowercase;
	
	}

h2 {
	color:#2a76d7;
 	font-size:140%;
	margin-top:0;
	padding-top:0;
 	}

h3 {
	margin-bottom:5px; padding-top:0px; margin-top:15px; font-size:120%
	}
	
#content-col-inside h3 {
	color:#ec008c; 
	font-size:110%;
	}

p {margin-top:10px;}

#content ul {margin-left:20px; padding-left:0px;}

#content li {
	list-style-type: none;
	background:url(../images/li_bg.gif) no-repeat 0 8px;
	padding-bottom:12px;
	padding-left:10px;
	}
	
#content #form_container li {
 	background-image:none;
	padding-left:5px;
	}

#content li {
	list-style-type: none;
	background:url(../images/li_bg.gif) no-repeat 0 8px;
	padding-bottom:12px;
	padding-left:10px;
	}



#nav ul {
	margin:0px;
	padding:0px;
	letter-spacing:-.03em;
 	text-transform:uppercase;
	font-weight:bold;
	}

#nav li {
	display:inline;
	padding-left:18px;
	padding-right:18px;
	height:51px;
	text-align:center;
	}
	
#nav a {
	color:#000;
	text-decoration:none;
	}
	

#nav li.selected{
	padding-left:5px;
	padding-right:5px;
	
	}
	
#nav li.selected a{
	margin:0px 22px;
	color:#2a76d7;
	}
	
#form_container ul{
	margin-top:0px;
	padding-top:0px;
	}	
	
#form_container li{
	list-style-type:none;
	}	

#sub-nav ul{
	margin-left:0;
	padding-left:0;
	margin-top:20px;
	padding-top:0px;
	}

#sub-nav ul ul {
	margin-left:0;
	padding-left:0;
	margin-top:8px;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:-5px;
	}
#sub-nav ul ul li{
	margin-left:0;
	padding-left:0px;
	padding-bottom:7px;
	background:none;
	margin-top:0px;
	padding-top:0px;
	font-size:75%;
 	font-weight:bold;
	line-height:120%;
	}
	
#sub-nav li {
	list-style-type:none;
	background:url(../images/nav_li.gif) no-repeat 0 7px;
	padding-left:12px;
	padding-bottom:10px;
	font-weight:bold;
	font-size:120%;
	}	
	
#sub-nav li.last {
  	background:url(../images/nav_li_dark.gif) no-repeat 0 7px;
	}	

#sub-nav a {
	color:black;
	text-decoration:none;
	}	

#sub-nav a:hover  {
	color:#1d6ed5;
	text-decoration:none;
	}

 a#current {
	color:#1d6ed5;
	text-decoration:none;
	}	

.tagline1 {
	font-family:Helvetica,Arial,sans-serif;
	font-size:1.50em;
	letter-spacing:-0.02em;
	line-height:1.4em;
	paddingtop:0;
	margin-top:0;
}

.tagline2 {
	font-size:150%; 
	line-height:140%; 
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	margin-bottom:50px; 
	margin-top:0px; 
	padding-top:0px; 
	letter-spacing:-0.02em; 
	color:#fff;
}

a {color:#ec008c; text-decoration:underline;}
a:hover {color:#ff19a1; text-decoration:underline;}

/* misc
----------------------------------------------- */
 
 .off-left {
    position: absolute;
    left: -1000px;
    width: 100px;
 }
 
.logo {
	margin-left:90px;
	}

.img-middle {
	vertical-align:middle;
	}

	
.float-right {float:right;}
.float-left {float:left;}	
.text-right {text-align:right;}

.pink {
	color:#ec008c; 
	}
.blue {
	color:#1d6ed5;
	}

.grey {
	color:#999;
	}
	
.space-bottom {
	padding-bottom:15px;
	}

.divider {
	border-top:1px solid #efefef;
	height:2px;
	margin-top:20px;
	margin-bottom:20px;
}
 
#form_container ul li#li_3 {
	margin-top:0px;
	}
	
#main_body input {
	font-family:Arial, Helvetica, sans-serif;
	}
	
#main_body textarea {
	font-family:Arial, Helvetica, sans-serif;
	}
	
#main_body form li.section_break
{
	border-top:1px dotted #ccc;
	margin-top:30px;
margin-bottom:-20px;	
padding-bottom:0;
	padding-left:9px;
	padding-top:13px;
	width:97% !important;
}

.small-font {font-size: .85em;}