/*------------------------
Base Styles
-------------------------*/
body {
	font-family: Helvetica, Arial, sans-serif !important;
	color: #444;
	font-size: 0.8125em;
}
* {
	margin: 0;
	padding: 0;
}
p {
	clear:left;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 1em 0;
}
h1 {
	clear:left;
	margin-bottom: 10px;
	color: #496E19;
	font-weight: normal;
}
h2 {
	clear:left;
	margin-bottom: 10px;
	color: #496E19;
	font-weight: bold;
}
h3 {
	clear:left;
	margin-bottom: 10px;
	color: #8CC63E;
	font-weight: normal;
}
h4 {
	clear:left;
	margin-bottom: 10px;
	color: #496E19;
	font-weight: bold;
}
h5 {
	clear:left;
	margin-bottom: 5px;
	color: #8CC63E;
	font-weight: normal;
	font-style:italic;
	font-size:1em;
}
ul {
	margin:0;
	padding:0;
	width:auto;
	float:left;
}
ul li {
	list-style:none;
	padding: 0 0 5px 0;
}
ol {
	margin:0;
	padding:0;
}
ol li {
	padding: 0 0 5px 0;
}
img {
	border:none;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.error {
	color: #f17171;
	padding: 10px 5px;
	font-style: italic;
}
.mb10 {
	margin-bottom:10px;
}
/* ---------------------------------------------------------------------------
wrapper
--------------------------------------------------------------------------- */
#wrapper {
	margin: 0px auto;
	background-color: #fff;
}

/* ---------------------------------------------------------------------------
header
--------------------------------------------------------------------------- */
#header {
	/*height: 185px;
	width: 945px;*/
	padding: 0 15px;
	font-size:.7em;
}
#header h1{
	position:absolute;
	top:-999px;
}
a.slogan:link,a.slogan:hover {
	float:left;
	text-decoration:none;
	color:#8CC63E;
	border:none;
}
#logo {
	float:left;
	width:192px;
	margin:10px 0 0 0;
	border:none;
}
#number {
	float:right;
	margin: 10px 0 0 0;
}
#search {
	float:right;
	width:375px;
	margin:0;
	clear:both;
	font-size:1.25em;
	display:none;
}
#search ul {
	width:auto;
}
#search li{
	height:20px;
	float:left;
	padding: 8px 0;
}

/* ---------------------------------------------------------------------------
navigation groups
--------------------------------------------------------------------------- */
#nav {
	width:82.5%;
	float:left;
	margin-top:10px;
}
.nav-group {
	float:left;
	border:1px solid #e8e8e8;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	padding: 8px 5px 0 5px;
	margin-bottom: 10px;
}
.nav-group h2 {
	width:auto;
	float:left;
	font-size:1.7em;
	font-weight:bold;
	margin-bottom:0;
	margin-right:20px;
	color:#496e19;
}
#nav ul {
	margin:0;
	padding:0;
	width:auto;
	float:left;
}
#nav li {
	width:auto;
	float:left;
	font-size:1.5em;
	margin-right:15px;
}

/* ---------------------------------------------------------------------------
content
--------------------------------------------------------------------------- */
.breadcrumbs {
	margin:10px 0 20px 20px;
	display: none;
}
#content ul {
	margin-left:20px;
	margin-bottom:10px;
	padding:0;
}
#content ul li {
	list-style:circle;
	padding: 0 0 5px 0;
	line-height: 1.5em;
}
.content-module {
	width:600px;
	float:none;
	margin-left:20px;
}
.content-overview-image {
	width:240px !important;
	height:146px !important;
	float:none;
	margin-right:20px;
	margin-bottom:20px;
}
.content-entry-image {
	display:none;
	width:auto;
	float:none;
	margin-left:20px;
	margin-bottom:20px;
}
.overview-index {
	width:670px !important;
	float:none !important;
	margin-bottom:10px !important;
	margin-left:auto !important;
	margin-top:0 !important;
	padding:0 10px 0 0 !important;
}
.overview-entry {
	width:410px !important;
	height:150px !important;
	float:none !important;
	padding-bottom:10px;
	border-bottom:1px dotted #7B7B7B;
}
#homepage-features {
	margin-bottom:20px;
}


