body{
color: #555555;
font-size: 100%;
font-family: arial;
width: 960px;
background-image: url("../images/bodybg1jpg");
background-position: bottom;
background-color: #dfdfdf;
background-repeat: repeat-x;
margin: 0% 0% 0% 11.8%;
border-style: solid;
border-width: 0px;
border-color: white;
}
div.header{
width: 100%;
clear: left;
padding-bottom: 6.5em;
margin: 0%;	
background-image: url("../images/banner2.jpg");
/*or banner.jpg*/
background-position: top;
background-repeat: no-repeat;
}
div.navigation{
width: 100%;
clear: left;
}
.navigation ul.mainnavlist{
color: white;
font-family: copperplate gothic bold;
font-size: 10pt;
font-weight: ;
margin: 0;
padding: 0;
list-style: none;
background-color: ;
background-image: url("../images/nav.png");
background-repeat: repeat-x;
border-width: 0px 0px 0px 0px;
border-style: solid;
border-color: white;
padding-bottom: 4.6em;
padding-top: 0.4em;
background-color: #b3b3b5;
z-index: 1000;
}
.navigation ul.mainnavlist li.mainnavitem{
float: left;
padding-left: 1.6%;
padding-right: 1.2%;
padding-bottom: 1.2em;
padding-top: 0.1em;
border-width: 0px;
border-style: solid;
}
.navigation ul.mainnavlist li.mainnavitem:hover{
color: white;
background: #b3b3b5;
}
/* this is a anchor link to the navigation block */
.mainnavitem a{
color: white;
text-decoration: none;
}
/* this is what happens when an anchor link in the navigation is hovered over */
.mainnavitem a:hover{
color: white;
text-decoration:
}
/* This is the sublist of a main navigation item*/
.navigation ul.mainnavlist ul.sublist{
font-family: arial;
color: white;
list-style: none;
position: absolute;
float: left;
display: none;
margin-top: 0.75em;
padding-left: 0.3em;
padding-top: 0.1em;
z-index: 10000;
border-style: solid;
border-color: red;
border-width: 0px;
}
.navigation ul.mainnavlist li.selectmainnavitem{
color: black;
text-decoration: none;
background: ;
float: left;
padding-left: 1.6%;
padding-right: 1.2%;
padding-bottom: 1.2em;
border-width: 0px;
border-style: solid;
}
.navigation ul.mainnavlist ul.selectsublist{
font-family: arial;
color: black;
list-style: none;
position: absolute;
float: left;
display: block;
margin-top: 0.9em;
padding-left: 0.3em;
padding-top: 0.2em;
z-index: 2000;
border-style: solid;
border-color: red;
border-width: 0px;
}
.navigation ul.mainnavlist ul.selectsublist li{
float: left;
padding-left: 1em;
padding-right: 1em;
padding-bottom: 0.2em;
padding-top: 0.2em;
height: 1%;
border-style: solid;
border-color: gray;
border-width: 0px 1px 0px 0px;
background: #b3b3b5;
}
/* this an anchor for the selected sublist */
ul.selectsublist a{
color: black;
text-decoration: none;
}
/* this is a hovered over anchor for the selected sublist */ 
ul.selectsublist a:hover{
color: #fff;
}
.navigation ul.mainnavlist li:hover ul.sublist{
display: block;
}
.navigation ul.mainnavlist ul.sublist li{
font-family: arial;
float: left;
padding-left: 1em;
padding-right: 1em;
padding-bottom: 0.3em;
padding-top: 0.2em;
height: 1%;
border-style: solid;
border-width: 0px;
background: #b3b3b5;
}
.navigation ul.mainnavlist ul.sublist li:hover a{
color: black;
}
div.left{
clear: left;
padding-left: -1em;
}
#home{
margin-left: -1.2em;
}
#about{
margin-left: -6.2em;
}
#education{
margin-left: -13.8em;
}
#resources{
margin-left: -23em;
}
#services{
margin-left: -32em;
}
#programs{
margin-left: -39.5em;
}
#events{
margin-left: -47.4em;
}
#members{
margin-left: -5em;
}

div.container{
width: 100%;
margin-top: 0%;
border-style: solid;
border-width: 0px;
background: white;
}
div.leftnav{
float: left;
background-color: white;
width: 14.8em;
padding-left: 1em;
padding-top: 0.5em;
border-style: solid;
border-color: silver;
border-width: 0px 0px 0px 0px;
}
div.leftnav ul.quicklinks{
list-style-type: none;
padding-left: 0.5em;
margin-left: -2%;
text-align: ;
}
ul.quicklinks li{
border-style: solid;
border-color: #4f9f78;
border-width: 1px 0px 0px 0px;
padding-bottom: 1em;
width: 80%;
text-decoration: none;
font-family: ;
font-weight: bold;
color: #333333;
}
div.leftnav ul.events{
font-size: 10pt;
list-style-type: none;
padding-left: 0.5em;
padding-right: -2em;
margin-left: -2%;
text-align: ;
border-style: solid;
border-color: silver;
border-width: 0px 1px 0px 0px;
width: 90%;
}
div.leftnav ul.events li{
background-color: white;
border-style: solid;
border-color: #4f9f78;
border-width: 0px 0px 0px 0px;
padding-bottom: 1em;
padding-top: ;
width: 100%;
text-decoration: none;
color: #333333;
}
div.leftnav ul.events div#date{
color: green;
font-family: ;
font-size: ;
font-weight: bold;
}
div.leftnav ul.events div#readmore a{
color: #f15941;
font-family: ;
font-weight: bold;
text-decoration: none;
}
div.leftnav ul.events div#readmore a:hover{
color: ;
}
div#popup{
color: #555555;
font-weight: bold;
font-size: 10pt;
display: none;
position: absolute;
width: 15em;
margin: -1em 7em;
border-style: solid;
border-color: silver;
border-width: 2px;
padding: 0.3em 0.3em;
text-align: center;
background-color: white;
}
div.leftnav ul.events li #readmore a:hover div#popup{
display: block;
}
div.leftnav h1, div.leftnav h2, div.leftnav h3{
font-size: ;
color: green;
padding-bottom: 3%;
border-style: solid;
border-color: silver;
border-width: 0px 0px 1px 0px;
font-family: ;
width: 92%;
}
div.content{
font-size: 10pt;
width: 70%;	
float: left;
background-color: ;
padding-top: 1em;
padding-left: 1em;
padding-bottom: 2em;
border-style: solid;
border-width: 0px;
background: white;
}
.content h1#title{
color: #f15941;
border-style: solid;
border-color: gray;
border-width: 0px;
}
.content h1,h2,h3,h4{
color: #f15941;
}
.content a{
color: #f15941;
text-decoration: none;
}
.content a:hover{
color: silver;
}
.content div.footer{
clear: left;
border-style: solid;
border-color: #cccccc;
border-width: 0px 0px 0px 0px;
padding-top: 5%;
}
#element{
border-color: silver;
}
#element a{
color: #f15941;
}
#element a:hover{
color: silver;
}
#element_header{
background-color: #eeeeee;
border-color: silver;
}
div.footer{
padding: 1%;
clear: left;
text-align: center;
border-style: solid;
border-color: silver;
border-width: 1px 0px 0px 0px;
background: white;
background-image: url("../images/footerbgjpg");/* no background image as of yet, just testing it */
background-position: bottom;
background-repeat: no-repeat;
}