@import url(reset.css);
/*******************************************************
TITLE: Fixed One-Column #2 Layout (Basic) V1.0 (Beta)
DATE: 20070807
AUTHOR: The CSS Tinderbox - http://www.csstinderbox.com
*******************************************************/

body {
	margin:0;
	padding:0;
	height:100%;
	background-color:#dad2b3;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
}
blockquote {
	margin:1em;
	padding:.5em;
	background-color:#eee;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
blockquote p {
	margin:.2em;
}
strong{
	font-weight:bold;
}
#splatter, #inside #splatter {
	margin:0 auto;
	padding:0;
	width:860px;
}	
#splatter {
	background: url(../images/bg.jpg) no-repeat;
}
#youthspace #inside #splatter{
	background: url(../images/bg_youthspace.jpg) no-repeat 0 -10px !important;
	}
#proportal #inside #splatter {
	background: url(../images/bg_proportal.jpg) no-repeat 0 -10px !important ;
	}
#membersonly #inside #splatter {
	background: url(../images/bg_membersonly.jpg) no-repeat 0 -10px !important;
	}
#about #inside #splatter {
	background: url(../images/bg_about.jpg) no-repeat 0 -10px !important;
	}
#contact #inside #splatter {
	background: url(../images/bg_contact.jpg) no-repeat 0 -10px !important;
	}
	
#container {
	margin:0 auto;
	padding:0;
	width:730px;
	text-align:left;
	vertical-align: middle;
}
#youthspace #container {
	background: url(../images/content_bg_youthspace.jpg) no-repeat 20px 170px;
}
#proportal #container {
	background: url(../images/content_bg_proportal.jpg) no-repeat 20px 170px;
}
#membersonly #container {
	background: url(../images/content_bg_membersonly.jpg) no-repeat 20px 170px;
}
#about #container {
	background: url(../images/content_bg_about.jpg) no-repeat 20px 170px;
}
#contact #container {
	background: url(../images/content_bg_contact.jpg) no-repeat 20px 170px;
}
#header {
	margin:0;
	padding:0;
	height:91px;
}
#header h1 {
	margin:0;
	padding:20px 0 0 20px;
	font-size:1.8em;
	letter-spacing:.1em;
	color:#fff;
	font-weight:lighter;
}
#header h2 {
	margin:0;
	padding:0 0 0 20px;
	font-size:.9em;
	font-weight:lighter;
	letter-spacing:.1em;
	color:#eee;
}
#navbar {
	margin:0;
	padding:0;
	color: #fff;
}
#contentheader {
	margin-top: 50px;
	padding-left: 20px;
}
* html #contentheader 
{
	ma\rgin-top: 47px;
}
#contentheader #btnLogout{
	left:640px;
	position:absolute; 
	top: 3px;
}
#leftColumn {
	float:left;
	margin-top:0;
	padding: 25px 0 0 20px;
	*padding: 27px 0 0 20px; /* ie tweak */
	width:272px;
	font-size:.7em;
}
#inside #leftColumn {
	padding: 0 0 0 30px;
	margin-top: 0px;
	width: 182px;
}
#leftColumn p {
	padding:0 10px;
	line-height: 1.2em;
}
#leftColumn h2 {
	margin:0;
	padding:10px 0 0 10px;
	font-size:1em;
	font-weight: bold;
}
#leftColumn a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#leftColumn a:hover, #leftColumn a:focus {
	text-decoration: underline;
	font-weight: bold;
}
#leftColumn ul {
	list-style:none;
	background: #373320;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
}
#leftColumn li {
	padding: 10px;
	border-bottom: 1px solid #828076;
}
#leftColumn li.on {
	background: #5d5a4b;
}
#leftColumn li.on ul{
	background:none;
	padding:5px 0 0;

}
#leftColumn li.on ul li{
	border-bottom:none;
	list-style-type:circle;
	margin:0 0 0 20px;
	padding: 5px 0 5px 0;
}
#leftColumn li.on ul li.on a{
	color:#302E27;
}
#events, #knowledge, #ideas{
	width: 251px;
	color: #fff;
}
#events a, #knowledge a, #ideas a{
	text-decoration: underline;
}
#events a:hover, #knowledge a:hover, #ideas a:hover{
	text-decoration: none;
}
#events{
	height: 172px;
	overflow:auto;
	background: url(../images/left_eventsbg.jpg) no-repeat;
}
#knowledge{
	height: 92px;
	background: url(../images/left_testbg.jpg) no-repeat;
	margin-top: 10px;
}
#knowledge p, #ideas p {
	padding-top: 8px;
}
#knowledge p+p {
	padding-top: 0px;
}
#ideas{
	height: 100px;
	background: url(../images/left_ideasbg.jpg) no-repeat;
	margin-top: 10px;
}
#leftColumn textarea {
	margin-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
}
#centerColumn {
	margin:0 0 0 292px;
	padding:0;
}
#inside #centerColumn {
	margin:10px 30px 0 0;
	padding:0 0 0 20px;
	height: 370px;
	overflow-y: auto;
	color: #fff;
}
* html #inside #centerColumn {
	he\ight: 350px;
}
#inside #centerColumn p {
	padding: 0;
	margin: 0 0 1em 0;
	font-size: .8em;
	line-height: 1.2em;
}
#centerColumn ul{
	font-size: .8em;
	padding:0 0 0 30px;
}
#centerColumn ul li{
	padding:0 0 10px 0;
}
#centerColumn h2 {
	margin:0 0 .5em 0;
	padding:10px 0 5px 0;
	font-size:1em;
	font-weight: bold;
}
#centerColumn h3 {
	margin-bottom: 0px;
	font-size: .8em;
	font-weight: bold;
}
#centerColumn a {
	color: #fff;
}
#centerColumn a:hover, #centerColumn a:focus {
	text-decoration: none;
}
#centerColumn .poll {
	width: 191px;
	height: 145px;
	background: url(../images/poll_bg.jpg) no-repeat;
	color: #fff;
	line-height: 1.1em;
	font-size: .7em;
	font-weight: bold;
	padding: 100px 0 0px 95px;
	margin: 218px 0 0 147px;
}
#centerColumn .poll p {
	padding-bottom: 0;
}
#centerColumn .poll form {
	margin-left: 5px;
}
#centerColumn legend {
	margin-bottom: .5em;
}
#centerColumn .mice {
	font-size: .6em;
	margin-bottom: 1em;
}
.poll input[type="image"] {
	margin: 10px 0 0 10px;
}
.left {
	float: left;
}
.spacer {
	clear: both;
	line-height: 1px;
}
div.row {
  clear: both;
  padding-top: 5px;
  padding-bottom:5px;
  overflow:hidden;
  font-size: .8em;
  }