/* ---------------------------------------------------------------------------
sidebars
--------------------------------------------------------------------------- */
#sidebar-left {
	width:250px;
	float:left;
	margin-left:15px;
}
#sidebar-right {
	width:250px;
	float:none;
}
.sidebar-module {
	width:250px;
	float:none;
	margin-bottom:40px;
	
}
.sidebar-module h3 {
	width: 230px;
	float:left;
	background:#496e19;
	color:#fff;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	padding:10px;
	font-weight:bold;
}
.sidebar-module p {
	width:auto;
	float:left;
	padding: 0 10px 10px 10px;
}

/* ---------------------------------------------------------------------------
blog content stuff
--------------------------------------------------------------------------- */
#home-news-content {
	width:400px;
	float:left;
	margin-left:20px;
}
#article-image {
	float: left;
	width: 250px;
	margin:0 15px 15px 0;
	text-align:left;
}
.article-image-caption {
	font-size: .8em;
	font-style: italic;
	padding: .5em 1em;
}
blockquote {
	float: right;
	width: 200px;
	background: #a4bc83;
	margin: 0 20px 10px 20px;
	font-family: serif;
	font-size: 1.2em;
	font-weight: normal;
	padding: 20px 0 0 35px;
	letter-spacing:1.25px;
}
blockquote p {
	color: #fff;
	padding-right: 0;
	width: 180px;
}
#article-image {
	float: left;
	width: 300px;
	padding: 0 20px 20px 0;
}
.first-entry {
	float: left;
	width:100%;
}
.first-entry h2 a{
	font-size: 1.1em;
	color: #505050;
	font-weight:bold;
	text-decoration:none;
}
.first-entry h2 a:hover{
	color:#030303;
}
.entry h2 a{
	font-size: 1.1em;
	color: #505050;
	font-weight:bold;
	text-decoration:none;
}
.entry h2 a:hover{
	text-decoration:none;
	color:#030303;
	border:none;
}
.entry {
	float: left;
	width: 100%;
	border-top:1px dotted #dfdfdf;
	margin-top:20px;
	padding-top:20px;
}

/* ---------------------------------------------------------------------------
tables
--------------------------------------------------------------------------- */
table {
	width:100%;
	/*border-left:1px solid #8cc63e;*/
}
th {
	padding: 5px 10px;
	background:#8cc63e;
	color:#fff;
	font-weight:bold;
	border-bottom:2px solid #496e19;
}
td {
	padding:10px;
	border:1px solid #e8e8e8;
}

/* ---------------------------------------------------------------------------
Media (Videos, Photos & Podcast)
--------------------------------------------------------------------------- */
#media {
	overflow: hidden;
}
#media h3 {
	float: left;
	width: 100%;
	background: #8CC63E;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.1em;
	padding: 8px 0 5px 10px;
	margin: 20px 0 10px 0;
}
.media-content-module {
	float: left;
	width: 160px;
	background:#fbfdef;
	border:1px solid #d5d6c4;
	margin-bottom: 10px;
	margin-right: 10px;
	text-align:left;
	padding:10px;
}
.media-content-module img {
	border: 1px solid #444;
	margin-bottom: 5px;
	border:5px solid #d5d6c4;
}
#media .media-content-module a,
#media .media-content-module a:hover {
	border: none;
}

/* ---------------------------------------------------------------------------
footer
--------------------------------------------------------------------------- */
#footer {
	width:600px;
	float:none;
	margin:20px;
}
.footer-nav {
	width:auto;
	float:right;
	padding-top:120px;
}
#footer ul {
	margin:0;
	padding:0;
	width:auto;
	float:left;
}
#footer li {
	width:auto;
	float:left;
	margin-right:15px;
	font-size:.8em;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorBox{}
    #cboxTopLeft{width:25px; height:25px; background:url(/images/ui/colorbox/border1.png) 0 0 no-repeat;}
    #cboxTopCenter{height:25px; background:url(/images/ui/colorbox/border1.png) 0 -50px repeat-x;}
    #cboxTopRight{width:25px; height:25px; background:url(/images/ui/colorbox/border1.png) -25px 0 no-repeat;}
    #cboxBottomLeft{width:25px; height:25px; background:url(/images/ui/colorbox/border1.png) 0 -25px no-repeat;}
    #cboxBottomCenter{height:25px; background:url(/images/ui/colorbox/border1.png) 0 -75px repeat-x;}
    #cboxBottomRight{width:25px; height:25px; background:url(/images/ui/colorbox/border1.png) -25px -25px no-repeat;}
    #cboxMiddleLeft{width:25px; background:url(/images/ui/colorbox/border2.png) 0 0 repeat-y;}
    #cboxMiddleRight{width:25px; background:url(/images/ui/colorbox/border2.png) -25px 0 repeat-y;}
    #cboxContent{background:#fff;}
     	#cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:left; width:100%; color:#5d5d5d;font-size:.9em;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:url(/images/ui/colorbox/loading.gif) 5px 5px no-repeat #fff;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/ui/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/ui/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/ui/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/ui/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/ui/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/ui/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/ui/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/ui/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}


