/* CSS Document */
/*-- tags --*/
body{
	background:#FFFFFF;
	color:#000000;
	margin:0 10px 10px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	padding:5px 0;
	color:#F99B1C;
	font-size:19px;
}
h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	padding:5px 0;
	color:#F99B1C;
	font-size:19px;
}
a img{
	border:none;
}

/*-- end tags --*/
/*-- layout blocks --*/
#wrapper{
	top:0;
	left:0;
	background:#47c7ef;
	color:#000000;
}
#spanner{
	width:760px;
	height:1px;
	font-size:1px;
}
#header{
}
#headimg{
	position:absolute;
	top:20px;
	right:10px;
	background:#47c7ef;
}

#bannerImage{
	position:absolute;
	top:20px;
	right:10px;
}


#headnav{
	position:absolute;
	top:120px;
	right:10px;
}
table #layout{
	width:100%;
	border:none;
	border-collapse:collapse;
}
#leftCol{
	width:180px;
	padding:0 10px 0 0;
	vertical-align:top;
}
#headRow{
	background:#FFFFFF;
	text-align:right;
	padding:4px 6px 3px 6px;
	border-bottom:1px solid #CCCCCC;
}
#mainCol{
	vertical-align:top;
	background:#FFFFFF;
	padding:5px 20px 10px 20px;
}
#rightCol{
	width:130px;
	padding:10px 10px 0 0px;
	vertical-align:top;
	background:#FFFFFF;
}
#footer{
	clear:both;
	text-align:right;
	font-size:11px;
	color:#FFF;
	padding:0 5px 5px 0;
}
#sub{
	clear:both;
	padding:4px 0;
	text-align:right;
}
#stretcher{
	border:#FFFFFF solid;
	color:#FFFFFF;
}
/*-- end layout blocks --*/

/*-- boxes --*/
#logbox, #userbox{
	background:#FFFFFF;
	padding:10px;
}
.logboxhead{
	background:#afe2f7;
	color:#000000;
	display:block;
	padding:5px 0;
	text-align:center;
}
#searchbox{

	
}
#searchbox input, #searchbox select{
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
}
.roundbox{
	width:150px;
	padding:10px 5px 0 5px;
	margin:0 0 10px 0;
}
.roundbox .low{
	display:block;
	height:28px;
	margin:0 -5px;
}
.bluebluebox{
	background:url(/img/bluebluebox.gif) 0% 0% no-repeat;
}
.bluebluebox .low{
	background:#FFFFFF url(/img/bluebluebox-low.gif) 0% 0% no-repeat;
}

.bluewhitebox{
	background:url(/img/bluewhitebox.gif) 0% 0% no-repeat;
}
.bluewhitebox .low{
	background:#FFFFFF url(/img/bluewhitebox-low.gif) 0% 0% no-repeat;
}
.orangebox{
	background:url(/img/orangebox.gif) 0% 0% no-repeat;
}
.orangebox .low{
	background:#FFFFFF url(/img/orangebox-low.gif) 0% 0% no-repeat;
}

#decadeforums, #chatterbox{
	text-align:center;
}
#crumbs{
	display:block;
	float:left;
	padding:6px 0 0 0;
	font-size:11px;
	color:#CCCCCC;
}

/*-- end boxes --*/


/*-- anchors --*/
a, a:active, a:visited{
}
a:hover{
}
a.sticky{
	font-weight:bold;
	color:#11505A;
	text-decoration:none;
}

#headnav a{
	text-decoration:none;
	text-align:center;
	color:#000000;
	display:block;
	float:right;
	width:89px;
	padding:3px 0;
	margin-left:15px;
	background:url(/img/head-nav-bg.gif) 0% 0% no-repeat;
}
#headnav a:hover{
	color:#FFFFFF;
	background:url(/img/head-nav-bg.gif) 0% 100% no-repeat;
}
#leftCol a{
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	text-indent:10px;
	padding:2px 0;
}
#leftCol a:hover{
	text-decoration:underline;
}

#logbox a{
	color:#c8161d;
	display:block;
	text-align:center;
	padding:2px;
	font-size:11px;
}
#userbox a{
	color:#c8161d;
	display:block;
	padding:2px;
	font-size:11px;
}
#decadeforums a img, #chatterbox a img{
	border:none;
}
.bluewhitebox a{
	color:#000000;
}
#sub a img{
	border:none;
	margin:0 0 -4px 0;
}
#crumbs a{
	color:#CCCCCC;
	text-decoration:none;
}

#crumbs a:hover{
	color:#0033FF;
}
a #wow{
	border:none;
}
#footer a{
	color:#FFF;
	text-decoration:none;
}
#footer a:hover{
	color:#FFF;
	text-decoration:underline;
}
/*-- end anchors --*/

