/* SA Volunteers CSS Document */

html{overflow:-moz-scrollbars-vertical;}

*{
padding: 0px;
margin: 0px;
}

body{
background-color:#d3d3d3;
font: 11px Geneva, Arial, Helvetica, sans-serif normal;
color:#757575;
}

.clear{
clear:both;
}

#container{
width: 800px;
margin: 0px auto;
text-align:center;
background-color:#FFF;
}

#holding{
position:relative;
width: 764px;
margin: 0px auto;
text-align:center;
background-color:#FFF;
}

#holding .logo{
position:absolute;
left:-40px;
top:15px;
height:245px;
width:243px;
z-index:100;
}

#holding #left{
width: 176px;
float:left;
/*height: 890px;*/
background-color:#f4f4f4;
}

#holding #left ul{
margin:255px 0 0 0;
width: 176px;
background-color:#FFFFFF;
list-style:none;
}

#holding #left ul li{
width: 176px;
height:37px;
color:#015175;
font-weight:bold;
background-color:#FFFFFF;
}

#holding #left ul li.home{
background:url(../gfx/nav_01.jpg) no-repeat top;
height: 26px;
padding: 14px 0 0 0;
}

#holding #left ul li.mission{
background:url(../gfx/nav_02.jpg) no-repeat left;
height: 26px;
padding: 14px 0 0 0;
}

#holding #left ul li.about{
background:url(../gfx/nav_03.jpg) no-repeat left;
height: 26px;
padding: 14px 0 0 0;
}

#holding #left ul li.programs{
background:url(../gfx/nav_04.jpg) no-repeat left;
height: 26px;
padding: 14px 0 0 0;
}

#holding #left ul li.deal{
background:url(../gfx/nav_05.jpg) no-repeat left;
height: 26px;
padding: 14px 0 0 0;
}

#holding #left ul li.contact{
background:url(../gfx/nav_06.jpg) no-repeat left;
height: 26px;
padding: 14px 0 0 0;
}

#holding #left ul li .active{ color:#FF7508;}

#holding #left ul li a:link{ color:#015175; font-weight:bold; text-decoration:none;}
#holding #left ul li a:visited{ color:#015175; font-weight:bold; text-decoration:none;}
#holding #left ul li a:hover{ color:#FF7508; font-weight:bold; text-decoration:underline;}
#holding #left ul li a:visited{ color:#015175; font-weight:bold; text-decoration:none;}

#holding #right{
width:588px ;
float:right;
}

#holding #right #header{
background-color:#FFFFFF;
width:588px ;
height: 153px;
}

#holding #right #text{
width:588px;
height:58px;
}

#holding #right #content{
padding: 0 0 40px 0;
width:588px;
}

#content p .intro{
width: 525px;
height:110px;
text-align:left;
font-size:11px;
padding: 0px 30px 0 0;
}

#content p {
width: 525px;
text-align:left;
font-size:11px;
padding: 13px 30px 0 30px;
}

#content h1{
color:#005173;
font-size:12px;
text-align:left;
padding: 20px 30px 10px 0px;
margin: 0 30px 0 30px;
border-bottom: 1px solid #ececec;}

#content h2{
color:#00CBFF;
font-size:11px;
text-align:left;
padding: 10px 30px 10px 0px;
margin: 0 30px 0 30px;
border-bottom: 1px dashed #ececec;
}

#content img{
float:left;
padding: 10px 0px 10px 30px;
}

#content p.grey{
background:#f4f4f4 url(../gfx/bg2.gif) no-repeat top;
width:399px;
height: 200px;
}

#content p .blue{
color:#00CBFF;
font-weight:bold;
}

#content p .orange{
color:#f77e25;
}

#content p img{
float:left;
padding: 0 10px 0 0px;
}

#content p .rm{
color:#05c8ff;
font-weight:bold;
float:right;
}

#content p a:link {color:#FF7508; text-decoration:underline;}
#content p a:visited {color:#757575; text-decoration:underline;}
#content p a:hover {color:#FF7508; text-decoration:none;}
#content p a:active {color:#FF7508; text-decoration:underline;}

#content ul{
width: 500px;
float:left;
padding: 0 30px 0 200px;
}

#content ul li{
text-align:left;
padding: 10px 10px 10px 10px;
}


#footer{
background-color:#d3d3d3;
height: 30px;

}