/* ---------------------------------------------------------------------------
global form styles
--------------------------------------------------------------------------- */
input.global-button {
	margin: 0 0 0 5px;
	padding: 3px 5px 4px 5px;
  	color: #fff;
	background-color: #8CC63E;
	border-top: 1px solid #b3e96b;
	border-right:1px solid #78aa34;
	border-bottom:1px solid #78aa34;
	border-left:1px solid #b3e96b;
	font-weight:bold;
	width:auto;
}
input.global-button:hover { /* If we want to have a different hover state */
	margin: 0 0 0 5px;
	padding: 3px 5px 4px 5px;
  	color: #fff;
	background-color: #a9d46e;
	border-top: 1px solid #b3e96b;
	border-right:1px solid #78aa34;
	border-bottom:1px solid #78aa34;
	border-left:1px solid #b3e96b;
	font-weight:bold;
}
/* ---------------------------------------------------------------------------
search form
--------------------------------------------------------------------------- */
#search form {
	width:auto;
	float:right;
}
#search #search-input {
	border:medium none;
	float:left;
	width:159px;
	height:14px;
	padding: 6px 5px;
	background:#d8d8d8;
}
#search .input-wrapper {
	float:left;
	margin:0;
	padding:0;
}
/* -------------------------------------
comment form
-------------------------------------- */
#contact_form {
	float: left;
	width: 678px;
	padding:0;
}
#contact_form  li {
	list-style: none;
	padding: 0 0 1em 0;
}
#contact_form  label {
	line-height: 1.5em;
	display: block;
}

#contact_form  input,
#contact_form  select,
#contact_form  textarea {
	padding: 5px;
	border: 1px solid #e8e8e8;
	background: #e8e8e8;
}

#contact_form  #name,
#contact_form  #email
#contact_form  #comment,
#contact_form  textarea {
	border: 1px solid #e8e8e8;
}

#contact_form  #name,
#contact_form  #email,
#contact_form  #url {
	width: 300px;
	}

#contact_form  textarea {
	width: 500px;
	}

#contact_form  .error,
#contact_form  .error label {
	color: #900;
}
#contact_form  .error #name,
#contact_form  .error #email,
#contact_form  .error #subject,
#contact_form  .error textarea,
#contact_form  .error #challenge {
	border: 1px solid #900;
	background: #fcc;
}

#contact_form  input.button {
	width: 140px;
	padding: 4px 5px 4px 5px;
  	color: #FFF;
	background-color: #808080;
	border-top: 1px solid #e8e8e8;
	border-right:1px solid #505050;
	border-bottom:1px solid #505050;
	border-left:1px solid #e8e8e8;
	font-weight:bold;
}
#contact_form  input.button:hover { /* If we want to have a different hover state */
	width: 140px;
	padding: 4px 5px 4px 5px;
  	color: #f3e521;
	background-color: #505050;
	border-top: 1px solid #808080;
	border-right:1px solid #030303;
	border-bottom:1px solid #030303;
	border-left:1px solid #808080;
	font-weight:bold;
}
/* ---------------------------------------------------------------------------
=contact-form errors
--------------------------------------------------------------------------- */
#error-message .error,
li.error label {
	color: #900;
}
#error-message {
	border: 1px solid #900;
	background: #fcc;
	margin: 20px;
	padding: 15px;
}
#error-message li {
	list-style: none;
	padding: 0 0 .5em 1em;
}

