/*
=============================================================

Author: Darren Hester
Last Modified: 06-29-09

Built using the 960 Grid System 
by Nathan Smith (http://960.gs)

Valid 2.1 CSS

=============================================================
*/


body {
	background: #EDF7FF;
	color: #333333;
}



/*
======================== hyperlinks =========================
*/

a, a:active, a:visited {
	color: #0066CC;
	text-decoration: none;
}

a:hover {
	color: #0066CC;
	text-decoration: underline;
}



/*
======================== typography =========================
*/

h1, h2, h3, h4, h5 {
	font-family: Helvetica, Arial, sans-serif;
	margin-bottom: 5px;
	color: #444444;line-height:1.2em;
}

#top_inside p {
	margin: 0;
	padding: 30px 0 15px 0;
	text-align: left;
	font-size: 11px;
}

#bottom_inside p {
	margin: 0;
	padding: 30px 0 30px 0;
	text-align: center;
	font-size: 11px;
	color: #999999;
}

#footer_inside p {
	margin: 0;
	padding: 30px 20px 30px 20px;
	text-align: center;
	line-height: 1.4em;
	color: #FFFFFF;
}


#footer_inside a, #footer_inside a:active, #footer_inside a:visited {
	color: #BAEF69;
	text-decoration: none;
}

#footer_inside a:hover {
	color: #BAEF69;
	text-decoration: underline;
}



/*
====================== page structure =======================
*/

#top_outside {
	background: transparent url(../img/top.jpg) bottom left no-repeat;
}

#top_inside {
	height: 60px;
}

#header_outside {
	background: transparent url(../img/header.jpg) bottom left no-repeat;
}

#header_inside {
	height: 160px;
}

#menu_outside {
	background: transparent url(../img/menu.jpg) top left repeat-y;
}

#menu_inside {

}

#content_outside {
	background: transparent url(../img/content.jpg) top left repeat-y;
}


#content_inside {
	padding-top: 25px;
	padding-bottom: 10px;
}


#footer_outside {
	background: transparent url(../img/footer.jpg) top left repeat-y;
}

#footer_inside {

}

#bottom_outside {
	background: transparent url(../img/bottom.jpg) top left no-repeat;
}

#bottom_inside {

}

#full_column {

}


.inner_padding {
	padding: 0 10px 10px 10px; /* adds some extra seperation between left/right columns  */ 
	border: 0px solid #ccc;
}


#right_sub_1 {

}

#right_sub_2 {

}




/*
========================== logo =============================
*/

#logo {
	width: 290px;
	height: 120px;
	border: 0px dashed #fff;
	float: left;
	margin: 24px 0 0 0;
	padding: 0;
}

#logo h1 { 
  background: transparent; 
  width:290px;
  height: 120px;
  text-indent: -100em; 
  overflow: hidden;
  padding:0; 
  margin:0; 
}

#logo a { 
  display: block; 
	width:290px;
	height: 120px
}




/*
========================= menu bar ==========================
*/

#navcontainer ul {
	padding-left: 0;
	margin: 10px 0;
	background: #7ABF00;
	border: 1px solid #7ABF00;
	color: #FFFFFF;
	float: left;
	font-family:  verdana, helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
	width: 818px;
}

#navcontainer ul li { 
	display: inline; 
}

#navcontainer ul li a {
	padding: 0.3em 1.2em 0.3em 1.2em;
	background: #7ABF00;
	border: 1px solid #7ABF00;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
}

#navcontainer ul li a:hover {
	background: #FFFFFF;
	border: 1px solid #222222;
	color: #222222;
}




/*
========================== lists ============================
*/

#content_inside ul {
	margin: 0 0 20px 5px;
	padding: 0;
	list-style: none;
}

#content_inside li {
	padding-left: 12px;
	background: url('../img/arrow.gif') 0 .5em no-repeat;
	margin-top: 0px; margin-left:0; margin-bottom:.3em; 
	padding-top: 0px; padding-bottom:0px;
	width: 96%; /* Fix disppearing bullets in IE */
}




/*
======================= image styles ========================
*/

.align_left {
	float: left;
	padding: 5px;
	margin: 5px;
}

.article_thumbnail {
	float: left;
	padding: 6px;
    border:1px solid #ddd;
	margin: 7px 17px 7px 0px; 
}

.article_thumbnail img {
    display: block;
    border: 0;
}

.thumb_wrapper {
    width: 180px;
    height: 205px;
	float: left;
	padding: 0px;
	margin: 9px; background: #e9e9e9; border:1px solid #ddd;
}

.thumb_wrapper_featured {
    width: 180px;
    height: 205px;
	float: left;
	padding: 0px;
	margin: 9px; background: #EAF6D7; border:1px solid #DEEACC;
}

.thumbnail {
	padding: 10px 9px 5px 9px;
	margin: 0px;

}

.thumbnail img {
	border:1px solid #333;
}

.thumb_caption p {
	text-align:center;
    font-size: 11px;
	margin: 5px 0 0 0;
}

.align_right {
	float: right;
	padding: 4px;
	margin: 6px 0 5px 10px;
	border: 1px solid #cccccc;
	background: #f9f9f9;	
}

.banner_wrap_468 {
	text-align:center;
	background: #FFFFFF;
	margin-bottom: 20px;
	border: 1px solid #eeeeee;
}

.banner_wrap_250 {
	padding: 15px 14px;
	text-align:center;
	background: #FFFFFF;
	margin-bottom: 20px;	margin-top: 10px;
	border: 1px solid #eeeeee;
}

.banner_wrap_200 {
	padding: 5px 0;
	text-align:center;
	background: #FFFFFF;
	margin-bottom: 20px;
	border: 1px solid #eeeeee;
}

.post_wrap {
	padding: 0px;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
	background: #FFFFFF;
}

.summary_wrap {
	padding:  7px 0;
	margin-bottom: 10px;
	margin-top:10px;
	border: 0px solid #eee;
	background: #FFFFFF;
}

.summary_wrap p {
	margin-top:10px;
}

.preview_wrap {
	padding: 8px 8px;
	text-align:center;
	margin-bottom: 0px;
	margin-top: 10px;
	border: 1px solid #cccccc;
	background: #E4E4E4;
}

.preview_wrap img {
	border:1px solid #333;
}

.sidebar_wrap { 
	border: 0px solid #eee;
	background: #f9f9f9;
    margin-bottom: 15px; padding: 15px 10px 0 10px;
}



.banner_wrap_200 img, .banner_wrap_250 img, .banner_wrap_468 img, .preview_wrap img {
	display: block;
}

.align_left img, .align_right img, .align_sidebar img, .align_left_mini img {
	border: none;
	display: block;
}




/*
======================= miscellaneous =======================
*/

.spacer {
	clear:both;
}