/*  
Theme Name: twentyten
Theme URI: http://blog.lincolnearthday.org	
Description: Des goes here
Author: Kenneth Johnson
Author URI: http://akenanet.com
Version: 1.0
*/

/* Lincoln Earth Day  Style Sheet
******************************************************************************************** */


* { margin: 0; padding: 0; }

body {
  background: #fff url(images/new-bg.jpg) repeat-x; 
  background-position: center top;
}



.header { 
 position: relative;
 width: 865px;
 height:77px;
 text-align: left;
}



.nav-menu
{
position: absolute;
right: 0px;
top: 20px;
} 

.nav-menu ul{
list-style: none;
padding: 0;
margin: 0;
}

.nav-menu li{
float: left;
margin: 0px 0px 0px 13px;

}

.nav-menu li a{
float: left;
display: block;
font-family: verdana;
font-size: 8pt;  
color: #ffffff;
text-decoration: none;
padding: 4px 5px;
}

.nav-menu li a.active{
background: #8cc63f;
float: left;
display: block;
font-family: verdana;
font-size: 8pt;  
color: #ffffff;
text-decoration: none;
}

.nav-menu li a:hover{
background: #8cc63f;
float: left;
display: block;
font-family: verdana;
font-size: 8pt;  
color: #ffffff;
text-decoration: none;
}

.split{
 position: absolute;
 top: 56px;
 left: 248px;
 text-align:center;
}



.logo{
 position: absolute;
 top: 13px;
 left: 10px;
}

.moment {
 height: 186px;
 width: 131px;
 background-image: url(images/moment_bg.jpg);
 text-align: left;
}
.moment .moment_text{
 padding: 15px 7px 10px 7px;
 width: 117px;
 height: 135px;
 font-family: verdana;
 color:#fff;
 font-size: 9pt;
 font-weight: 300;
}
.moment .moment_year{
 width: 131px;
 text-align:center;
 font-size: 14pt;
 font-weight: bold;
 color:#282216;

}


.banner{
 position: relative;
 width: 865px;
 height: 230px;
 background-image: url(images/banner-bg.jpg);
}

.tshirt{
 position: absolute;
 top: 15px;
 left: 30px;
}
.brew{
 position: absolute;
 top: 0px;
 left: 0px;
}
.wheels{
 position: absolute;
 top: 0px;
 left: 0px;
}

.b-text{
 position: absolute;
 top: 50px;
 left: 305px;
 width: 505px;
 font-family: verdana;
 font-size: 11pt;
 line-height: 16pt; 
 font-weight: 250; 
 color: #ffffff;
 text-decoration: none;
 text-align: left;
}

.banner h1{
 font-family: verdana;
 color: #ffffff;
 padding-bottom: 15px;
 text-transform: uppercase;
 font-size: 18pt; 
 line-height: 20pt;
 font-weight: 600; 
 text-decoration: none;
 letter-spacing:-1px;
}

.content { 
 position: relative;
 width: 865px;
 text-align: left;
 padding-top: 5px;
 padding-bottom: 15px;
}

.left-column{
 float: left;
 width: 540px;
 font-family: verdana;
 font-size: 9pt;
 line-height: 14pt; 
 font-weight: 250; 
 color: #6d6c6c;
 text-decoration: none;
}
.left-column ul{
margin-left: 35px;
margin-bottom: 10px;
}

.left-column a{ 
 color: #8cc63f;
 text-decoration: none;
}

.left-column a:hover{ 
 color: #8cc63f;
 text-decoration: underline;
}

.left-column p{padding-bottom:10px;}

.content1{
padding-top: 35px;
float: left;
width: 260px;
}

.content2{
padding-top: 35px;
padding-left: 20px;
float: left;
width: 260px;
}


.right-column{
 float: right;
 width: 300px;

}

h2{
 text-transform: uppercase;
 font-family: verdana;
 font-size: 18pt; 
 line-height: 20pt;
 font-weight: 600; 
 color: #8cc63f;
 text-decoration: none;
 padding-bottom: 5px;
 letter-spacing:-1px;
}
h2 a{
 color: #8cc63f;
 text-decoration: none;	
}
h2 a:hover{
	 color: #8cc63f;
 text-decoration: underline;
}

h4 a{
 color: #8cc63f;
 text-decoration: none;	
 font-size:16px;
}
h4 a:hover{
	 color: #8cc63f;
 text-decoration: underline;
}

