@charset "UTF-8";

/* CSS Document */



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {
	padding:0;
	margin:0;
	list-style:none;
	height:30px;
	position:relative;
	z-index:1500;
	font-family:arial, verdana, sans-serif;
	float: left;
}
#menu li {float:left; margin-right:1px;}
#menu li a {display:block; float:left; height:30px; line-height:30px; color:#444; text-decoration:none; font-size:14px; font-weight:normal; padding:0 14px 0 14px;}


#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {
	z-index:1200;
	position:relative;
	color:#fff;
}
#menu li:hover {position:relative; z-index:1200;}

#menu li:hover > a {background-image: url(../images/navTX.png);}
#menu li:hover > a.sub {color:#4E3B34; }

#menu li.current a {color:#fff;}

#menu li a.sub {background-image: url(../images/navTX.png);}
#menu li.current a.sub {color:#4E3B34;}

#menu :hover ul {left:0; top:30px; width:200px; }

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul
{left:190px; top:-1px; white-space:nowrap; width:200px; z-index:1200; height:auto;}

#menu :hover ul li {margin:0; }
#menu :hover ul li a {width:200px; padding:0; text-indent:10px; background-image: url(../images/navTX.png); color:#4E3B34; height:32px; line-height:32px;}

#menu :hover ul :hover {background-image: url(../images/navTXOver.png); color:#fff;}

#menu :hover ul li.currentsub a {background:#840; color:#4E3B34;}


#menu :hover ul :hover ul li a {width:200px; padding:0; text-indent:10px; color:#4E3B34;}
#menu :hover ul :hover ul :hover {color:#fff;}

#menu :hover ul :hover ul li.currentfly a:hover {background-image: url(../images/navTXOver.png); color:#fff;}
#menuPositioner {
	width: 100%;
	position: relative;
	float:left;
}
#menuHolder {
	position: relative;
}


* {
	margin: 0;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #444;
	background-color: #191919;
	font-style: normal;
	line-height: 1.4em;
	font-weight: normal;
	text-align: left;
}
html, body {
	height: 100%;
}
a:link {
	color: #693;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #366;
}
a:hover {
	text-decoration: underline;
	color: #999;
}
a:active {
	text-decoration: none;
	color: #693;
}

h1,h2,h3,h4 {
	font-weight:normal;
	padding-bottom:10px;
}

h1 {
	font-size: 220%;
	color: #366;
	margin:0;
}
h2 {
	font-size: 190%;
	color: #663;
	margin:0;
}
h3 {
	font-size: 150%;
	color: #636;
	margin:0;
}
h4 {
	font-size: 125%;
	color: #633;
	margin:0;
}

p {
	margin-bottom:12px;
}

#topBanner {
	background-image: url(../images/build/topGradient.png);
	background-repeat: repeat-x;
	width:100%;
	height: 144px;
}
#navBanner {
	background-image: url(../images/build/navBk.png);
	background-repeat: repeat-x;
	width:100%;
	height: 39px;
}
#wrapper {
	min-height: 450px;
	height: auto !important;
	height: 100%;
	padding: 20px 0;
	background-color: #FEFEFE;
	background-image: url(../images/build/wrapperBk.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	width:100%;
}
#footerBanner {
	background-image: url(../images/build/footerBk.png);
	background-repeat: repeat-x;
	height: 175px;
	width:100%;
}
#bodyWrap {
	margin:auto;
	width:1100px;
	padding-bottom: 20px;
}
.footer, .push {
	height: 175px; /* .push must be the same height as .footer */
}
#headWrap {
	margin:auto;
	width:1100px;
}
#navWrap {
	margin:auto;
	width:1100px;
}
#footerWrap {
	margin:auto;
	width:1100px;
	padding-top:20px;
}
.theLinks {
	width:300px;
	float:left;
	font-size:13px;
}

.theLinks img{
	float:left;
	display:inline;
	border:none;
}
.theLinks img a{
	float:left;
	display:inline;
	border:none;
}