/*-- topics menu --*/
ul#topicnav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 180px;
	}
ul#topicnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px; /* Width of Menu Items */
	border-bottom: 1px solid #ccc;
	}

ul#topicnav  li {
	position: relative;
	}
	
ul#topicnav li ul {
	position: absolute;
	left: 179px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}

/* Styles for Menu Items */
ul#topicnav  li a {
	display: block;
	text-decoration: none;
	padding: 5px 5px 5px 0;

	}

/* Fix IE. Hide from IE Mac \*/
* html ul#topicnav li { float: left; height: 1%; }
* html ul#topicnav li a { height: 1%; }
/* End */

ul#topicnav li a:hover { text-decoration:none;} /* Hover Styles */
ul#topicnav li.over, ul#topicnav li:hover{ background:#0099FF;}
		
/* Styles for Sub Menu Items */
ul#topicnav li ul li a {
	display: block;
	text-decoration: none;
	padding: 5px;
	border:1px solid #DDD;
	border-bottom:none;
	color:#FFFFFF;
	background:#0099FF;
	
	}
ul#topicnav li ul li a:hover{
	background:#47c7ef;
}
		
ul#topicnav li:hover ul, ul#topicnav li.over ul { display: block; } /* The magic */
/*-- end topics menu --*/





/*-- presentation --*/
#sub{
	font-size:10px;
	color:#FFFFFF;
}

/* Paging */
div.paging {
	color: #666;
	padding-bottom:3px;
}
div.paging a{
	color:#0033FF;
	text-decoration:none;
}
div.paging div.disabled {
	color: #CCC;
	display: inline;
}


.heading{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:19px;
	font-weight:bold;
	margin:0;
	padding:5px 0;
}

.subHeading{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	margin:0;
	padding:5px 0;
}
.minorHeading{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	margin:0;
	padding:5px 0;
}
.paragraph, p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin:0;
	line-height:16px;
	padding:5px 0;
}
.extended{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:5px 0;
	line-height:22px;
}
.u{
	text-decoration:underline;
}

.imgLeft{
	float:left;
	margin:5px;
}
.imgRight{
	float:right;
	margin:5px;
}





/*-- topics & article listings--*/
.topics{
	position:relative;
}
.topic{
}
.topic .related{
	margin-top:10px;
}
.topics h3, .topic h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:7px 0;
	font-size:15px;
}
.topics h3 a{
	color:#328BA7;
	text-decoration:none;
}
.topics h3 a:hover{
	color:#A73E32;
	text-decoration:underline;
}

.topic .related h4, .topic .related h4 a, .article h4, .article h4 a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	margin:0;
	padding:5px 0;
	color:#328BA7;
	text-decoration:none;
}
.article h4 a:hover{
	color:#A73E32;
	text-decoration:underline;
}
span.author{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#A73E32;
}
span.author a{
	color:#A73E32;
	text-decoration:none;
}
span.author a:hover{
	color:#A73E32;
	text-decoration:underline;
}

.article .date{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	font-style:italic;
}

.short a{
	color:#328BA7;
	text-decoration:none;
}

.short a:hover{
	color:#328BA7;
	text-decoration:underline;
}

.articles .article, .related .article{
	border-top:1px solid #dedede;
	padding-left:10px;
}
.article.odd{	
	background:#efefef;
	border-right:1px solid #dedede;
	border-left:1px solid #dedede;
}
.article.even{
	
}

/* authors */

.authorThumb{
	float:right;
	margin:0 0 10px 10px;
	padding:2px;
	border:1px solid #dedede;
}

/* Users */
div.account{
	
}
div.account h2{
	text-indent:35px;
	background:url(/img/user.gif) 0% 0% no-repeat;
	
}
div.tasks{
	border:1px solid #DDD;
	padding:10px 2%;
	background:#EEE;
	margin:5px 0 10px 2%;
	width: 92%;
	color: #333;
	background: #f2f2f2

}

div.tasks a.task{
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	margin:5px 0;
	padding:5px 0;
	color:#328BA7;
	text-decoration:none;
	text-indent:35px;
	background-repeat:no-repeat;
	background-position:0% 50%;
}

.account .details{
}
.details td{
	padding:3px;
	vertical-align:top;
}

.details td.detail{
	font-weight:bold;
	color:#666666;
	width:80px;
}

.account .subscriptions{
	width:100%;
}
.account .subscriptions th{
	text-align:left;
	padding:3px;
	border-bottom:1px solid #CCC;

}
.account .subscriptions td{
	text-align:left;
	color:#666666;
	font-weight:bold;
	padding:3px;
}
.account .subscriptions td.subExp {
	color:#BB0000;
}
.account .subscriptions td.subAct {
	color:#009933;
}
.account .subscriptions td.subPen {
	color:#F27900;
}