div.row label {
  float: left;
  width: 120px;
  padding-top: 5px;
}

div.row label.label {
  float: left;
  width: 210px;
  padding-top: 5px;
}

div.row span.formw {
  float: left;
  /*width: 450px;*/
  text-align: left;
  margin-left: 10px;
  } 
 #footer {
	position:relative;
	bottom:10;
	line-height: 2em;
	margin:50px 0 0 0;
	padding:0;
	height:60px;
	text-align:center;
	font-size:.6em;
	clear: left;
}
#footer a {
	color: #333;
}
#footer a:hover, #footer a:focus {
	text-decoration: none;
}
#hitcounter{
	bottom:0;
	position:relative;
	text-align:center;	
	color: #333;
	font-size:.6em;
}
.normaltext{
	font-size: .8em;	
}
table.normaltext td{
	padding:5px 0 0;
	vertical-align:middle;
}
table.normaltext td.tableheading, table.normaltext th{
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	font-weight:bold;
	padding:5px 0;
	text-align:center;
	vertical-align:bottom;
}
#memberevents{
	border-bottom:1px solid #FFF;
}
#memberevents tbody tr.border{
	border-top:1px solid #FFF;
}
.horizontalheading{
	font-weight:bold;
	padding:0 10px 0 0;
	vertical-align:top;
}
.errortext{
	color:#CC0000;
	font-size:11px;
}
.textcentered{
	text-align:center;
}
div.messagecontainer{
	border:1px solid #373320;
	font-size:12px;
	line-height:14px;
	padding:10px 0 10px 10px;
}
div.messagecontainer div.messagetitle{
	color:#373320;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
}
div.messagecontainer div.messagemetadata{
	font-size:11px;
	padding:0 0 10px;
}
div.messagecontainer fieldset.messagebody{
	border:1px solid #5D5A4B;
	color:#ffffff;
	margin:0 10px 0 0;
	padding:10px;
}
div.messagecontainer fieldset.messagebody legend{
	color:#5D5A4B;
}
div.messagecontainer div.messageactions{
	background:#5D5A4B;
	font-size:11px;
	margin:0 10px 10px 0;
	padding:5px;
	text-align:right;
}
div.messagecontainter div.messageactions a{
	text-decoration:none;
}
div.messagecontainer div.messagecontainer {
	border-right:none;
}
#centerColumn ul.funpagelist{
	list-style:none;
	margin:0;
	padding:0;
}
#centerColumn ul.funpagelist li{
	border:1px solid #FFF;
	margin:0 0 10px;
	padding:0;
}
#centerColumn ul.funpagelist li .content{
	padding:10px;
}
#centerColumn ul.funpagelist li .submittedby{
	background:#FFF;
	color:#373320;
	padding:10px;
	text-align:right;
}
#funpageform{
	background:#A5A293;
	border:1px solid #fff;
	font-size: .8em;
	padding:0;
	margin:0 auto;
	width:300px;
}
#funpageform .topbuttons{
	background:#FFF;
	padding:10px;
	text-align:right;
}
#funpageform .topbuttons a{
	color:#373320;
	text-decoration:none;
}
#funpageform .content, #funpageform .success, #funpageform .failure{
	padding:10px;
	text-align:right;
}
#funpageform .content label, #funpageform .success label, #funpageform .failure label{
	color:#fff;
	display:block;
	margin:0 0 10px;
	text-align:left;
}
#funpageform .content  #txtYourName, #funpageform .content #txtYourSubmission{
	border:1px solid #828076;
	margin:0 0 10px;	
	padding:1px;
	width:276px;
}
#funpageform .content #txtYourSubmission.error{
	border:1px solid #F00;
}
#funpageform .loading {
	background:url(../images/ajax-loader.gif) no-repeat center;
	height:32px;
	padding:10px;
}
#searchresultcontainer{
	background:none;
}
#searchresultcontainer.searching{
	background:url(../images/searching.gif) no-repeat center;
	height:20px;
}
#searchresultcontainer h3{
	color:#373320;
	font-size:14px;
	padding:0 0 10px;
}
div.event{
	border-bottom:1px dotted #FFF;
	margin:0 0 10px;
}