/* 
	Theme Name: Hydro
	Description: Hydro is a 3-column Widget-ready theme created for WordPress.
	Author: V. Scott Ellis
	Author URI: http://www.blackbox-tech.com/
	Version: 1.0
	Tags: three columns, fixed width, white, gray, black, purple, sidebar widgets
	
	Changelog:
		1.0 - 2/4/09	
*/

body {
	background: url(images/bg.jpg) #ffffff;
	background-repeat: repeat-x;
	color: #222222;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
#wrap {
    background: #FFFFFF;
	width: 960px;
	margin: 0px auto 0px;
	padding: 0px 0px 10px 0px;
	}	
/************************************************
*	Hyperlinks									*
************************************************/

a, a:visited {
	color: #056177;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}
	
a img {
	border: none;
	}
	
a:focus, a:hover, a:active {
	outline: none;
	}
	
/************************************************
*	Header  									*
************************************************/

#header {
	width: 950px;
	height: 110px;
	float: left;
	margin: 0px auto 0px;
	padding: 0px;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 10px;
	font-size: 16px;
	color: #222222;
	}
	
.headerleft {
	width: 470px;
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
.headerleft h1 {
	font-family: Arial, Verdana, Tahoma;
	font-size: 42px;
	color: #333333;
	font-weight: normal;
	text-decoration: none;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	}
	
.headerleft h1 a {
	font-family: Arial, Verdana, Tahoma;
	font-size: 42px;
	color: #333333;
	font-weight: normal;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	}

.headerleft h1 a:hover {
	color: #333333;
	}
	
.headerleft p {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
	
.headerright {
	width: 420px;
	float: right;
	margin: 0px;
	padding: 15px 10px 0px 0px;
	text-align: right;
	}
	
.headerright a img {
	border: none;
	margin: 0px 3px 3px 0px;
	padding: 0px;
	}

.headerright a, .headerright a:visited {
	font-family: Arial, Verdana, Tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #222222;
	text-decoration: none;
	}
	
.headerright a:hover {
	text-decoration: underline;
	}
	
.headerright p {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	}
	
.headerright ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
.headerright li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
/************************************************
*	Navbar  									*
************************************************/
	
#navbar {
	background: url(images/nav-bg.jpg); 
	background-repeat: repeat-x;
	width: 960px;
	margin: 0px auto 0px;
	padding: 0px;
	}

#nav {
	margin: 0px;
	padding: 0px;
	}
	
#nav ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#nav li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#nav li a, #nav li a:link {
	color: #285262;
	display: block;
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma;
	font-weight: bold;
	text-transform: uppercase;
    margin: 0px;
	padding: 9px 15px 8px 15px;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #b1d7e0;
	}

#nav li a:hover, #nav li a:active {


    margin: 0px;
	padding: 9px 15px 8px 15px;
	text-decoration: none;
	}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	background: #1b7286;
	width: 150px;
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma;
	font-weight: normal;
	text-transform: none;
	float: none;
	margin: 0px 0px 0px 0px;
	padding: 7px 10px 7px 10px;
	border-bottom: 1px solid #93c7d4;
	border-left: 1px solid #93c7d4;
	border-right: 1px solid #93c7d4;
	}
	
#nav li li a:hover, #nav li li a:active {
	background: #93c7d4;
	color: #FFFFFF;
	padding: 7px 10px 7px 10px;
	}

#nav li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	margin: 0px;
	padding: 0px;
	}

#nav li li { 
	}

#nav li ul a { 
	width: 140px;
	}

#nav li ul a:hover, #nav li ul a:active { 
	}

#nav li ul ul {
	margin: -30px 0 0 170px;
	}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	}

#nav li:hover, #nav li.sfhover { 
	position: static;
	}
	
#nav .current_page_item a {
	background: url(images/nav-hov-bg.jpg);
	color: #FFFFFF;
    margin: 0px;
	padding: 9px 15px 8px 15px;
	text-decoration: none;
	}

/************************************************
*	Homepage 					     		    * 
************************************************/

#homepage {
	background: #FFFFFF;
	float: left;
	width: 940px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	display: inline;
	}
	
#homepage h1 {
	color: #056177;
	background: none;
	font-size: 16px;
	font-family: Arial, Verdana, Tahoma;
	font-weight: normal;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	}
	
#homepage h1 a, #homepage h1 a:visited {
	color: #056177;
	background: none;
	font-size: 14px;
	font-family: Arial, Verdana, Tahoma;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	}
	
