/* 
VERSION 1.0

SNAPPAGES CSS TEMPLATE
The following template is designed to be a starting point to help
you design your own custom theme for your website. There are other
CSS elements that have styles applied to them that aren't listed
in this document however, you can still override these. Please note
that if you modify any other elements not listed here, it could
result in the website not functioning properly.

IMAGES
All the images associated with this CSS will be stored in the
same directory as the CSS itself so write your URLs accordingly.

PAGE STRUCTURE EXAMPLE
Below you'll find an example of how the elements are nested on
the page so you can plan accordingly.

[html]
	[body]
		[wrapper]
			[header]
				[headerBg]
					[headerElements/]
				[/headerBg]
				[naviation]
					[headerLinks/]
					[secondaryNav/]
				[/navigation]
			[/header]
			[container]
				[pageTitle/]
				[content/]
			[/container]
			[footer]
				[footerLinks/]
			[footer]
		[/wrapper]
	[/body]
[/html]

*/
/*____________________________________________________
  Tags
  ____________________________________________________
*/

html {
	margin: 0 auto;
	padding: 0;
	min-height: 100%;
    height: auto;
}

body {
	margin: 0 auto;
	padding: 0;
	min-height: 100%;
    height: auto;
	font-size: 13px;
	font-family:   Arial, sans-serif;
	line-height: 140%;
	overflow-x: hidden;
	overflow-y: auto;
	}

a:link, a:visited{
	font-weight: bold;
	font-style: normal;
	color: #669900;
	text-decoration: none;
	text-transform: none;
}

a:hover{
	text-decoration: none;
	background-color: #669900;
	color: #FFFFFF;
}

img{
	padding-right: 10px;
	border-style: none;
	}

a:hover img{
	display: block;
	background-color: transparent;
    }
	
table{
	color:#000000;
	font-size: 100%;
	}
    
ul{
	overflow:hidden;
	}
	


/*____________________________________________________
  Divs
  ____________________________________________________
*/

#wrapper {
	position: relative;
    width: 900px;
    margin: 0 auto;
	padding: 0;
   	height: auto;
        }

#header {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 900px;
	height: 200px;
        padding-bottom: 10px;
}

#navigation {
	position: relative;
	padding: 0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}

#headerBg {
	width: 100%;
	height: 100%;
	background-image: url(/users/63656/theme/31603/header.jpg);
}

#headerLinks {
	position: relative;
	font-size: 14px;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	padding: 0;
	text-align: left;
}

#headerLinks > ul{
	list-style: none;
	margin: 0;
	padding: 0;
    overflow: visible;
	}
	
#headerLinks > ul > li {
	position: relative;
	list-style: none;
	display: inline;
	margin-right: 0px;
	margin-left: 0px;
}
#headerLinks > ul > li a {
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
color:$ffffff;
}

#headerLinks > ul > li.first{ 
	
}
#headerLinks > ul > li.last{ 
	
}

#headerLinks > ul > li a.selected{
	
}

#headerLinks > ul > li a:link, #headerLinks ul > li a:visited { 
	
}

#headerLinks > ul > li a:hover{ 
	
}

.secondaryNav {
	position: absolute;
	list-style: none;
	display: none;
	background: transparent url(/resources/site/images/dropshadow.png) no-repeat bottom right;

    z-index: 50;
	margin: 0;
	padding: 0;
    overflow: visible;
	padding-bottom: 5px;
    padding-right: 5px;
    font-style: normal;
	font-weight: normal;
    color:#ffffff;
	width:auto;
}
#headerLinks > ul > li > ul > li {

}
#headerLinks > ul > li > ul > li > a:link, #headerLinks > ul > li > ul > li a:visited {
	white-space:nowrap;
    display: block;
    padding: 5px;
    padding-left: 10px;
	padding-right: 10px;
    border-top: #none 1px solid;
    border-right: #none 1px solid;
    border-left: #none 1px solid;
	text-decoration: none;
	background: #2d2d2d;
color: #ffffff;}
#headerLinks > ul > li > ul > li > a:hover{ 
	color:#FFFFFF;
	background:#009900;
}

#headerLinks > ul > li > ul > li.first a{ 
	
}
#headerLinks > ul > li > ul > li.last a{ 
	border-bottom: #none 1px solid;
}

#snapBar {
	text-shadow: 0 -1px 0 #000;
	width: 100%;
	height: 40px;
	background-color:#000;
    color: #FFF;
    font-size: 14px;
	font-weight: bold;
	font-family:  Arial;
	border: none;
	padding: 0px;
	margin: 0px;
}

