/* all pages */
body {
background-color:silver;
color: #fff;
font-family:baskerville;
font-size:18px; 
width:100%;
overflow-x:hidden;
padding:0px;
}


a:link { color: #222;}
a:visited { color: #222;}
a:hover { color: #333;}
a:active {color: #222;} 
a:focus {outline: none;}
a{text-decoration:none;}


a.color:link {color: #666; text-decoration: none;}
a.color:visited {color: #666; text-decoration: none;}
a.color:hover {color: #fff; text-decoration: none;}
a.color:active {color: #666; text-decoration: none;}



.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	
	border-left: 20px solid #66cc33;
}

.arrow-right:hover {
	border-left: 20px solid #000;
}



.arrow-left {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	
	border-right:20px solid #66cc33; 
}

.arrow-left:hover {
	border-right: 20px solid #000;
}


.circle
{
float:left;
width:48px;
height:48px;
border-radius:50%;
font-size:40px;
background:#66cc33;
line-height:50px;
text-align:center;
color:white;
margin-left:50px;
margin-top:10px;
margin-bottom:10px;
}


.circletext{
background:black;
float:left;
width:400px;
height:60px;
color:white;
align:left;
margin-left:1px;
margin-top:5px;
line-height:230%;
font-size:150%;
font-weight:600;
}

.divider{
background:#eee;
width:95%;
height:50px;
margin:auto;
text-align:center;
color:#669933;
}


#footer {
background-color:#222;
background-size: 100% 100%;
width:100%;
height:390px;
overflow:hidden;
position:relative;
}


.footer_bottom {
background-color:#222;
margin:auto;
margin-top:-18px;
width:100%;
height:40px;
position:relative;
line-height:150%;
text-align:center;
font-size:80%;
overflow:hidden;
}

.footercontent {
margin-top:10px;
text-align:left;
}

.footercontent2 {
margin-top:30px;
text-align:left;
font-size:120%;
}

.footerhead{
width:97%;
margin:auto;
margin-top:5px;
overflow:hidden;
}

.footerheadlines {
float:left;
margin-left:200px;
font-size:24px;
}

.footerheadlines2 {
float:right;
margin-right:135px;
font-size:24px;
}

.footerlines{
background:blue;
width:40%;
height:1px;
align:left;
}

.footer_left {
float:left;
width:22%;
margin-left:30px;
margin-top:0px;
position:relative;
font-size:85%;
padding-bottom:10px;
}


.footer_left2 {
float:left;
width:22%;
margin-left:30px;
margin-top:0px;
position:relative;
font-size:85%;
padding-left:5px;
}


h2 {color:blue;}

.img2 {
opacity:0.8;

}

.img2:hover {
opacity:1.0;

}


.imageholder{
width:120%;
margin:auto;
margin-left:-30px;
overflow-x:hidden;
}

.logoholder{
width:126px;
height:117px;
margin-left:100px;
clear:both;
}

#lowerbox{
min-width:105%;
margin:auto;
margin-top:-30px;
margin-left:-5px;
background-color:#fff;
padding:0px;
overflow:hidden;
}

.lowerpanel{
background:#fff;
margin:auto;
margin-top:0;
width:90%;
color:black;
text-align:left;
padding:30px;
padding-right:80px;
text-align:justify;
line-height:200%;
}

#maincontent {
background:#000;
width:93%;
margin:auto;
margin-top:-9px;
overflow:hidden;
padding:0px;
}


.navbox{
width:100%;
height:60px;
margin:auto;
background:white;
opacity:0.9;
clear:both;
}

.navinner{
width:40%;
height:100%;
margin:auto;
position:relative;
overflow:hidden;
padding:0px;
text-align:center;
}


.nav{
width:18%;
height:100%;
overflow:hidden;
float:right;
margin-right:6%;
margin-top:0px;
font-size:26px;
line-height:200%;
color:#666;
display:inline-block;
position:relative;
}

.nav2{
width:18%;
height:100%;
overflow:hidden;
background:#66cc33;
float:right;
margin-right:6%;
margin-top:0px;
font-size:26px;
line-height:200%;
color:#fff;
display:inline-block;
position:relative;
}

.nav3{
width:7%;
height:100%;
float:right;
margin-right:4%;
margin-top:0px;
font-size:26px;
line-height:200%;
color:#000;
display:inline-block;
position:relative;
}