#homepage h1 a:hover {
	color: #660033;
	text-decoration: underline;
	}
	
#homepage h2 {
	color: #056177;
	background: none;
	font-size: 16px;
	font-family: Arial, Verdana, Tahoma;
	font-weight: normal;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	}
	
#homepage h4 {
	color: #86C0C4;
	font-size: 14px;
	font-family: Arial, Verdana, Tahoma;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	text-align: left;
	}	
	
#homepage h5 {
	color: #056177;
	font-size: 16px;
	font-family: Arial, Verdana, Tahoma;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 20px 5px;
	text-align: left;
	border-bottom: 1px solid #056177;
	}
	
#homepage p {
	padding: 0px;
	margin: 0px;
	}

#fcg {
	background: #FFFFFF;
	background-repeat: no-repeat;
	background-position: right;
	overflow: visible;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 960px;
	height: 200px;
	display: block;
	z-index: 10;
	}	
#fcg p {
	margin: 0px;
	padding: 0px 10px 0px 10px;
	font-size: 12px;
	}
#fcg img {
	float: right;
	overflow: visible;
	position:relative;
	left:0px;
	top:0px;
	z-index: 1;
}
#featuredbuttonarea {
	float: left;
	display: inline;
	width: 430px;
	height: 180px;
	margin: 20px 0px 0px 20px;
	padding: 0px;
        overflow: display;
}
#featuredbuttonarea img {
         float: left; 
         margin: 0px 0px 10px 0px;
}

#featuredbuttonarea li {
	list-style-type: none;
	color: #056177;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
.featuredbutton {
	background-image: url(images/hydro.jpg); 
	background-repeat: no-repeat;
	width: 149px;
	height: 59px;
	float: left; 
	margin: 10px 10px 0px 0px;
	padding: 10px;
	overflow: hidden;
}

.featuredbutton a {
	text-transform: uppercase; 
	font-weight: bold; 
	vertical-align: center;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;	
}

#featuredarearight {
	float: left; 
	display: inline;
	width: 135px; 
	height: 282px;
	margin: 23px 0px 0px 0px;
	padding: 0px;
        position: relative; 
        left: 45px;
        z-index: 9999px;
        overflow: visible;
}

.homepagemid {
	float: left;
	display: block;
	background: #f1f9fa url(images/middle-bg.gif) center left no-repeat;
	border-top: 1px solid #95c9d6;
	border-bottom: 1px solid #95c9d6; 
	width: 960px;
	height: 37px;
	padding: 0px;
	margin: 0px;
	position:relative; 
	top: -20px;
	overflow: visible;
	z-index: 0;
}
.homepageleft {
	background: #FFFFFF;
	float: left;
	width: 417px;
	margin: 0px 0px 0px 0px;
	padding: 20px 5px 0px 5px;
	display: inline;
	position:relative; 
	top: -20px;
	}

.homepageleft ol {
	margin: 0px 0px 0px 20px;
	padding: 10px 0px 15px 0px;
	}
	
.homepageleft ol li {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
	
.homepageleft ul {
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 15px 0px;
	}
	
.homepageleft ul li {
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
	
.posts {
	background: #FFFFFF;
	float: left;
	margin: 0px 0px 25px 0px;
	padding: 5px;
	display: inline;
	width: 100%;
	}
.posts p {
	
}	
.hpposts hr {
	color: #eeeeee;
}

.link  {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
	text-align: right;
	border-bottom: 1px dotted #BBBBBB;
	}
	
.link a, .link a:visited {
	background: #EEEEEE;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-family: Georgia, Tahoma, Verdana;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	margin: 0px;
	padding: 2px 5px 2px 5px;
	border: 1px solid #DDDDDD;
	}
	
.link a:hover {
	background: #95c9d6;
	color: #FFFFFF;
	text-decoration: underline;
	}
	
.homepagemiddle {
	background: #ffffff;
	float: left;
	display: inline;
	width: 235px;
	margin: 1px 0px 0px 10px;
	padding: 5px;
	display: inline;
	line-height: 22px;
	overflow: display;
	position:relative; 
	top: -20px;
	}
	
.homepagemiddle embed, .homepagemiddle object {
	width: 230px; 
	height: 205px;
	margin: 0px; 
	padding: 0px;
	}
	
.homepagemiddle ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

.homepagemiddle ul li {
	padding: 3px 0px 5px px;
	margin: 0px 0px 10px 0px;
	}

.homepagemiddle ul li a, .homepagemiddle ul li a:visited {
	color: #245460;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-weight: bold;
	}

.homepagemiddle ul li a:hover {
	color: #245460;
	text-decoration: underline;
	}
	
.video {
	background: #FFFFFF;
	float: left;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	display: inline;
	}
	
.videolist {
	background: #FFFFFF;
	width: 220px;
	float: left;
	margin: 0px;
	padding: 10px;
	display: inline;
	}

#mission {
	background: #ffffff url(images/mission-bg.jpg); 
	background-repeat: no-repeat:
	width: 190px;
	height: 135px;
}

#hpmission {
	background-repeat: no-repeat;
	width: 430px; 
	height: 100px; 
	margin: 0px;
	padding: 0px; 
	color: #FFFFFF;
}