#snapBar img {
	padding-right: 5px;
}
#snapBar a:link, #snapBar a:visited{
	color: #FFF;
    background: none;
	text-decoration: none;
    text-shadow: 0 -1px 0 #000;
}
#snapBar a:hover{
	color: #99FF00;
    background: none;
}
#snapBar .formInput { 
	background: url(../../images/input_bg.png) repeat-x top #333; 
	border: #000 1px solid; 
	font-size: 14px;
	color: #fff;
	padding: 2px;
	margin: 0;
}
#snapBar .divider {
	width: 100%;
	height: 4px;
	margin: 0px 0px 5px 0px;
	background-image: url(/images/snapbar_divider_horiz.gif);
	background-repeat: repeat-x;
	border-bottom: none;
}

#container {
	padding: 0;
  	padding-bottom:75px;
	width: 900px;
	}

#content{
	overflow:hidden;
	width: 900px;
	padding-left: 14px;
	padding-right: 20px;
	padding-top: 60px;
    padding-bottom: 10px;
	color:#000000;
	}
	

#footer {
	clear: both;
    position: absolute;
    bottom: 0;
    height: 75px;
	width: 850px;
    margin: 0 auto;
    padding-top: 10px;
	color: #000000;
	font-size: 12px;
    text-align: center;
}

#footer a:link, #footer a:visited { 
	color:#000000;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	margin-right: 14px;
}

#footer a:hover{ 
	color:#FFFFFF;
	background-color: #009900;
}

#footerLinks {
    padding-bottom: 5px;
}

#footerLinks ul{
	list-style: none;
	margin: 0;
	padding: 0;
	padding-bottom: 3px;
    overflow: visible;
	}
	
#footerLinks ul li {
	list-style: none;
	display: inline;
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	border-right: #000000 solid 1px;
}

#footerLinks ul li.first{ 
	border-left: none;
}
#footerLinks ul li.last{ 
	border-right: none;
}

#footerLinks ul li a.selected{
	
}

#footerLinks a:link, #footerLinks a:visited { 
	color:#000000;
	text-transform: none;
}

#footerLinks a:hover{ 
	color:#FFFFFF;
	background-color: #009900;
}

#billboard {
	float:left;
	margin-left: -14px;    padding-bottom: 30px;
	}

.block {
	float: left;
	width: 100%;
	margin-bottom: 15px;
	}
	
#dropDown {
	filter: alpha(opacity=70);
	color: #FFF;
	-moz-opacity: .7;
	opacity: .7;
	text-align: left;
	position: absolute;
	display: none;
    top: 35px;
	background: #000000;
	border: 1px solid #222222;
    z-index: 5;
    padding: 5px;
    margin-bottom: 0px;
}
/*____________________________________________________
  Columns
  ____________________________________________________
*/
   
	/*____________________________________________________
  Headings
  ____________________________________________________
*/
#pageTitle{
	width: 860px;
    font-family:  Century Gothic, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #009900;
	font-size: 28px;
	padding-left: 20px;
	padding-bottom: 25px;
	padding-top: 10px;
}

.h1, h1 {
	font-family:  Century Gothic, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #009900;
	font-size: 16px;
	margin-top: 0px;
    padding-bottom: 10px;
	line-height: 100%;
	margin-bottom: -9px;
	position: relative;
	}
.h2, h2 {
	font-family:  Century Gothic, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #009900;
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: -8px;
	position: relative;
}
.h3, h3 {
	font-family:  Century Gothic, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #666633;
	font-size: 15px;
	margin-top: -5px;
	margin-bottom: -5px;
	position: relative;
}
.h4, h4 {
	font-family:  Century Gothic, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #666633;
	font-size: 13px;
	margin-top: -5px;
	margin-bottom: -8px;
	position: relative;
}

/*____________________________________________________
  Classes
  ____________________________________________________
*/

.divider {
	width: 100%;
	border-bottom: solid 1px #222222;
    margin-bottom: 20px;
    }
    
.blogHeading {
	color: #009900;
    font-family:  Century Gothic, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 120%;
	margin-bottom: -8px;	}
.blogHeading a:link, .blogHeading a:visited {
	text-decoration: none;
	color: #009900;
}
.blogHeading a:hover{
	text-decoration: none;
	color: #FFFFFF;
	background: #009900;
}
.blogSide {
	margin-left: 15px;
    margin-bottom: 20px;
    }
.blogSideHeading {
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: -8px;	}
.blogSideList {
	padding-bottom: 10px;
    margin-left: 10px;
	line-height: 120%;
    }
	
.blogSide a:link, .blogSide a:visited{
	text-decoration: none;
	font-weight: normal;
	}
	
.blogDate {
	float: left;
	font-size: 13px;
	line-height: 120%;
	width: 250px;
    color: #666633;
	margin-bottom: -8px;	}
	
