body {
background-color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 75%;
}

#container {
width: 960px;
margin: auto;
}

#container1 {
display: block;
margin: auto;
}

#container2 {
width: 960px;
margin: auto;
}

#container3 {
display: block;
margin: auto;
}

#header {
height: 40px;
background:  url(images/header.jpg);
}
#header1 {
display: block;
background:  url(images/header.jpg);
}

#header2 {
width 960px;
min-height:135px;
background:  url(images/header3.jpg);
}

#header3 {
display: block;
background:  url(images/header.jpg);
}

#header h1 {
font-size: 2em;
padding: 10px;
float: left;
margin: 25px 25px 0px;
color: #CCFF00;
}

#crosspicture {
display: inline;
padding: 5px 0px 0px 17px;
margin: 0px 10px 0px 0px;
float: left;
}

#header2 h1 {
font-size: 2.5em;
text-align: right;
padding: 20px 20px 0px 0px;
color: gold;
}


#header2 h2 {
font-size: 1em;
text-align: right;
padding: 0px 255px 5px 0px;
color: gold;
}

#header #sitemenu {
color: #889955;
float: right;
margin: 35px 25px 0px;
}

#header2 #sitemenu {
color: #889955;
text-align: right;
padding: 0px 10px 10px 0px;
}

#header2 #sitemenu a {
text-decoration: none;
color: #FFFFFF;
font-size: .75em;
}



#header #sitemenu a:hover {
text-decoration: underline;
color: #CCFF10;
}

#header2 #sitemenu a:hover {
text-decoration: underline;
background: black;
color: gold;
}


#main {
background:  url(images/content.jpg) repeat-y;
float:left;
}

#main11 {
background:  url(images/content.jpg) repeat-y;
float:left;
}

#main1 {
background:  url(images/content.jpg) repeat-y;
float:left;
}

#main2 {
width: 960px;
background:  url(images/content3.jpg);
float:left;
}

#main3 {
background:  url(images/content3.jpg) repeat-y;
float:left;
}

#main3 {
background:  url(images/content3.jpg) repeat-y;
float:left;
}

#menu {
float: left;
width: 160px;
padding: 0px 10px;
}

#menu1{
float: left;
display: block;
padding: 0px 10px;
}

#menu2{
float: left;
width: 160px;
padding: 25px 2px 25px 0px;
font-size: 1em;
}

#menu3{
float: left;
display: block;
padding: 0px 10px;
}

#menu h2 {
margin: 6px 0px;
font-size: .5em;
}

#menu2 h2 {
margin: 0px 0px;
font-size: 1em;
}

#menu ul {
margin: 2px;
padding: 0px;
list-style: none;
}

#menu ul li {
padding: 3px 6px;
background-color: #446622;
border-top: 1px solid #223311;
}


#menu ul li a {
color: #C0CC77;
text-decoration: none;
}

#menu2 ul li a {
color: #FFFFFF;
text-decoration: none;
}

#menu2 ul li {
margin: 0px;
padding: 0px;
}


#menu ul li a:hover {
color: red;
text-decoration: underline;
}

#menu2 ul{
padding:0px;
list-style-position: outside; 
margin-left: 0px; 
padding-left: 30px; 
vertical-align: middle;
}

#menu2 ul ul{
list-style-position: outside; 
margin-left: 0px; 
padding-left: 30px; 
vertical-align: middle;
}

#menu2 ul ul li{
margin: 0px;
padding: 0px;
}

#menu2 ul li a:hover {
background: black;
color: gold;
text-decoration: underline;
}


#menu ul ul li {
font-size: 0.9em;
}


#contents {
float: left;
width: 560px;
padding: 0px 20px;
}

#contents11 {
float: left;
width: 960px;
padding: 0px 20px;
}

#contents1 {
float: left;
display: block;
padding: 0px 20px;
}

#contentshp {
float: left;
width: 540px;
padding: 0px 20px;
}

#contents2 {
float: left;
width: 725px;
padding: 20px 20px;

}

#contents2 picture {
float: left;
width; 500px;
padding 20px;
}

#contents21 {
float: left;
width: 725px;
padding: 20px 20px;

}

#contents21 p {
text-decoration: underline;
font-size: 1.5 em;
margin: -10px;
}

#contents21 h3 {
padding: -10px;
margin: -10px;
}

#contentsp {
float: left;
width: 925px;
padding: 20px 20px;

}

#contentsm {
float: left;
width: 540px;
padding: 0px 20px;
}

#contents3 {
float: left;
display: block;
padding: 0px 20px;
}

#contents h2 {
margin: 6px 0px;
font-size: 1.5em;
}

#contents2 h2 {
font-size: 2.0em;
}

#contents h3 {
margin: 6px 0px;
font-size: 1.2em;
}

#contents2 h5{
font-size: 1.2em;
text-decoration:underline;
}

#contents p {
margin: 6px 0px;
}

#contents2 #picture {
float: left;
display: inline;
width: 275px;

margin: 10px 0px 0px 0px;

}

#contents2 #picture2 {
float: left;
display: inline;
width: 700px;
padding: 0px 10px;
margin: 20px 10px 0px 0px;
clear: both;
}

