/* CSS Document */

body {
margin:0;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
font-size:12px;
}

table h2{
font-size:24px;
padding-top: 0;
}

table h3
{font-size:18px;

}


h1{font-size:36px;
padding: 0 0 5px 0;
border-bottom: 2px solid #fc930b;
}

h2{font-size:24px;
padding-top: .5em;
}

h3{font-size:18px;
}

a:link {color: #333399; text-decoration:none;}
a:visited {color:#333399; text-decoration:none;}
a:hover {color:#333399; text-decoration:underline;}
a:active {color:#333399; text-decoration:underline;}

#outercontainer{
width:949px;
margin: 0 auto;
background-image: url(../images/bodybg.jpg);
background-repeat:no-repeat;
}


#container
{
width: 850px;
margin: 0 auto;
color: #333;
border: 1px solid gray;
line-height: 130%;
background-image:url(../images/bluebg2.jpg);
background-color:#ffffff;
background-repeat:repeat-x;
}

#top
{
border-bottom: 1px solid gray;
height:105px;
}

#project_title
{
border-bottom: 1px solid gray;
height:105px;
}

#habitatproject_image
{
width:800px;
height:400px;
background-image:url(../images/habitatchallengeinfowgoal.png);
background-repeat:no-repeat;
}

#specialolympicsproject_image
{
width:800px;
height:500px;
background-image:url(../images/spolympicschallengeinfo.png);
background-repeat:no-repeat;
}

#donate_boxes
{
width:800px;
height:350px;
background-image: url(../images/orangeboxesbg.png);
background-repeat:no-repeat;
}

#topnav{
 	border-bottom: 1px solid gray;
	text-align:center;
  	margin:0px auto;
  	background-color: #666666;
  	padding:4px 0;
}

/* create a button look for links */
a.nav:link, a.nav:visited{   
	background-color:#f9d088;
    border-top: #ffd67d solid 1px;
	border-right: #800000 solid 1px;
	border-bottom: #800000 solid 1px;
	border-left: #ffd67d solid 1px;
    color: #333;
    font-family: arial,helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: normal;
    padding: 5px;
	text-decoration: none;
    width: 14em;
}

a.nav:hover{   
	background-color: #fc930b;
	color:#FFFFFF;}

/* depress effect on click */
a.nav:active, a.nav:focus { 
	background-color: #fc930b;
	border-top: #523900 solid 1px;
	border-right: #99ccff solid 1px;
	border-bottom: #99ccff solid 1px;
	border-left: #523900 solid 2px;
    letter-spacing: normal;
	color:#FFFFFF;
}

a.nav2:link, a.nav2:visited{   
	background-color:#ffffff;
    border-top: #ffd67d solid 1px;
	border-right: #800000 solid 1px;
	border-bottom: #800000 solid 1px;
	border-left: #ffd67d solid 1px;
    color: #333;
    font-family: arial,helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: normal;
    padding: 5px;
	text-decoration: none;
    width: 14em;
}

a.nav2:hover{   
	background-color: #fc930b;
	color:#FFFFFF;}

/* depress effect on click */
a.nav2:active, a.nav2:focus { 
	background-color: #fc930b;
	border-top: #523900 solid 1px;
	border-right: #99ccff solid 1px;
	border-bottom: #99ccff solid 1px;
	border-left: #523900 solid 2px;
    letter-spacing: normal;
	color:#FFFFFF;
}

#donate_boxes ul{
list-style:none;
text-decoration:none;
margin:0;
padding: 60px 0 0 0;
}

#donate_boxes li{
padding-bottom:15px;
}

#content
{
margin-left: 10px;
padding: 1em;
}
	

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
font-size:9px;
}

#leftfooter
{
float: left;
width: 600px;
margin: 0;

}

#rightfooter
{
margin-left: 620px;
font-style:oblique;
text-align:right;
}

.clear {clear:both;}

.sponsors 
{
background-color:#FFFFFF;
border:1px solid #fc930b;
padding:5px;
}

.sponsors h2
{
border-top:1px dashed #3399FF;
border-bottom:1px dashed #3399FF;
padding: 5px;
}


.tinyfont
{
font-size:9px;
font-style:oblique;
color:#333;
}

.line {
border-top: 1px solid #fc930b;
}

.volunteerpage {margin:10px 5px 0 10px;
}
.style2 {	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666; }
	
.larger {font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:700;
}

.largerorange {font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color: #FF6600;
font-weight:700;
}

.highlight {border: 2px solid #fc930b;
margin-left: 400px;
width: 300px;
padding: 2px 10px 5px 10px;
}

.larger2 {font-family: Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:700;
line-height:130%;
}

.larger3 {font-family: Arial, Helvetica, sans-serif;
font-size:28px;
color: #FF6600;
font-weight:700;
line-height:130%;
}