body{
	background:#0062a3;
	text-align:center;
	font-family:sans-serif;
	line-height:1.5em;
}

#bodyWrap{
	background:white url(../images/page_shadow.jpg) 50% 0 repeat-y;
}

#bigWrapDonate{
background:#ecf9fc;
border-bottom:1px solid white;
}


#donateBar{

}


#donateBar h2{
padding-top:15px;
}

#donateBar h2 a{
padding-top:15px;
padding-bottom:15px;
padding-left:60px;
}

#donateBar h2#voluteer a{
	background:transparent url(../images/excited_blue.jpg) 0 50% no-repeat;
}

#donateBar h2#donate a{
	background:transparent url(../images/star_icon_small.jpg) 0 50% no-repeat;
}

#donateBar h2#register a{
	background:transparent url(../images/check_icon_small.jpg) 0 50% no-repeat;
}

#topBarWrap{
background:#0062a3;
border-top:1px solid white;
position:relative;
z-index:50;
}

#topBar{
width:1000px;
margin:0 auto;
background:#0062a3 url(../images/top_bar_gradient.jpg) 50% 100% no-repeat;
position:relative;
z-index:20;
}

#logo{
float:left;
display:block;
}


#getInvolvedLink{
display:block;
float:right;
}


#get_involved_in_oklahomas_state_superintendent_election p{
margin-bottom:0;
}

   #get_involved_in_oklahomas_state_superintendent_election h3{
margin-top:1em;
}  

#volunteerSection{
padding:10px;
margin:20px 0px;
width:360px;
background:#eee;
}   

#joinForm{
width:300px;
float:right;
text-align:center;
display:inline;
margin-top:16px;
margin-right:50px;
}


#joinForm h4{
margin:0;
margin-bottom:.1em;
font-size:1.6em;
font-variant:small-caps;
color:#fff;
}



#donateCont{
background:#ecf9fc;
width:250px;
}


#donateHeading{
background:#ecf9fc url(../images/star_icon_new.jpg) 10% 50% no-repeat;
height:64px;
padding-left:108px;
padding-top:40px;
border-bottom:3px solid #fff;
margin:0;
}

#home .sideBox{
border-top:2px solid #fff;
}
/***********************

Styles for the top menu

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

#menu{ 
margin-top:0px;
width:100%;
border-top:7px solid #e72b2b;
background:white url(../images/menu_gradient.jpg) 0 100% repeat-x;
margin-bottom:-16px; 
clear:both;
}

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

        #menu ul li{
        float:left;
        padding:0px;
	margin:0px;
        }

	
        #menu li a{
        text-decoration:none;
        display:block;
        margin:0px 0px;
        padding:10px 20px;
        color:#0062a3;
        border-right:1px solid #cacaca;
        }

	#menu li.current a{
		color:#9a9a9a;
		
	}

        #menu li a:hover{
        color:#e72b2b;
        background:white url(../images/menu_gradient.jpg) 0 10px repeat-x;
        }

#featureBarWrap{
background:white url(../images/light_side_gradient.jpg) 0 0px repeat-x;
}

#featureBar{
background:transparent url(../images/feature_frame.jpg) 50% 0px no-repeat;
margin:0 auto;
height:347px;
width:1008px;
text-align:center;
position:relative;
z-index:20;
}

#featureBar #featureRegister{
padding-top:2px;
position:absolute;
left:590px;
top:170px;
display:block;
background:transparent;
}

#featureBar #featureRegister:hover{
padding-top:0px;
padding-bottom:2px;
}

#featureBar p{
float:left;
margin-right:10px;
}

#featureBar a{
background:white;
}

#featureBar img{
margin-top:16px;
}



/*
#pageWrapOutter1{
background:white url(../images/page_shadow.jpg) 50% 0 repeat-y;
position:relative;
z-index:10;
}*/

#pageWrapOutter2{
background:transparent url(../images/shadow_top.jpg) 50% 0px no-repeat;
padding-top:25px;
}

#pageWrap{
background:white;
width:999px;
margin:0px auto;
margin-top:0px;
padding-top:5px;
text-align:left;
border-bottom:7px solid #e72b2b;
margin-bottom:0px;
position:relative;
z-index:89;
clear:both;
}



div.sideBox{
background:#ecf9fc;
border:0;
padding:0;
padding-top:10px;
}

div.sideBoxInner{
margin:10px;
}


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

Styles for the footer

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


#footer{
margin-top:-40px;
padding-top:60px;
margin-bottom:20px;
position:relative;
z-index:10;
background:#0062a3;
color:white;
}

#footer a{
color:white;
}



/***********************
* Paginiation, for blogs
* and tags
************************/

.pagination{
background:#eee;
padding:10px;
border:1px solid #ccc;
border-left:0px;
border-right:0px;
text-align:center;
margin:10px 0px;
}

.pagination a{
border:1px solid #ccc;
padding:3px 8px;
margin:3px;
}

.pagination a:hover{
background:#ccc;
color:black !important;
}


/*************************
* Tag cloud
**************************/

.tag1 {font-size: 1.0em;}
.tag2 {font-size: 1.2em;}
.tag3 {font-size: 1.4em;}
.tag4 {font-size: 1.6em;}
.tag5 {font-size: 1.8em;}
.tag6 {font-size: 2.0em;}

/*********************************
*Coments
**********************************/

.comment{
border-bottom:1px solid #eee;
padding:10px 0px;
width:100%;
}

.comment .author{
float:left;
width:200px;
margin:10px;
}

.comment .author_name{
margin-bottom:10px;
}

.comment .date{
margin-top:10px;
}

.comment .content{
margin-left:220px;
}

/*****************************
* Blog layout
******************************/

#blogMainArea{

}

#blogSidebar{

}

#blogTitle h1{
font-size:2.4em;
}

.post{
background: transparent url(../images/shadow_line.gif) 0 100% no-repeat;
padding-bottom:30px;
margin-bottom:10px;
}

.post .grav_img{
float:left;
margin-right:10px;
margin-bottom:10px;
}

.post .body{
clear:left;
}

.postInfo h3, .postInfo h5{
border-bottom:0px;
margin:0px;
}

.postInfo .grav_img{
float:left;
margin-right:10px;
margin-bottom:10px;
}

.postBody{
clear:left;
}


.decoyEmail{
display:none;
}
/***********************
**Some general form stuff
************************/


ul.form_errors{ 
                border:1px solid red;
                background:#fdd;
                padding:10px;
                padding-left:30px;
                }

.submitted_ok{ 
                border:1px solid green;
                background:#dfd;
                padding:10px;
                padding-left:30px;  
                margin:10px;
 }

input.form_error,textarea.form_error,select.form_error{ 
                  border:2px inset red;
                  background:#fdd;
                  }

            
/*********************
*This allows fluid images
***********************/
img.full{
max-width:100%;
}

table td img.full{
width:100%;
}
            
            
    /***********************
    * Clearfix rules
    ************************/
        .clearfix {
	 display:inline-block;
	}
	.clearfix:after {
	 display:block; 
	 visibility:hidden; 
	 clear:both; 
	 height:0; 
	 content: "."; 
	}