h3{
 font-family: verdana;
 text-transform: uppercase;
 font-size: 9pt; 
 font-weight: 650; 
 color: #6d6c6c;
 text-decoration: none;
 padding-bottom: 0px;
}

.widget-wrapper{
width:300px;
}

.widget{
  background: url(images/widget-bg.gif) repeat;
  padding: 10px;
}

.widget-content{
 background: #ffffff;
 font-family: verdana;
 font-size: 8pt;
 line-height: 12pt; 
 color: #6d6c6c;
 text-decoration: none;
 text-align: left;
 padding: 10px;
}

.widget-content h2{
 font-size:14pt;	
}
.widget-content a{
 color: #8cc63f;
 text-decoration: none;	
}
.widget-content a:hover{
	 color: #8cc63f;
 text-decoration: underline;
}

.widgetbox { background-color: #FFFFFF; color: #777777; font-family: Verdana; font-size: 
11px; border: 1px solid #777777; padding:3px; }

.button { 
    font-family: verdana;
    font-size: 9 pt; 
    font-weight: bold;
    color: #ffffff;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
    background-color:#77726b;
    border-top: 1px solid #d6ccbb;
    border-left: 1px solid #d6ccbb; 
    border-right: 1px solid #fff; 
    border-bottom: 1px solid #fff;
    padding: 4px 10px;

    filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ff77726b',EndColorStr='#ff948f7c');
} 

.footer{
 background-color: #efedea;
 position:relative;
 width: 865px;
 font-family: verdana;
 font-size: 9pt;
 color: #6d6c6c;
 text-decoration: none;
}

.foot_column{
float:left;
padding: 10px 15px;
text-align: left;
}
.foot_column h3{
padding-bottom:5px;
}
.foot_column h3 a{
font-size: 15px;
font-weight:bold;
color:#6f6d69;
text-decoration:none;
}

.foot_column h3 a:hover{
color:#6f6d69;
text-decoration:underline;
}

.foot_column a{
color:#6f6d69;	
text-decoration:none;
}
.foot_column a:hover{
color:#6f6d69;	
text-decoration:underline;
}


.foot_q2{
text-align:left;
float:left;
width:260px;
padding: 10px 0 0 45px;
}

.foot_q1{
text-align:left;
float:left;
width:550px;
padding: 15px 0 0 10px;
font-size: 8pt;
}

.foot_q2 a{
 color: #8cc63f;;
 text-decoration: none;
}

.foot_q2 a:hover{
 color: #8cc63f;;
 text-decoration: underline;
}

.error-txt {
 color: #c71717;
 font-family: verdana, arial, helvetica;
 font-size: 8pt;
 text-decoration: none; 
}

.chair{
 width: 540px;
 font-family: verdana;
 font-size: 7pt;
 line-height: 11pt; 
 font-weight: 250; 
 color: #6d6c6c;
 text-decoration: none;
}

.chair a{ 
 color: #6d6c6c;
 text-decoration: none;
}

.chair a:hover{ 
 color: #6d6c6c;
 text-decoration: underline;
}

.teach-title{
 font-family: verdana;
 font-size: 9pt;
 line-height: 11pt; 
 font-weight: 650; 
 color: #6d6c6c;
 text-decoration: none;
}

.teach{
 font-family: verdana;
 font-size: 7pt;
 line-height: 11pt; 
 font-weight: 250; 
 color: #6d6c6c;
 text-decoration: none;
}

.teach a{ 
 color: #6d6c6c;
 text-decoration: none;
}

.teach a:hover{ 
 color: #6d6c6c;
 text-decoration: underline;
}

.hr{
width: 90%; 
height: 1px; 
background: #6d6c6c; 
} 

a.awesome{
	 margin-top: 10px;
     background: url(images/button.png) repeat-x #8cc63f;
     padding: 3px 10px 3px 10px;
     text-align: center;
     font-weight: bold;
     color: #fff;
     text-decoration: none; border: 1px inset #aaa;
     -webkit-border-radius: 8px; width: auto; -moz-border-radius: 8px;  -khtml-border-radius: 8px;  border-radius: 8px;
     -moz-box-shadow: 1px 1px 1px #666;  -webkit-box-shadow: 1px 1px 1px #666;  box-shadow: 1px 1px 1px #666;
     text-shadow: rgba(0,0,0, .5) 0px -1px 0px;
      border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #666; border-right: 1px solid #666;
}
	
a.awesome:hover  {
              color:#fff; text-decoration:none;
	          background: url(images/button_h.png) repeat-x #8cc63f;
              text-shadow: rgba(0,0,0, .5) 0px -1px 0px;
}

.content1{
margin-bottom: 15px;
padding: 5px;
background: #fff url(images/content2_bg.jpg) repeat-x;
width: 530px;
}

.threeday1{
	height:55px;
	width:205px;
    background: url(images/celebration.jpg);
	padding-left:95px;
	padding-top: 17px;
	
}
.threeday1 a{
    font-family: verdana;
    font-size: 8pt;
    line-height: 8pt; 
    font-weight: 250; 
    color: #292218;
    text-decoration: none;
}
.threeday1 a:hover{
    color: #292218;
    text-decoration: underline;
}
.threeday1 h2{
    font-family: verdana;
	line-height: 8pt;
    font-size: 8pt;
    color: #292218;
    text-decoration: none;	
}

.threeday2{
	height:55px;
	width:205px;
    background: url(images/communication.jpg);
	padding-left:95px;
	padding-top: 17px;
	
}
.threeday2 a{
    font-family: verdana;
    font-size: 8pt;
    line-height: 8pt; 
    font-weight: 250; 
    color: #292218;
    text-decoration: none;
}
.threeday2 a:hover{
    color: #292218;
    text-decoration: underline;
}
.threeday2 h2{
    font-family: verdana;
	line-height: 8pt;
    font-size: 8pt;
    color: #292218;
    text-decoration: none;	
}


.threeday3{
	height:55px;
	width:205px;
    background: url(images/service.jpg);
	padding-left:95px;
	padding-top: 17px;
	
}
.threeday3 a{
    font-family: verdana;
    font-size: 8pt;
    line-height: 8pt; 
    font-weight: 250; 
    color: #292218;
    text-decoration: none;
}
.threeday3 a:hover{
    color: #292218;
    text-decoration: underline;
}
.threeday3 h2{
    font-family: verdana;
	line-height: 8pt;
    font-size: 8pt;
    color: #292218;
    text-decoration: none;	
}

.resource{
float:left;
padding-right: 10px;
padding-left:5px;

}

.celebrate{
border: #8cc63f 1px dashed;
background: #ebf4df;
padding: 5px 0;
}

/*********************************************************************/

#mainNav li{
	height:71px;
	list-style:none;
	float:left;
	background-color:#efedea;
	background-image: url(images/navBtn.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#mainNav li.current{
	background-color:#74b424;
	background-image: url(images/navCurrentBtn.gif);
}

#mainNav li.lastDone{
	background-color:#a78b74;
	background-image: url(images/navLastDoneBtn.gif);
}