#hpmission h1 {
	font-size: 16px; 
        font-weight: bold;
	padding: 2px 0px 0px 0px;
	margin: 0px;
}

#hpmission p {
	color: #056177;
	font-size: 1.3em;
	margin: 0px 5px 5px 0px;
	padding: 0px 5px 5px 0px;
}
	
/************************************************
*	Content 					     		    * 
************************************************/

#content {
	background: #FFFFFF;
	width: 960px;
	margin: 0px auto 0px;
	padding: 0px;
	float: left;
	display: inline;
	line-height: 20px;
	}

#contentleft h1, #contentwide h1, #contentfull h1 {
	color: #222222;
	font-size: 16px;
	font-family: Arial, Verdana, Tahoma;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}
	
#contentleft h1 a, #contentleft h1 a:visited, #contentwide h1 a, #contentwide h1 a:visited {
	color: #056177;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#contentleft h1 a:hover, #contentwide h1 a:hover {
	color: #056177;
	text-decoration: none;
	}
	
#contentwide h2 {
	float: none; 
	display: inline-block;
	color: #056177;
	font-size: 14px;
	font-family: Arial, Verdana, Tahoma;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	}
	
#content h3 {
	color: #056177;
	font-size: 14px;
	font-family: Arial, Verdana, Tahoma;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	
	}
	
#content p img{
	float: left;
	border: none;
	margin-right: 15px;
	margin-bottom: 10px;
	}
	
#content img.wp-smiley {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}

#content img.wp-wink {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}
	
#contentleft {
	float: left;
	width: 480px;
	margin: 0px;
	padding: 30px 0px 20px 0px;
	display: inline;
	z-index: 999;
	}
	
#contentwide {
	float: left;
	width: 585px;
	margin: 0px;
	padding: 30px 0px 20px 10px;
	display: inline;
	overflow: visible;
	position: relative;
	z-index: 999;
	}
	
#contentfull {
	float: left;
	width: 960px;
	margin: 0px;
	padding: 30px 0px 20px 0px;
	display: inline;
	}
	
.postarea ul {
	list-style-type: square;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	}
	
.postarea ul li {
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	}
	
.postarea ul ul {
	list-style-type: square;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
	
.postarea ol {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	}
	
.postarea ol li {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	}
	
.postarea p {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	z-index: 999;
	}
	
blockquote {
	background: #F2F2F2;
	margin: 0px 25px 15px 25px;
	padding: 10px 20px 10px 20px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #666666;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #666666;
	}
	
#content blockquote p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
.postdate {
	font-family: Georgia, Tahoma, Verdana;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}
	
.postdate p {
	margin: 0px;
	padding: 0px;
	}

.postmeta {
	font-family: Arial, Tahoma, Verdana;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	margin: 0px 0px 15px 0px;
	padding: 0px 10px 0px 0px;
        border-bottom: 1px solid #dddddd;
	}
	
.postmeta p {
	margin: 0px;
	padding: 0px;
	}
	
.archive {
	float: left;
	width: 300px;
	margin: 0px;
	padding: 0px 20px 20px 0px;
	}
	
/************************************************
*	Images  					     		    * 
************************************************/

img.centered  {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 0px;
	}
	
img.alignnone {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	display: inline;
	}

img.alignright {
	padding: 0px;
	margin: 0px 0px 10px 10px;
	display: inline;
	}

img.alignleft {
	padding: 0px;
	margin: 0px 10px 10px 0px;
	display: inline;
	}
	
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	}

.alignright {
	float: right;
	margin: 0px 0px 10px 10px;
	}