table#gifts{
	border-collapse:collapse;
	margin-bottom: 1em;
}
table#gifts th{
	text-align:left;
	color: #333;
	padding: .2em 2em .2em 1.4em;
	vertical-align: text-top;
}
table#gifts td{
	color: #333;
	border: 1px solid #ddd;
	background: #f6f6f6;
	padding: .8em 2em 1em 1.4em;
	vertical-align: text-top;
}

/* Forms */
label .note{
	color: #333;
	font-size: 11px;
	display:block;
}

form p.note{
	color: #333;
	
	font-size: 13px;
}

#mainCol form {
	margin-top: 0;
	padding: 0;
	width: 96%;
	margin-left:2%;
}
#mainCol form div {
	border: 1px solid #ddd;
	clear: both;
	margin-bottom: 1em;
	padding: .8em 2em 1em 1.4em;
	vertical-align: text-top;
}
#mainCol form div.required {
	color: #333;
	background: #f2f2f2 url(/img/req.gif) 0% 0% no-repeat;
	font-weight: bold;
}
div.required label{
	font-weight:normal;
}
#mainCol form div.optional, form div.input {
	background: #f6f6f6;
	color: #444;
}
#mainCol form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
	margin-left: 140px;
}
#mainCol label {
	display: block;
	font-size: 13px;
	padding-right: 0px;
	width: 80%;
}
#mainCol .eventBooking label {
	display: block;
	font-size: 13px;
	padding-right: 0px;
	width: 80%;
}
#mainCol input, textarea {
	clear: both;
	display: block;
	font-size: 14px;
	width: 60%;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
#mainCol .eventBooking input.min{
	width:auto;
}
#mainCol textarea{
	width:75%;
}
#mainCol select {
	clear: both;
	font-size: 13px;
	vertical-align: text-bottom;
	
}
#mainCol select[multiple=multiple] {
	width: 60%;
}
#mainCol option {
	font-size: 13px;
	padding: 0 0.3em;
}
#mainCol input[type=checkbox] {
	clear: left;
	float: left;
	margin: 2px 6px 7px 2px;
	width: auto;
}
#mainCol input[type=submit] {
	display: inline;
	padding: 0 2px;
	width: auto;
	vertical-align: bottom;
}
input.next{
	text-align:center;
	float:right;
	display:block;
	padding:0 20px;
}
input.previous{
	text-align:center;
	padding:0 20px;
	display:block;
}

/* Notices and Errors */
div.message, p.error, div.error-message {
	font-weight:bold;
}

div.error em {

	color: #003d4c;
}
span.notice {
	background-color: #c6c65b;
	color: #fff;
	display: block;
	font-size: 14px;
	padding: 0.5em;
	margin: 1em 0;
}
div.message{
	display:block;
	padding:10px 20px;
	font-size:12px;
	font-weight:bold;
	background:#FFFFCC;
	margin:10px;
}
#flashMessage{
	color:#900;
	border:1px solid #900;
	background-image:url(/img/error.gif);
	padding-right:40px;
	background-position:98% 50%;
	background-repeat:no-repeat
}

#successMessage{
	color:#090;
	border:1px solid #090;
	background-image:url(/img/lightbulb.gif);
	padding-right:40px;
	background-position:98% 50%;
	background-repeat:no-repeat
}
#mainCol form div.error-message{
	color: #900;
	border:none;
	padding:2px;
}
#leftCol form div.error-message{
	display:none;
}


/*-- end presentation --*/


/*-- chat styles --*/
div.chat{
	border:1px solid #CCCCCC;

}
.chat_window{
	height:400px;
	overflow:auto;
}
.chat_window p{
	margin:0;
	padding:3px;
}
.chat_window p.odd{
	background:#DEDEDE;
}
.chat_window p.new{
	background:#D9F1FF;
}

.chat_window p.even{
	
}
div.chat form{
	padding:5px 0;
	background:#FFFFFF;
}
/*-- end chat styles --*/

/*temp*/
pre{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


#cakeSqlLog td {
	background: #fff;
	border-bottom: 2px solid #ccc;
	padding: 4px 8px;
	text-align: left;
}

/* events */
.cal{
	width:33px;
	height:39px;
	position:relative;
	float:left;
	margin: 8px 20px 8px 8px;
	border:1px solid #DDD;
	background:#FFF;
}
.cal img{
	position:absolute;
	top:-1px;
	left:0;
}

.cal span{
	position:absolute;
	top:18px;
	left:0;
	display:block;
	width:33px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#262c32;
}