.blogPosts ul{
	list-style: none;
	margin: 0;
	padding: 0;
    overflow: visible;
	}
.blogPosts ul li{
	display: inline;
	margin: 0;
	padding: 0;
	}
.blogPosts ul li a:link, .blogPosts ul li a:visited {
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	list-style: none;
	display: block;
	margin: 0;
	padding: 5px;
	border-top: solid 1px #222222;
}
.blogPosts ul li:last-child a{
	text-decoration: none;
	border-bottom: solid 1px #222222;
	}
.blogPosts ul li a:hover{ 
	display: block;
	color:#fff;
	text-decoration: none;
	background: #009900;
}

.comment{
	margin-bottom: 10px;
	}
.commentReply{
	padding-left: 20px;
	margin-top: 10px;
		background: url(../../images/reply_right_small.gif) no-repeat left top;
}
.commentHeader{
	padding: 5px;
	background: #ffffff;}
.adminCommentHeader{
	padding: 5px;
	background-color: transparent;
	border: 3px solid #222222;
}
.commentBody{
	margin-top: 5px;
	margin-bottom: 10px;
}
.blogCommentCount {
	float: right;
	font-weight: bold;
	padding-right: 20px;
	background: url(../../images/comments_small.gif) no-repeat right;
	}
.commentTitle{
	font-size: 22px; 
	padding-left: 35px; 
	padding-bottom: 5px; 
	padding-top: 5px;
	background: url('../../images/comments_medium.gif') no-repeat left top;
}
.commentLink{
	padding-left: 20px;
	background: url(../../images/comments_small.gif) no-repeat left;
}
	
.rightArrow {
	padding-right: 20px;
	background: url(../../images/arrow_right_small.gif) no-repeat right;
}
.rightArrow a:link, .rightArrow a:visited { text-decoration:none; }

.leftArrow {
	padding-left: 20px;
	background: url(../../images/arrow_left_small.gif) no-repeat left;
}
.leftArrow a:link, .rightArrow a:visited { text-decoration:none; }

.plusSign {
	padding-left: 20px;
	background: url(../../images/plus_small.gif) no-repeat left;
}
.plusSign a:link, .plusSign a:visited { text-decoration:none; font-weight:bold; color:#000000; }

.folderIcon {
	padding-left: 20px;
	background: url(../../images/folder_small.gif) no-repeat left;
}

.tagIcon {
	padding-left: 20px;
	background: url(../../images/tag_small.gif) no-repeat left;
}

.replyLink{
	padding-left: 20px;
	float: right;
	background: url(../../images/reply_left_small.gif) no-repeat left;
}

.rssLink{
	padding-left: 20px;
	background: url(../../images/rss_small.gif) no-repeat left;
}
.rssLinkRight{
	padding-right: 20px;
	background: url(../../images/rss_small.gif) no-repeat right;
}
.rssHeading{
	font-size: 18px;
}
.alert_attention {
	background: url(/resources/site/images/attention_small.png) no-repeat 3px 1px;
	padding-left: 30px;
	padding-top: 3px;
	padding-bottom: 1px;
    background-color:#faf2b9;
    border: 1px solid #edda5a;
    color: #633a00;
    font-weight: bold;
    margin-top: 5px;
}
.alert_success {
	background: url(/resources/site/images/check_small.png) no-repeat 3px 3px;
	padding-left: 30px;
	padding-top: 3px;
	padding-bottom: 1px;
    background-color:#d6f6b0;
    border: 1px solid #a8e65e;
    color: #264700;
    font-weight: bold;
    margin-top: 5px;
}
.alert_error {
	background: url(/resources/site/images/x_small.png) no-repeat 3px 3px;
	padding-left: 25px;
	padding-top: 3px;
	padding-bottom: 1px;
    background-color:#FBE3E4;
    border: 1px solid #FBC2C4;
    color: #8a1f11;
    font-weight: bold;
    margin-top: 5px;
}

.buttonWrapper{
	position: relative;
}

ul.button {
	padding: 0px;
	margin: 0px 0;
    padding-left: 10px;
	list-style: none;
	float: left;
    overflow: visible;
}
ul.button li {
	float: left;
}
ul.button li a {
	float: left;
	text-decoration: none;
	color: #ccc;
	padding: 7px 10px 0 0;
	margin-right: -10px;
	font: 900 14px "Arial", Helvetica, sans-serif;
}
ul.button li a span {
	float: left;
	padding-right: 10px;
	display: block;
	margin-top: -7px;
    margin-left: -10px;
	height: 33px;
	}
ul.button li a:link, ul.button li a:visited{
 	color: #ffffff;
	font: bold 15px "Arial", Helvetica, sans-serif;
		text-shadow: 0 -1px 0 rgba(0,0,0,.5);
			background-image: url("/users/63656/theme/31603/button.png");
	background-repeat: no-repeat;
	background-position: top right;
}
ul.button li a:hover{
 	color: #ffffff;
	background: url("/users/63656/theme/31603/button_over.png") no-repeat top right;
}
ul.button li a span  {
	background: url("/users/63656/theme/31603/button.png") repeat-x;
}
ul.button li a:hover span{
	background: url("/users/63656/theme/31603/button_over.png") repeat-x;
}

ul.paypal li a:link, ul.paypal li a:visited{
 	color: #003366;
	font: bold 15px "Arial", Helvetica, sans-serif;
		text-shadow: 0 1px 0 rgba(255,255,255,.5);
		background-image: url("/resources/site/images/paypalbutton.png");
	background-repeat: no-repeat;
	background-position: top right;
}
ul.paypal li a:hover{
 	color: #00CCFF;
	background: url("/resources/site/images/paypalbutton_over.png") no-repeat top right;
}
ul.paypal li a span  {
	background: url("/resources/site/images/paypalbutton.png") repeat-x;
}
ul.paypal li a:hover span{
	background: url("/resources/site/images/paypalbutton_over.png") repeat-x;
}



/*____________________________________________________
  Form Elements
  ____________________________________________________
*/

form { display: inline; margin: 0; }

.req { 
	background: url(../../images/input_bg.png) repeat-x top #FFCCCC; 
	border: #CC0000 1px solid; 
    margin-bottom: 5px;
	}

.formInput { 
	background: url(../../images/input_bg.png) repeat-x top #FFFFFF; 
	border: #333 1px solid; 
    border-bottom: #999 1px solid;
	font-size: 13px;
    margin-bottom: 5px;
	}
    
input.formInput, input.req {
	padding: 3px;
	height: 20px;
    }
    
textarea.formInput, textarea.req {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
    padding: 5px;
	width: 100%;
    }
 
	
.searchInput { 
	background: url(../../images/search_input_bg.png) no-repeat; 
	border: none; 
	padding-top: 5px;
	padding-left: 5px;
	height: 27px;
	width: 153px;
	font-size: 13px;
	}
	
.searchButton{ 
	background: url(../../images/search_button_bg.png) no-repeat top; 
	border: none; 
	height: 27px;
	width: 27px;
	margin-top:-6px;
    margin-left: -6px;
    	}
    

/*____________________________________________________
  Tags
  ____________________________________________________
*/
html {
	
	background: #ffffff;
}
body {
	background: #none;	line-height: 180%;
}


/*____________________________________________________
  Divs
  ____________________________________________________
*/
#header {
	height: 120px;
}

#headerBg {
	background: url(/users/63656/theme/31603/header.jpg);	}