.alignleft {
	float: left;
	margin: 0px 10px 10px 0px;
	}
	
.wp-caption {
	border: 1px solid #DDDDDD;
	text-align: center;
	background-color: #EEEEEE;
	padding: 4px 0px 5px 0px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}

.wp-caption img {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	border: 0px;
	}

.wp-caption p.wp-caption-text {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	}
	
/************************************************
*	Left Sidebar 		    			   	    * 
************************************************/

#l_sidebar {
	background: #FFFFFF url(images/bg.gif);
	float: left;
	width: 140px;
	font-size: 11px;
	margin: 20px 20px 10px 0px;
	padding: 10px 10px 0px 10px;
	display: inline;
	line-height: 22px;
	}
	
#l_sidebar h2 {
	color: #056177;
	font-size: 16px;
	font-family: Arial, Verdana, Tahoma;
	font-weight: normal;
	font-style: italic;
	padding: 3px 0px 3px 0px;
	margin: 0px 0px 5px 0px;
	border-top: double #EEEEEE;
	border-bottom: double #EEEEEE;
	text-align: left;
	}
	
#l_sidebar .widget  {
	background: #FFFFFF;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	clear: both;
	}
	
#l_sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

#l_sidebar ul li {
	padding: 0px;
	margin: 0px;
	}
	
#l_sidebar ul li li {
	padding: 0px;
	margin: 0px;
	border-bottom: 1px dotted #BBBBBB;
	}
	
#l_sidebar ul li li a, #l_sidebar ul li li a:visited {
	color: #056177;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	}

#l_sidebar ul li ul li a:hover {
	color: #056177;
	text-decoration: underline;
	}
	
/************************************************
*	Right Sidebar 		    	    	        * 
************************************************/

#r_sidebar {
	float: right;
	width: 315px;
	font-size: 11px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
	display: inline;
	line-height: 22px;
	overflow: visible;
	z-index: 0;
	}
	
#r_sidebar h2 {
	color: #056177;
	font-size: 14px;
	font-family: Arial, Verdana, Tahoma;
	font-weight: bold;
	padding: 3px 0px 3px 0px;
	margin: 0px 0px 5px 0px;
	border-top: double #EEEEEE;
	border-bottom: double #EEEEEE;
	text-align: left;
	}
	
#r_sidebar .widget  {
	background: #FFFFFF;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	}
	
#r_sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

#r_sidebar ul li {
	padding: 0px;
	margin: 0px;
	}
	
#r_sidebar ul li li {
	padding: 0px;
	margin: 0px;
	border-bottom: 1px dotted #BBBBBB;
	}
	
#r_sidebar ul li li a, #r_sidebar ul li li a:visited {
	color: #056177;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	}

#r_sidebar ul li ul li a:hover {
	color: #056177;
	text-decoration: underline;
	}
#r_sidebar .displayimg {
	position: relative;
	right: 190px;
	z-index: 0;
	width: 505px; 
	height: 200px; 
}
ul#r_sidebarwidgeted {
	margin: 0px 20px 0px 10px; 
}
/************************************************
*	Footer  									*
************************************************/

#footer {
	width: 940px;
	height: 150px;
	background: #056177;
	margin: 0px auto 0px;
	padding: 10px;
	text-align: left;
	}
	
#footer a, #footer a:visited {
	color: #FFFFFF;
	font-family: Arial, Verdana, Tahoma;
	font-weight: normal;
	text-decoration: none;
	}
	
#footer a:hover {
	text-decoration: underline;
	}
	
#footer p {
	color: #FFFFFF;
	font-family: Arial, Verdana, Tahoma;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	}
/************************************************
*	Search Form									*
************************************************/

#subscribe {
	margin: 0px;
	padding: 10px 0px 5px 0px;
	overflow: hidden;
	}

#subbox {
	background: #F5F5F5 !important;
	width: 185px;
	color: #222222;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: normal;
	margin: 0px;
	padding: 5px 0px 5px 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: inline;
	border: 1px solid #DDDDDD;
	}
	
#subbutton {
	background: #1b7286;
	color: #FFFFFF;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0px 0px 0px 5px;
	padding: 3px 5px 4px 5px;
	border: 1px solid #333333;
	}

#searchform {
	margin: 0px 0px 0px 0px;
	}
	
#searchformheader {
	margin: 0px;
	padding: 0px;
	position: relative; 
	top: 60px;
	}
	