#mainNav li.done{
	background-color:#a78b74;
	background-image: url(images/navDoneBtn.gif);
}

#mainNav li a, #mainNav li a:link, #mainNav li a:visited, #mainNav li a:hover, #mainNav li a:active {
color:#ccc;
}

#mainNav li.lastDone a, #mainNav li.lastDone a:link, #mainNav li.lastDone a:visited, #mainNav li.lastDone a:hover, #mainNav li.lastDone a:active, #mainNav li.current a, #mainNav li.current a:link, #mainNav li.current a:visited, #mainNav li.current a:hover, #mainNav li.current a:active, #mainNav li.done a, #mainNav li.done a:link, #mainNav li.done a:visited, #mainNav li.done a:hover, #mainNav li.done a:active {
color:#fff;
}
#mainNav a:hover{text-decoration:none;}
#mainNav li.done a:hover, #mainNav li.lastDone a:hover  {
color:#FFFF99;
cursor:hand;
}

#mainNav li a em{
width:150px;
display:block;
margin:6px 0 0 10px;
font-style:normal;
font-weight:bold;
}

#mainNav li a span{
width:140px;
display:block;
margin-left:10px;
font-weight:normal;
}

#mainNav li.mainNavNoBg{
background-image:none;
}

#mainNav li a{
height:71px;
display:block;
}
#mainNav.threeStep li{width:180px;}
#mainNav.threeStep li.mainNavNoBg{width:180px;}
#mainNav.threeStep li a{width:180px;}

#mainNav.twoStep li{width:270px;}
#mainNav.twoStep li.mainNavNoBg{width:270px;}
#mainNav.twoStep li a{width:270px;}