﻿/* Reset */
html, body, div, span, object, iframe, h1, h2, 
h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, 
code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, 
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, img 
{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:1em;font-family:inherit;vertical-align:baseline; font-weight:normal}
a img {border:none;}
a{outline:0;}
html{font-size:100%;}

/* CSS layout */

body{
	padding:0px;
	text-align:center;
	background:#003366;
    behavior: url(csshover3-source.htc);
    font-size:.95em;
    font-family:Arial, Helvetica, sans-serif;

}

#outer{
	padding:0;
	margin:0 auto;
	max-width:1000px;
	min-width:800px;
	width:100%;
}
#outer_float{
	width:100%;
	float:left;
	background:white url("../images/background2.jpg") repeat-x;	
}
#container{
	width:800px;
	padding-top:1em;
	margin-right:auto;
	margin-left:auto;
	background:transparent;
}
#logo{
	text-align:left;
	background:white;
	width:100%;
	float:left;
}
/* ---------------------------------- main ---------------------------------- */

.menu{
	height:2em; 
	background:#336699 url('../images/menu.jpg') repeat-x; 
	color:white; 
	text-align:left; 
	line-height:2em; 
	font-weight:bold; 
	float:left;
	width:100%;
}

.menu ul {
padding:0; 
margin:0;
}

.menu ul li {
float:left;
position:relative;
list-style: none;
border-right:1px silver solid;
float:left;
display:inline;
}

.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
font-weight:bold;
color:white;
padding:0 1em 0 1em;
border-right: 1px silver solid;
}

.menu ul ul {
display: none;
position:absolute;
background:#336699;
}
.menu ul li ul li{
	border:none;
}
.menu ul li:hover ul{
display:block; 
position:absolute; 
top:2em;
color:white;
width:10em;
float:left;
border:none;

}


.menu ul li:hover ul li a {
display:block; 
background:#336699;
border:0;
margin:0;
color:white;
font-size:1em;
height:auto; 
line-height:1.75em; 
padding-left:5px; 
width:10em;

}
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:#ddd; 
color:#003366;
}

#main {
	margin: 0px;
	text-align:left;
	padding:0 8px 0 0;
	background:white;
	width:790px;
	border-right:2px gray solid;
	float:right;
	display:inline;
	text-align:left;
	background:#6699cc url('../images/blue_6699cc.jpg') repeat-y top left; 
}
#main_left{
	width:23%;
	padding:0 1% 1em 1%; 
	float:left;
	display:inline;
}
#main_left h3{
	font-size:1.15em;
	line-height:1.15em;
	font-weight:bold;
	padding:.5em 0 .25em 0;
	color:white;
}
#main_left h3 a{
	color:white;
}
#main_left a{
	color:black;
	text-decoration:underline;
}
#main_left p{
	padding-left:2%;
	padding-bottom:.25em;
}
#main_center{
	background:white;
	width:73%;
	padding:0 1% 1em 1%;
	float:left;
	display:inline;
}
#main_center p{
	line-height:1.25em;
	padding-bottom:.5em;
}
blockquote p{
	line-height:1.25em;
	padding-bottom:.25em;
}
#main_center ul li{	
	padding:0;
	margin:.25em 0 .25em 0;	

}

#main_center h3{
	font-weight:bold;
	color:black;
	padding-bottom:.25em;
	font-size:1.2em;
	line-height:1.25em;
}
h2{
	font-size:1.4em;	
}
h2, h2 a{
	line-height:1.25em;
	font-weight:bold;
	clear:both;
	color:#003366;
	padding:.75em 0 .5em 0;

}
ul{
	padding:.5em 0 .5em 50px;
}
h5{
	clear:both;
	color:silver;
	font-size:.9em;
	padding:.25em 0 .25em 0;
}
#main p{
	line-height:1.25em;
	font-size:1.1em;
}

#meetbbc p{
	font-weight:bold;
	padding:.25em 0 .5em 0;
}
#meetbbc blockquote p{
	padding-left:5%;
	font-weight:normal;
}
#main_center p.donor{
	font-weight:bold;
	text-decoration:underline;
	padding-bottom:0;
	margin-bottom:0;
	line-height:1;
}
.white {
	color:#FFF;
}
.blue {
	color:#003366;
}
.black {
	color:#353535;
}