#searchbox {
	background: #F7F7F7 !important;
	width: 210px;
	color: #222222;
	font-family: Arial, Tahoma, Verdana;
	padding: 3px;
	margin: 0px 3px 0px 0px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	}
	
#searchbutton {
	background: #1b7286 url(images/navbar.gif);
	color: #FFFFFF;
	font-family: Arial, Tahoma, Verdana;
	padding: 3px;
	margin: 0px;
	border: 1px solid #222222;
	}
	
#s {
	background: #FFFFFF;
	width: 175px;
	color: #222222;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px 3px 0px 0px;
	padding: 3px 0px 3px 3px;
	display: inline;
	border: 1px solid #DDDDDD;
	}
	
#searchsubmit {
	background: #DDDDDD;
	color: #222222;
	font-family: Trebuchet MS, Arial, Tahoma;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	margin: 0px;
	padding: 1px 2px 1px 2px;
	border: 1px solid #AAAAAA;
	display: inline;
	}
	
#submit {
	background: #666666;
	color: #FFFFFF;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	margin: 0px;
	padding: 2px 5px 3px 5px;
	border: 1px solid #333333;
	}
	
#author, #email, #url {
	background: #F7F7F7 !important;
	color: #222222;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px;
	padding: 4px;
	border: 1px solid #E6E6E6;
	}
	
#comment {
	background: #F7F7F7 !important;
	color: #222222;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	margin: 5px 0px 5px 0px;
	padding: 4px;
	border: 1px solid #E6E6E6;
	}
	
/************************************************
*	Comments									*
************************************************/
	
.commentlist li ul li {
	font-size: 12px;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	background: #FFFFFF;
	float: right;
	border: 1px solid #EEEEEE;
	margin: 0px 5px 0px 10px;
	padding: 2px;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	}

.commentlist p {
	font-weight: normal;
	text-transform: none;
	}

.commentmetadata {
	font-weight: normal;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0px;
	}

#commentform {
	margin: 5px 10px 0px 0px;
	}
	
#commentform textarea {
	width: 98%;
	padding: 2px;
	}
	
#respond:after {
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both; 
	visibility: hidden;
	}
	
#commentform p {
	margin: 5px 0px 5px 0px;
	}
	
#commentform #submit {
	margin: 0px;
	float: left;
	}
	
.alt {
	margin: 0px;
	padding: 10px;
	}

.commentlist {
	margin: 0px;
	padding: 0px;
	}
	
.commentlist ol {
	margin: 0px;
	padding: 10px;
	}

.commentlist li {
	margin: 15px 0px 10px;
	padding: 10px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
	}

.commentlist p {
	margin: 10px 5px 10px 0px;
	padding: 0px;
	}
	
.children { 
	margin: 0px;
	padding: 0px;
	}

.nocomments {
	text-align: center;
	margin: 0px;
	padding: 0px;
	}
	
.reply a, .reply a:visited {
	background: #EEEEEE;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-family: Georgia, Tahoma, Verdana;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	margin: 0px;
	padding: 2px 5px 2px 5px;
	border: 1px solid #DDDDDD;
	}
	
.reply a:hover {
	background: #660033;
	color: #FFFFFF;
	text-decoration: none;
	}

.commentmetadata {
	font-size: 10px;
	margin: 0px;
	display: block;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 40px;
	}
	
.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.thread-alt {
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
	}
	
.thread-even {
	background: #F5F5F5;
	margin: 0px;
	padding: 0px;
	}
	
.depth-1 {
	border: 1px dotted #BBBBBB;
	margin: 0px;
	padding: 0px;
	}

.even, .alt {
	border-top: 1px dotted #BBBBBB;
	border-bottom: 1px dotted #BBBBBB;
	border-left: 1px dotted #BBBBBB;
	margin: 0px;
	padding: 0px;
	}
/************************************************
*	SLIDING PANEL                           *
************************************************/
/* Extra div to handle some IE scenarios with absolute positioning. */
#sliding-panel-container {
	position: relative;
	display: table;
	z-index: 999;
	width: 100%;
	}

/* Sliding panel. */
#sliding-panel {
	position: absolute;
	top: 0;
	z-index: 999;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	}

/* The part of the panel that actually slides. */
#sliding-panel .panel {
	overflow: hidden;
	display: none;
	position: relative;
	z-index: 10;
	width: 100%;
	height: 200px;
	background: #FFFFFF;
	}