/* ---------------------------------------------------------------------------
shit for the hompage code slider
--------------------------------------------------------------------------- */
#slide .floatLeft { float: left; margin-right: 10px; width:579px;}
#slide {
	width: auto;
	margin-top: 0px auto;
	display: none;
}
#slide .floatRight { float: right; }
#slide .clear { clear: both; }
#slide a { outline: none; }

#slide #page-wrap {
	width: 940px;
	margin: 0 auto;
	position: relative;
	min-height: 330px;
}
#slide #page-wrap h2 {
	margin-bottom:5px;
}
#slide #page-wrap p {
	width:auto;
	float:left;
}
#slide .slider-wrap	{
	width: auto;
	position: absolute;
	top: 0;
}			
#slide .stripViewer .panelContainer 
#slide .panel ul { text-align: left; margin: 0 15px 0 30px; }
#slide .stripViewer	{
	position: relative;
	overflow: hidden;
	width: 938px;
	height: 330px;
}
#slide .stripViewer .panelContainer	 { position: relative; left: 0; top: 0; }
#slide .stripViewer .panelContainer .panel {
	float: left;
	height: 100%;
	position: relative;
	width: 938px;
	margin: 20px 0;
}
#slide .stripNavL, #slide .stripNavR, .stripNav	{ display: none; }
#slide .nav-thumb { border: 1px solid black; margin-right: 5px; }
#slide #movers-row { margin: -43px 0 0 62px; }
#slide #movers-row div { width: 20%; float: left; }
#slide #movers-row div a.cross-link { float: right; }
#slide .photo-meta-data	{ 
	background: url(images/transpBlack.png);
	padding: 10px;
	height: 30px; 
	margin-top: -50px; 
	position: relative; 
	z-index: 9999; 
	color: white;
}
#slide .photo-meta-data span { font-size: 13px; }
#slide .cross-link {
	display: block; 
	width: 62px; 
	margin-top: -14px; 
	position: relative; 
	padding-top: 15px; 
	z-index: 9999; 
}
#slide .active-thumb { background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat; }
#slide .slicon{float:right; width:340px;}

/* --------------------------------------------------------------------------
Global Link Stuff
-------------------------------------------------------------------------- */
a img {
	border: none;
}
a:link {
	color: #8CC63E;
	text-decoration:none;
}
a:visited {
	color: #7fcbc5;
	text-decoration:none;
}
a:hover,
a:visited:hover {
	color:#606060;
	border-bottom:1px dotted #606060;
}
a.slogan:hover,
a.slogan:visited:hover {
	color: #8CC63E;
}
#search a:hover,
#search a:visited:hover {
	color:#606060;
	border-bottom:1px dotted #606060;
}
.sidebar-module a:hover,
.sidebar-module a:visited:hover {
	color:#606060;
	border-bottom:1px dotted #606060;
}
.content-module a:hover,
.content-module a:visited:hover {
	color:#606060;
	border-bottom:1px dotted #606060;
}
#home-news-content a:hover,
#home-news-content a:visited:hover {
	color:#606060;
	border-bottom:1px dotted #606060;
}
a.video:hover,
a.video:visited:hover {
	border:none;
}
/* --------------------------------------------------------------------------
PRIMARY NAVIGATION
-------------------------------------------------------------------------- */
#nav a:link,a:visited {
	color: #8CC63E;
}
#nav a:hover,a:visited:hover {
	color: #606060;
	border:none;
}

.mlddm {
	visibility: hidden;
}
.mlddm li a, .mlddm li a#buttonnohover {
	display: block;
	text-align: center;
	white-space: nowrap;
	margin:0;
	text-decoration: none;
}

.mlddm li a:hover, .mlddm li a#buttonhover {
	background: #fff;
}

.mlddm ul {
	z-index:100;
	visibility:hidden;
	position:absolute;
	clear:both;
	background: #f0f0f0;
	border-right:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
	border-left:1px solid #e8e8e8;
	font-size:.6em;
	padding:0;
	margin:0;
}
		
.mlddm ul li {
	float: none;
	width: 170px;
}

.mlddm ul li a {
	padding: 8px 15px 0 15px;
	text-align: left;
	background: transparent;
}

.mlddm ul li a:hover {
	text-align: left;
	background: transparent;
}

.mlddm .hsub {
	background: no-repeat right url(/images/ui/arroww.gif);
}

.mlddm .hsub:hover {
	background: #7ba445 no-repeat right url(/images/ui/arroww.gif);
}