body {
margin : 0px;
padding : 0;
font : 100% "Trebuchet MS", verdana, arial, sans-serif;
color : #5469db;
background : #000000 url(../images/darkblue2.png);
background-repeat: repeat-x;
height: 100%;
}

#header {
width : 160px;
margin-bottom : 6px;

}

#container {
width : 1050px;
border : 0px solid #ffffff;
margin-left : auto;
margin-right : auto;
margin-bottom : 0px;
padding : 0px 0px 0px 0px ;
color : #000000;
background : #fcfee9;
}


#main {
float : left;
width : 100%;
overflow:auto
}
			/*Banner*/
#banner {
float : left;
width : 1050px;
height : 211px;
padding : 0;
margin-bottom : 0px;
color : #666;
background : #000000 url(../images/BongHeader14.jpg);
}
			/*TOP MENU*/
#navcontainer {
clear : both;
width : 100%;
margin : 0 0 6px 0;
}
#navcontainer ul {
float : left;
width : 100%;
padding : 0;
margin : 0;
background : #003333 url(../images/buttons11.jpg);
color : #fcfee9;
}
#navcontainer ul li {
display : block;
}
#navcontainer ul li a {
float : left;
padding : 0.2em 1em;
text-decoration : none;
border-right : 1px solid #000000;
background : #003333 url(../images/buttons11.jpg);
color : #fff;
}
#navcontainer ul li a:hover {
background : #003333 url(../images/buttons21.jpg);
color : #fff;
}
#active a:link, #active a:visited, #active a:hover {
background : #ff9900;
color : #fff;
}
			/*CONTENT CENTER*/
#content { 
padding : 0px;
margin : 1px 10px 10px 10px;
background : inherit;
color : #000000;
}

div.content { 
width : 580px; 
margin : 0px 10px 10px 10px; 
}
			/*CONTENT LEFT*/
#sidebar {
height:100%; 
float : left;
width : 250px;
margin : 0 10px 0 10px;
padding : 0;
color : #000000;
background : #fcfee9;
}

#mission {
float : left;
width : 240px;
line-height:18px; 
font-size:14px; 
margin : 8px 0px 10px 0px;
padding : 0px;
color : #ffffff;
background : #fcfee9 url(../images/mission3.jpg);
}
			/*LEFT MENU*/
#menu {
width : 160px;
padding : 0;
}
#menu ul {
margin : 0;
padding : 0;
list-style-type : none;
}
#menu li {
margin : 0 0 0.1em 0;
}
#menu a {
display : block;
width : 140px;
padding : 0.1em 0.8em;
text-decoration : none;
color : #fff;
background : #003366;
}
#menu a:hover {
background : #a1aac9;
color : #fff;
}
			/*RIGHT CONTENT*/
#sidebar-b {
float : right;
width : 180px;
height : 100%;
margin : 0 10px 0 10px;
padding : 0px;
background : #fcfee9;
color : #000000;
}

#donates {
float : left;
width : 180px;
line-height:12px; 
font-size:12px; 
margin : 0px 0px 0px 0px;
padding : 0px;
color : #ffffff;
background : #fcfee9 url(../images/donate2.jpg);
background-repeat: no-repeat;
}

			/*RIGHT SCROLLBAR*/
div.scroll {
overflow : auto;
height : 15em;
width : 140px;
padding : 1ex;
color : #333;
background : #f2f2f5;
border : 1px solid #eee;
margin : 20px 0 25px 10px;
}
			/*FOOTER*/
#footer {
clear : both;
padding : 5px;
margin-top : 5px;
color : #bbd2e0;
background : #003333 url(../images/Bags3.jpg);
}
#footer a:link, #footer a:visited {
background : inherit;
color : #eee;
text-decoration : none;
}
#footer a:hover {
border-bottom : 1px dashed #f2f2f5;
background : inherit;
color : #f2f2f5;
}
			/*TYPOGRAPHY*/
h1 {
margin : 0 0 5px 5px;
letter-spacing : 1px;
font-size : 135%;
color : #000033;
background : inherit;
}
h2 {
margin : 0 0 0 0 ;
letter-spacing : 1px;
font-size : 125%;
color : #003333;
background : inherit;
}
h3 {
letter-spacing : 1px;
font-size : 110%;
color : #003333;
background : inherit;
}
h4 {
margin : 0 0 0 0 ;
letter-spacing : 1px;
font-size : 130%;
color : #fff;
text-indent: 4px;
background : inherit;
}

#mission2 {
width: 250px; 
height: 600px; 
text-align:center; 
color:#fff; 
border:0px solid #fff;
background : #000000 url(../images/mission3.jpg);
line-height:18px; 
font-size:18px; 
}

#mission3 {
width: 230px; 
height: 400px; 
position: relative; 
text-align: center; 
color: #000; 
border:0px solid #fff; 
line-height:18px; 
font-size:12px; 
}
			/*LINKS*/
a {
color : #3366ff;
font-weight : bold;
text-decoration : none;
background : inherit;
}
a:hover {
color : #33cc33;
background : inherit;
}
			/*CLASSES*/
.news {
font-size : 90%;
background : inherit;
color : #333;
}
.sitename {
font-size : 180%;
margin : 0 0 10px 0;
color : #826c45;
background : inherit;
}
blockquote {
font-weight : bold;
font-style : italic;
color : 000000;
}

	/*FloatRight*/

.floatright
{
float: right;
width: 450px;
margin: 0 8px 20px 20px;
padding: 20px;
border: 0px solid #666;
}

div.floatright img { border: 1px solid #000; }

			/*ERAS MENUS*/

#eracontain {
clear : both;
width : 100%;
margin : 0 0 0 0;
}

#era1 {
margin: 0px;
padding: 0px;
height: 45px;
width: 15%;
background : #3366cc url(../images/eras1.jpg);
text-align: left;
float: left;
}

#era2 {
margin: 0px;
padding: 0px;
height: 45px;
width: 15%;
background : #3366cc url(../images/eras2.jpg);
text-align: left;
float: left;
}

#era3 {
margin: 0px;
padding: 0px;
height: 45px;
width: 15%;
background : #3366cc url(../images/eras3.jpg);
text-align: left;
float: left;
}

#era4 {
margin: 0px;
padding: 0px;
height: 45px;
width: 15%;
border: 0;
background : #3366cc url(../images/eras4.jpg);
text-align: left;
float: left;
}
 
#era5 {
margin: 0px;
padding: 0px;
height: 45px;
width: 20%;
background : #3366cc url(../images/eras5.jpg);
text-align: left;
float: left; 
}

#era6 {
margin: 0px;
padding: 0px;
height: 45px;
width: 20%;
background : #3366cc url(../images/eras6.jpg);
text-align: left;
float: left;
}