/* Widget container. */
#sliding-panel .panel-content {
	overflow: hidden;
	width: 960px;
	height: 170px;
	margin: 15px auto;
	padding: 0;
	text-align: left;
	border-left: 1px solid #333;
	}

/* Sliding panel widgets. */
#sliding-panel .widget {
	overflow: hidden;
	float: left;
	width: 289px;
	height: 170px;
	margin: 0;
	padding: 0 15px;
	font: normal normal normal 14px/21px Arial, Tahoma, Verdana !important;
	color: #888;
	background: transparent;
	border: none;
	border-right: 1px solid #333;
	}
#sliding-panel .widget-inside {
	margin: 0;
	padding: 0;
	background: transparent;
	border: none;
	}
#sliding-panel .widget-inside h2 {
	color: #323232; 
	size:16px;	
	}
/* Sliding panel widget titles. */
#sliding-panel .widget-title {
	margin: 0 0 5px 0;
	padding: 0;
	font: normal normal bold 18px/21px Arial, Verdana, sans-serif !important;
	color: #323232;
	text-transform: none;
	background: transparent;
	border: none;
	}

/* Sliding panel widget lists. */
#sliding-panel .widget ul {
	margin: 0 0 10px 20px;
	list-style: square;
	}
#sliding-panel .widget ul li {
	margin: 0;
	padding: 0;
	background: transparent;
	border: none;
	}

/* Sliding panel widget links. */
#sliding-panel .widget a {
	font-style: italic;
	color: #056177;
	text-decoration: none;
	}
#sliding-panel .widget a:hover {
	text-decoration: underline;
	}

/* Toggle div wrapper. */
#sliding-panel .tab {
	position: relative;
	top: 0;
	z-index: 9999;
	height: 37px;
	border-top: 2px solid #056177;
	}

/* Wrapper for the open/close button. */
#sliding-panel .tab .toggle {
  	clear: both;
	display: block;
	position: relative;
	width: 960px;
	height: 25px;
	line-height: 35px;
	margin: 0 auto;
	}
/* Open/close link. */
   #sliding-panel .tab a {
	display: block;
	float: right;
	position: relative;
	height: 25px;
	top: -1px;
	right:0px;
	margin: 0px 10px 0px 0px;
	padding: 0px 5px 5px 5px;
	font: normal normal bold 12px/33px Arial, Tahoma, Verdana;
	color: #056177;
  	background: #FFFFFF;
	border-top: 1px solid #056177;
 	text-align: center;
	}

/* Open link. */
#sliding-panel .tab a.open {
	}

/* Close link. */
#sliding-panel .tab a.close {
	}
/* Log Out. */	
#sliding-panel .tab a.loginout {
	float: right;
	position: relative;
	right: -70px;
	margin: 0px 10px 0px 0px;
	}
/* Open/close link hover. */
#sliding-panel .tab a:hover {
	cursor: pointer;
	text-decoration: underline;
	}

/* Open/close link array (&urarr;). */
#sliding-panel .tab a .arrow {
	font-style: normal;
	}

/* Donate form details */
#info * label {
width: 90px;
float: left;
text-align: right;
}
#info * input, #info * select {
float: right;
text-align: left;
}
#donation_form * p {
clear: both;
height: 14pt;
}
#donation_form #info {
width: 230px;
float: left;
padding: 7px;
}
#donation_form #info select {
width: 120px;
}
#donation_form #selectamount {
float: left;
width: 290px;
margin-left: 20px;
padding: 7px;
}
#ccinfo {
margin-top: 15px;
}
#donation_form #ccinfo {
float: left;
width: 290px;
padding: 7px;
margin-left: 20px;
}
#donation_form #btn_donate {
clear: both;
margin-top: 20px;
}
#selectamount * td {
width: 65px;
}
#donation_form * td input {
margin: 0px;
margin-right: 2px;
}
#ccinfo table {
margin-top: 15px;
width: 280px;
}
fieldset#details {
clear: both;
}

fieldset#info legend, fieldset#selectamount legend, fieldset#ccinfo legend, fieldset#details legend {font-weight: bold; font-size: 12pt;}

#search_settings label {
font-weight: bold;
width: 150px;
float: left;
}

#donate-link {
	background: url(images/nav-hov-bg.jpg); 
	background-repeat: repeat-x;
	height: 30 px;
}
#donate-link a {

	text-color: #ffffff;
}