/* CSS Document */

/* basic elements */
html {
	margin: 0;
	padding: 0;
	}
body { 
	font: 12px verdana, sans-serif;
	line-height: 1.8;
	color: #666666;
	background:#E1EFF7 url(images/bg.gif) repeat;
	margin: 0; 
	padding: 0;
	}
p { 
	margin-top: 0; 
	text-align: left;
	}
h3 { 
	font: normal 2em verdana, sans-serif;
	letter-spacing: 1px;
	line-height:normal; 
	margin-bottom: 0; 
	color: #333333;
	}
a:link { 
	text-decoration: none; 
	color: #3366CC;
	}
a:visited { 
	text-decoration: none; 
	color: #002866;
	}
a:hover, a:active { 
	text-decoration: none; 
	color: #FF9900;
	}
 
/* top toolbar */
#navcontainer ul
{
padding-left: 0;
padding-top:0;
margin-top:0;
margin-left: 0;
margin-bottom:0;
border-bottom: 1px solid gray;
height:27px;
background: #FF9900 url(images/toolbar_gradient.gif) repeat-x 27px;
color: White;
line-height: 1.9;
float: left;
width: 774px;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em .9em;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid gray;
}

#navcontainer ul li a:hover
{
background: #3366CC url(images/toolbar_gradient_hover.gif) repeat-x 27px;
color: #fff;
}

 
/* specific divs */
/*width:expression(document.body.clientWidth > 774? "774px": "auto" );*/
#container
{
width: 774px;
margin: 10px auto;
background-color: #fff;
border: 1px solid gray;
}

#address {
	color: #666666;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	width:774px;
	margin:auto;
}
	
#mainbar
{
border-bottom: 1px solid gray;
margin: 0;
vertical-align:top;
height:216px;
clear: both;
}

#mainbarlogo {
	float:left;
	padding:12px 5px 10px 20px;
	}

#mainbartext {
	color: #3366CC;
	font-size:18px;
	margin-left: 0px;
	margin-right: 0;
	padding:0;
	height:216px;
	width:600px;
	float:right;
	}

#mainbarphoto {
	float:right;
	margin-top:0;
	margin-bottom:0;
	padding:0;
	}

#top
{
border-bottom: 1px solid gray;
margin-bottom:0;
}

#toplogo
{
padding: 15px;
vertical-align:middle;
margin: 0;
}

#top h2
{
padding: 0;
margin: 0;
font-size:14px;
}

#small {
	color: #3366CC;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	float:right;
	margin:0;
	padding: 12px 15px 0 0;
	vertical-align:middle;
	}

#donatebox
{
float: left;
margin: 0;
padding: 0;
width:258px;
height:212px;
}


/* Highlights Box */ 

#highlights
{
padding: 15px 0 0 0;
font-size:13px
line-height:18px;
float:right;
width:258px;
}

#highlights ul 
{
list-style-image: url('/newsite/images/arrow.gif');
}

#highlights li
{ 
margin:5px 25px 0 32px;
padding: 0.2em;
border-bottom: 1px solid #CCCCCC;
}

/* We Believe */ 

#believebar
{
border-bottom: 1px solid gray;
margin: 0;
vertical-align:top;
height:212px;
clear: both;
}

#webelieve
{
margin: 0px;
font-size:15px;
line-height:24px;
padding: 30px;
height:152px;
width:456px;
float:right;
background: #FDFCE3 url(images/star_index.gif) no-repeat bottom right;
}


#highlight_boxes
{
border-bottom: 1px solid gray;
margin: 0;
vertical-align:top;
height:188px;
clear: both;
}
#box1
{
border-right: 1px solid gray;
float: left;
vertical-align:bottom;
margin:0;
padding: 0;
width:258px;
height:188px;
}

#box2 {
border-right: 1px solid gray;
	margin-left: 258px;
	margin-right: 258px;
	height:188px;
	padding:0;
	}

#box3
{
float: right;
margin: 0;
padding: 0;
width:258px;
height:188px;
}

#highlight_boxes ul 
{
list-style-image: url('/newsite/images/arrow.gif');
}

.box_pic{
float: left;
padding:14px;
}	

.box_text{
font-size:13px;
line-height:18px;
color:#3366CC;
padding:14px 10px 0 0;
}

.box_text_bold{
font-size:9px;
font-weight:bold;
color:#3366CC;
padding-top:10px;
}
	

#index_bottomleft
{
margin: 0px;
padding:0;
height:228px;
width:516px;
float:left;
background: #FCC07F;
}



#content
{
margin-left: 258px;
margin-right: 258px;
padding: 1em 0 1em 0;
width:258px;
}

#content h2
{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:25px;
font-weight:normal;
}

#footer
{
clear: both;
font-size:11px;
margin: 0;
padding: .5em;
color: #3366CC;
border-top: 3px solid #FF9900;
}

#leftnav p, #rightnav p { margin: 0 0 0 0; }

.picture{
float: left;
padding:6px 10px 0px 0px;
margin: 0;
font-size:9px;
line-height:14px;
color: #002866;
}

.picture_right{
float: right;
padding:0px 43px 0px 0px;
margin: 18px 0 0 0;
font-size:9px;
line-height:14px;
color: #002866;
}