#headerElements {
    height: 120px;
	background: none;
}

#headerLinks {
	font-family: Centry Gothic, Arial;
	font-size: 13px;
	height: 50px;
	min-height: 50px;
	background: #2D2D2D;;
	padding-left: 10px;
	text-transform: uppercase;
	}

#headerLinks > ul{
	padding-top: 15px;
}
#headerLinks > ul > li {
	padding-top: 20px;
}
#headerLinks > ul > li > a:link, #headerLinks > ul > li > a:visited { 
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 25px;
	padding-top: 10px;
	color:#FFFFFF;
	text-transform: uppercase;
}
#headerLinks > ul > li > a:hover{ 
	color:#009900;
	background: none;
}
#headerLinks > ul > li > a.selected{
	color: #fff;
	padding-bottom: 8px;
	background:#404040;
}

#headerLinks > ul > li > ul > li > a:link, #headerLinks > ul > li > ul > li > a:visited { 
    display: block;
    padding: 2px;
    padding-left: 15px;
    padding-right: 15px;
	text-transform: uppercase;
	font-style: normal;
	font-weight: normal;
}

.secondaryNav {
	margin-top: 10px;
	}

#container {
	
}

#content{
	padding-top: 80px;
	padding-bottom: 80px;
}
	

#footer {
	margin-left: 24px;
    border-top: solid 1px #222222;
}

#billboard {
		margin-top: -30px;
text-align: center;
width:inherit;

	}


/*____________________________________________________
  Columns
  ____________________________________________________
*/
/*____________________________________________________
  Headings
  ____________________________________________________
*/
#pageTitle{
	text-transform: uppercase;
}

.h1 {
	text-transform: uppercase;
}
.h2 {
	text-transform: uppercase;
}
.h3 {
	text-transform: uppercase;
}
.h4 {
	text-transform: uppercase;
}

/*____________________________________________________
  Classes
  ____________________________________________________
*/

.divider {
	
    }