#contents2 #picture3 {
float: left;
width: 700px;
padding: 0px 10px;
margin: 20px 10px 0px 0px;
clear: both;
}

#contents2 #picture4 {
float: left;
width: 700px;
padding: 0px 10px;
margin: 20px 10px 0px 0px;
clear: both;
}

#contents2 #picture5 {
float: left;
width: 700px;
padding: 0px 10px;
margin: 20px 10px 0px 0px;
clear: both;
}

#contents2 #picture6 {
float: left;
width: 700px;
padding: 0px 10px;
margin: 20px 10px 0px 0px;
clear: both;
}

#contents2 #picture7 {
float: left;
width: 700px;
padding: 0px 10px;
margin: 20px 10px 0px 0px;
clear: both;
}

#contents2 #picture8 {
float: left;
width: 700px;
padding: 0px 10px;
margin: 20px 10px 0px 0px;
clear: both;
}

#contents2 #picture9 {
float: left;
width: 700px;
padding: 20px 10px;
margin: 0px 10px 0px 0px;
clear: both;
}

#contents2 #picture10 {
float: left;
width: 700px;
padding: 0px 10px;
margin: 20px 10px 0px 0px;
clear: both;
}

#contents2 #picture11 {
float: left;
width: 700px;
padding: 0px 10px;
margin: 20px 10px 0px 0px;
clear: both;
}

#contents2 #picture12 {
float: left;
width: 700px;
padding: 0px 10px;
margin: 20px 10px 0px 0px;
clear: both;
}

#contents2 h3{
text-decoration:underline;

}



#callout {
float: left;
width: 180px;
padding: 0px 20px 10px 15px;
font-size: 0.9em;
color: #C0CC77;
}

#callouthp {
float: left;
width: 100px;
padding: 0px 20px 10px 15px;
font-size: 0.9em;
color: #C0CC77;
}
#callout1 {
float: left;
display: block;
padding: 0px 20px 10px 15px;
font-size: 0.9em;
color: #C0CC77;
}
#callout2 {
float: left;
display: block;
padding: 0px 20px 10px 15px;
font-size: 0.9em;
color: #C0CC77;
}
#callout3 {
float: left;
display: block;
padding: 0px 20px 10px 15px;
font-size: 0.9em;
color: #C0CC77;
}

#calloutm {
float: left;
width: 150px;
padding: 0px 20px 10px 15px;
font-size: 0.9em;
color: #C0CC77;
}

#callout h2 {
color: #FFFFFF;
margin: 6px 0px;
font-size: 1.1em;
}


#callout p {
color: #C0CC77;
margin: 6px 10px;
}

#callouthp p {
color: #000000;
}




#story {
float: left;
display: block;
font-size: .9em;
padding:10px;
}
#storyhp {
float: left;
width: 180px;
font-size: .9em;
padding:12px;
}
#story2 {
float: left;
display: block;
font-size: .9em;
padding:10px;
}
#story3 {
float: left;
display: block;
font-size: .9em;
padding:10px;
}

#secondarystory{
float:left;
width: 100px;
font-size: .9em;
padding: 10px;
}

#secondstoryhp {
float:left;
width: 560px;
font-size: .9em;
padding: 0px 190px;
}



#secondarystory3 {
float:left;
display: block;
font-size: .9em;
padding: 10px;
}

#website {
background:  url(images/website2.jpg) repeat-y;
}

#website h2{
width: 217px;
color: #00FF00;
font-size: 1.5em;
}

#website a{
font-size: 1.3em;
}

	

#website p{
color: #00FF00;
width: 217px;
}

#top {
margin: -5px 2px 0px;
}

#missviss{
background: #77AAFF;
clear: both;
}

#vission {
background: #77AAFF;
width: 345px;
float:left;
display:inline;
padding:10px 2px 10px 2px;
margin: 0px 0px 0px 15px;
}
#vission h3{
background: #77AAFF;
font-size:1.25em;
text-allign:center;
}


#vission p{
background: #77AAFF;
font-size: 1.2em;

}

#mission {
background: #77AAFF;
width: 345px;
float:right;
display:inline;
padding:10px 2px 10px 2px;
margin: 0px 0px 0px 5px;
}

#mission h3{
background: #77AAFF;
font-size:1.25em;
}

#mission p{
background: #77AAFF;
font-size: 1.2em;

}


#footer {
padding: 25px 25px 0px 0px;
color: #99BB66;
height: 25px;
text-align: center;
background:  url(images/footer3.jpg);
clear: both;
}
#footer1 {
padding: 25px 25px 0px 0px;
color: #99BB66;
height: 25px;
text-align: center;
background:  url(images/footer3.jpg);
clear: both;
}
#footer2 {
width: 955px;
padding: 0px 5px 0px 0px;
color: #000000;
height: 20px;
text-align: center;
background:  url(images/footer3.jpg);
clear: both;
}

#footer2 p {
padding: 0px 5px 0px 0px;
}

#footer3 {
padding: 25px 25px 0px 0px;
color: #99BB66;
height: 25px;
text-align: right;
background:  url(images/footer.jpg);
clear: both;
}