.theLinks a{
	color:#777;
	text-decoration:none;
	display:block;
}
.theLinks a:hover {
	color:#999;
}
.theLinks h1{
	color:#6B9C9C;
	font-size:16px;
	font-weight:normal;
	margin:0;
	padding-bottom:3px;
	border-bottom:#666 1px solid;
	margin-bottom: 4px;
}
#floatHeadline{
	color:#666;
	font-size:16px;
	font-weight:normal;
	float:left;
	width:180px;
}
.divider{
	clear:both;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
}
.listColumns {
	color: #369;
	float: left;
	width: 250px;
}
#bodyLeft {
	float: left;
	width: 800px;
}
#bodyRight {
	float: right;
	width: 270px;
}

.clear {
	clear:both;
}

.outerBorder {
	padding:1em;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-opera-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
	background-color: #DDD;
	padding:5px;
}

/* root element for tabs  */
ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #666;

}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	font-size:13px;
	display:block;
	padding:5px 30px;	
	text-decoration:none;
	border:1px solid #666;	
	border-bottom:0px;
	height:18px;
	background-color:#efefef;
	color:#777;
	margin-right:2px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	-webkit-border-radius-topleft:4px;
	-webkit-border-radius-topright:4px;
	-opera-border-radius-topleft:4px;
	-opera-border-radius-topright:4px;
	-khtml-border-radius-topleft:4px;
	-khtml-border-radius-topright:4px;
	border-radius:4px;
	position:relative;
	top:1px;
}

ul.css-tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}

#tabbedSections {
	float: left;
	width: 800px;
}
#specialBloc {
	padding: 3px;
}
.specialHeader {
	font-size: 150%;
	line-height: 1.6em;
	color: #636;
}

.specialItem a{
	line-height: 2.2em;
	color: #369;
	display:block;
	height:38px;
	font-size: 120%;
	border-top:#888 1px solid;
	text-decoration:none;
}
.specialItem a:hover{
	color: #690;
	text-decoration:none;
}
.specialItem img{
	height:30px;
	width:30px;
	margin:3px 15px 3px 0;
	float:left;
}

.specialItem2 {
	color: #666;
	font-size:80%;
	line-height:1.2em;
}

.specialItem2 img{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.slideshow { height: 218px; width: 800px; margin-bottom:15px; overflow:hidden; }
.slideshow img { border: 1px solid #666; background-color: #eee; }


.linkItem {
	width:300px;
	display:block;
	font-size:13px;
}
.linkItem a{
	color:#777;
	text-decoration:none;
	display:block;
}
.linkItem a:hover {
	color:#999;
}
.linkHolder {
	width: 300px;
	float: left;
	margin-right: 30px;
}
.boardMember img {
	margin-bottom: 8px;
}
.boardMember {
	font-size: 90%;
	color: #666;
	line-height: 1.4em;
	height: 140px;
	width: 100px;
	text-align: center;
	margin-right: 50px;
	margin-bottom: 20px;
	float:left;
	display:inline;
}
.button{
	width: 180px;
	height: 40px;
	margin-top: 15px;
	margin-bottom: 20px;
}
#gallery {
		padding: 10px;
		width: 780px;
}
#gallery ul { list-style: none; margin-left:-30px; }
#gallery ul li { display: inline; margin-right:10px; }
#gallery ul img {
		border: 5px solid #eee;
		border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
}
#gallery ul a:hover { color: #fff; }

/*############################### News-Feed #############################*/
#rss{
	margin:0;
	padding:0;
	float:right;
	width:40%;
	font-size:10px;
}
#rss #blogPosts{
	margin:0;
	padding:5px;
	border:1px solid #CCCCCC;
	height:320px;
	width:100%;
	overflow: auto;
}
#rss #blogPosts a {
	color:#FF9900;
	font-size:10px;
}
#rss #blogPosts .date {
	margin:0;
	color:#999999;
	font-size:x-small;
	letter-spacing:0.2em;
}
#rss #blogPosts .description{
 	margin:0;
 	padding:0;
}
#rss #blogPosts .description p{
	font-size:10px;
}
#loading{
	margin:40% 0% 0% 40%;
	float:left;
}

div.updated { color: #999; margin-bottom: 5px; font-size: 0.8em; }