/* -- WebSite Accelerator 3.0.0.0 --

  WSA Stylesheet Master
  Copyright  2005 PowerServe International.
  All Rights Reserved.
  Creation Date: 12|13|2004
  Last Modified
	  Date: 07|08|2009
	  By: Josh Wilkerson

	
/*	Flags.............
	=Header
	=Topnav
	=Leftnav
	=Mainpage
	=Rightside
	=Rightbar
	=Footer
	=Forms
	=Imagegallery
	=Calendar
	=Weeklycal
	=Eventdetails
	=Productpage
	=Headings
	=Text
	...................*/


/*Style Reset or Baseline*/
  @import url("/include/scripts/css/reset.css");
  
/* WSA Global Styles - DO NOT REMOVE! */
  @import url("/common/wsaglobal.css");

/*Core Styles*/
body {
  	background:url("/images/bg.jpg") top left repeat-x #0597c8;
	color:#444;
	font-family:"Trebuchet MS", tahoma, sans-serif;
	font-size:14px;
	text-align:center; 
	}
#outercontainer {
	background:url("/images/outerglow.jpg") top left repeat-y;
	margin:0 auto 30px auto;
	text-align:left;
	width:960px;
	}
#outercontainer .top {
	background:url("/images/outerglow-top.jpg") top left no-repeat;
	width:960px;
	}
#outercontainer .bot {
	background:url("/images/outerglow-bot.jpg") bottom left no-repeat;
	font-size:1px;
	height:41px;
	width:960px;
	}
#container {
	border:solid #069;
	border-width:10px 10px 0 10px;
	margin:0 30px 0 30px;
	text-align:left;
	}
	
/* =Header Style */
#header {
	background:#fff;
	float:left;
	margin:0 auto;
	text-align:left;
	height:103px; 
	width:100%;
	}
#header h1 {
	font-size:60px;
	float:left;
	margin:0 0 0 30px;
	text-indent:-9999px;
	}
#header h1 a {
	background:url("/images/wip-logo.gif") top left no-repeat;
	color:#fff;
	display:block;
	width:321px;
	height:103px;
	}
#header .tagline {
	color:#9c3;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	float:right;
	margin:64px 30px 0 0;
	text-align:right;
	font-style:italic;
	}
/*End Header*/

/* =Topnav */
#topnav {
	background:#069;
	font-size:14px;
	height:36px;
	}
#topnav ul {
	margin:0 0 0 54px;
	padding:0;
	list-style:none;
	}
#topnav ul li {
	float:left;
	margin:0 2px 0 2px;
	padding:0;
	}
#topnav ul li a {
	color:#fff;
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	float:left;
	padding:11px 16px 11px 16px;
	text-transform:uppercase;
	text-decoration:none;
	}
#topnav ul li a:hover, #topnav ul li.current a {
	color:#9c3;
	text-decoration:none;
	}
/*End Topnav*/

/* =Mainpage*/
#pagebody {
	background:#fff;
	float:left;
	vertical-align:top;
	width:100%;
	}
#contenthome {
	background:url("/images/content-bg.jpg") top left repeat-x #D3E5B3;
	}
#contenthome #slideshow {
	float:right;
	width:480px;
	}
#contenthome #slideshow .join {
	margin:15px 30px;
	text-align:center;
	}
#contenthome #slideshow .join .joinbutton {
	background:#9c3;
	border:1px solid #999;
	color:#fff;
	display:inline-block;
	width:120px;
	font-size:24px;
	padding:10px 15px;
	text-decoration:none;
	}
#contenthome #maincontent {
	float:left;
	width:370px;
	padding:15px 0 20px 30px;
	}

#content {
	width:100%;
	overflow: hidden;
	}
#content #maincontent {
	background:url("/images/content-bg.jpg") bottom left repeat-x #f6faef;
	float:left;
	min-height:300px;
	width:570px;
	padding:15px 30px 20px 30px;
	}
/* =Rightnav*/
#content #rightnav {
	background:#d2e5b3;
	float:right;
	width:250px;
	padding:0 0 2000px 0;
	margin:0 0 -2000px 0;
	}
#content #rightnav ul {
	margin:15px 30px 15px 20px;
	list-style:none;
	font-size:16px;
	}
#content #rightnav ul li {
	border-bottom:1px solid #B1D863;
	padding:0;
	}
#content #rightnav ul li a{
	display:block;
	padding:5px 10px 5px 10px;
	text-decoration:none;
	}
#content #rightnav ul li a:hover {
	background:#EBF3DC;
	color:#069;
	}
#content #rightnav .content {
	margin:30px 30px 15px 20px;
	}
#content #rightnav .content h3 {
	border-bottom:1px solid #B1D863;
	}
/*End Rightnav*/

/* Custom Layout */
#page .section1 {
	float:left;
	width:46%;
	margin:0 20px 0 0;
	}
#page .section1 h1 {
	border-bottom:7px solid #099;
	}
#page .section2 {
	float:left;
	width:50%;
	}
/*End Mainpage*/

/* =Bottombar*/
#bottombar {
	background:#F1F7E9;
	float:left;
	padding:15px 30px 15px 30px;
	}
#bottombar #news {
	float:left;
	width:395px;
	margin:0 30px 0 0;
	}
#news ul {
	list-style:none;
	margin:0;
	padding:0;
	}
#news ul li {
	margin:0;
	padding:0 0 10px 0;
	color:#667;
	font-size:12px;
	line-height:16px;
	}
#news ul li a {
	color:#15b2e5;
	font-size:12px;
	font-weight:normal;
	}
#news ul li a:hover {
	color:#15b2e5;
	text-decoration:underline;
	}
#news ul li a strong {
	color:#15b2e5;
	font-size:14px;
	font-weight:bold;
	}
#news ul li strong {
	color:#15b2e5;
	font-size:14px;
	font-weight:bold;
	}
#news p strong {
	color:#15b2e5;
	font-size:14px;
	font-weight:bold;
	}
#bottombar #events {
	float:right;
	width:395px;
	margin:0 0 0 0;
	}
#events p {
	color:#667;
	font-size:12px;
	font-weight:normal;
	}
#events p strong {
	color:#15b2e5;
	font-size:14px;
	font-weight:bold;
	}
#events a strong {
	color:#15b2e5;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	}

/*End bootombar*/
/* =Footer */
#footer {
	background:url("/images/footer-bg.jpg") top left repeat-x #BEDE7B;
	padding:20px 30px;
	font-size:12px;
	color:#fff;
	}
#footer a {
	color:#fff;
	}
#footer a:hover {
	color:#15B2E5; 
	}
#footer #info {
	float:left;
	width:47%;
	}
#footer #info h3 {
	border:none;
	float:left;
	font-size:18px;
	font-weight:bold;
	padding:0 20px 0 0;
	}
#footer #info .phone {
	float:left;
	font-size:18px;
	}
#footer #info a {
	display:block;
	float:left;
	font-size:14px;
	text-decoration:underline;
	padding:4px 0 0 20px;
	}
#footer #copyright {
	color:#fff;
	font-size:12px;
	float:right;
	text-align:right;
	width:47%;
	}
#footer h3, #footer .h3 {
	color:#fff;
	}
#footer .text {
	font-size:12px;
	color:#fff;
	}
/*End Footer*/

/* =Rightbar */
#rightbar {
	float:right;
	padding:0 0 0 20px;
	width:30%;
	}
#rightbar .list, #rightbar .rightlist {
	}
#rightbar .list {
	background:#dff;
	color:#099;
	text-align:center;
	padding:0 0 10px 0;
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	}
#rightbar .list h3 {
	background:#aff;
	color:#444;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:7px 5px;
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	}
#rightbar .list ul {
	list-style:none;
	margin:10px 10px;
	}
#rightbar .list li { 
	display:inline;
	}
#rightbar .list a {
	border:solid #aff;
	border-width:0 0 1px 0;
	font-size:12px;
	display:block;
	padding:7px 5px;
	}
#rightbar .list a:hover {
	background:#aff;
	color:#444; 
	}
/*Styles For Polls*/
.hotlisttable {
	background:#cff;
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	text-align:center;
	}
.hotlisttitle {
	background:#aff;
	color:#066;
	font-size:16px;
	font-weight:normal;
	padding:7px 5px;
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	}
.pollitem {
	padding:7px 5px 7px 5px;
	font-size:12px;
	}
.hotlisttable .votebuttom {
	background:#066;
	border:1px solid #ccc;
	color:#fff;
	margin:0 0 0 30px;/* zero out the margin in IE7.css */
	padding:7px 10px;
	font-size:14px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	}
.hotlisttable .votebuttom:hover  {
	background:#099;
	border:1px solid #fff;
	cursor:pointer;
	}
/*End RightBar*/

/*Start Specific Page Styles*/
/* =Forms */

.forms td { 
	font-size:14px;
	padding:5px;
}
.forms {
	display:block;
	font-size:14px;
	font-weight:normal;
	}
.forms li {
	padding:0 0 7px 0;
	}
.forms li label {
	display:block;
	float:left;
	margin:0 7px 0 0;
	}
.captcha span {
	display:block;
	}
.captcha input {
	float:left;
	margin:7px 10px 0 0;
	}
.captcha img {
	border:1px solid #099;
	float:left;
	margin:7px 0 0 0;
	}
.forms .submit {
	}
.forms .submitbutton {
	float:left;
	margin:0 10px 0 0;
	}
.forms .required {
	display:block;
	font-size:14px;
	float:left;
	margin:23px 0 0 0;
	}
.forms sup {
	color:#c00;
	font-size:14px;
	font-weight:bold;
	vertical-align:baseline;
	}
.forms input, .forms textarea, .forms select { 
	border:1px solid #ccc;
	font-size:14px;
	}
.forms .submitbutton, .forms .searchbutton {
	background:#066;
	color:#fff;
	padding:7px 17px;
	font-size:16px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	}
.forms .submitbutton:hover, .forms .searchbutton:hover {
	background:#099;
	border:1px solid #fff;
	cursor:pointer;
	}
.forms .radio {
	float:none;
	clear:both;
	}
.errormessage {
	color:#c00;
	display:block;
	padding:10px;
	}
.submitted {
	line-height:normal;
	font-size:14px;
	}
/*End Forms */
	
/* =Imagegallery */
.imagegallerymain { 
	}
.imagecell {
	float:left;
	width:100px;
	margin:0 7px 7px 0;
	}
.imagecell .resourcethumbnail {
	}
.imagecell .caption {
	font-size:12px;
	padding:5px 0 10px 0;
	}
/*End Image Gallery*/

/* =Calendar */
/* Eventtype */
#eventtype {
	width:98%;
	border:1px solid #099;
	margin:10px 0px 10px 0px;
	-moz-border-radius: 7px ;
	-webkit-border-radius: 7px;
	}
#eventtype td {
	font-size:12px;
	}
#eventtype th {
	background:#099;
	color:#fff;
	font-size:14px;
	-moz-border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
	}
#eventtype .selectall, #eventtype .showevents {
	background:#066;
	color:#fff;
	padding:2px 7px;
	font-size:14px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
#eventtype .selectall:hover, #eventtype .showevents:hover {
	background:#099;
	border:1px solid #fff;
	cursor:pointer;
	}

/* End Eventtype Selector Styles */

#calendar {
	width:98%;
	border:solid #099;
	border-width:1px 0 0 1px;
	font-size:12px;
	-moz-border-radius:7px 7px 0 0;
	-webkit-border-radius:7px 7px 0 0;
	}
#calendar .choose td, #calendar .hdr td.weekly {
	border:solid #099;
	border-width:0 1px 0 0;
	-moz-border-radius:0 7px 0 0;
	-webkit-border-radius:0 7px 0 0;
	}
#calendar th {
	background:#099;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	}
#calendar div.selector {
	float:left;
	padding:7px;
	}
#calendar tr.selector {
	float: none;
	}
#calendar .prev, #calendar .next {
	background:#066;
	color:#fff;
	padding:0 7px 1px 7px;
	font-size:12px;
	font-weight:bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
#calendar .prev:hover, #calendar .next:hover {
	background:#099;
	border:1px solid #fff;
	cursor:pointer;
	}
#calendar .showweekly {
	float:right;
	padding:7px;
	}
#calendar tr.even {
	background:#fff;
	}
#calendar tr.odd {
	background:#cff;
	}
#calendar .odd td, #calendar .even td {
	border-color:#099;
	width:14%;
	}
#calendar .date {
	background:#fff;
	border: solid #099;
	border-width:0 1px 1px 0;
	color:#066;
	font-size:12px;
	-moz-border-radius:0 0 7px 0;
	-webkit-border-radius:0 0 7px 0;
	}
#calendar .today {
	background:#099;
	border: solid #099;
	border-width:0 1px 1px 0;
	color:#fff;
	font-weight:bold;
	}
#calendar .events li {
	border-color:#0aa;
	font-size:11px;
	}
#calendar strong {
	font-size:11px;
	font-weight:bold;
	}
/* end Calendar */

/* =Weeklycal */

#weekly #calendar { 
	border-bottom:1px solid #099;
	width:98%;
	margin:0 0 20px 0;
	}
tr.calhdr { 
	background:#099;
	}
.calhdr td {
	color:#fff;
	padding:7px;
	font-size:16px;
	}
#weekly td.eventeven, #weekly td.eventodd {
	border-right:1px solid #099;
	font-size:12px;
	padding:7px;
	}  
td.eventeven {
	background:#cff;
	}  
td.eventodd {
	background:#fff;
	}
.eventeven .info, .eventodd .info {
	color:#444;
	padding:7px;
	}
#weekly .calendar { margin:0; padding:3px; }
#weekly .calendar .event1 { font-size:9px; line-height:1em; margin:0 0 10px 0; padding:0; }
/* End Weeklycal */


/* =Eventdetails */
#eventdetail {
	border:1px solid #099;
	}
#eventdetail .type {
	background:#099;
	border:1px solid #099;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	padding:7px;
	}	
#eventdetail .info {
	color:#444;
	font-size:14px;
	padding:7px;
	}
#eventdetail .resource {
	border:none;
	}
#eventdetail td {
	border:solid #099;
	border-width:0 0 1px 0;
	}
/* End Event Details */


/* =Productpage */
.searchresults {	
	}
.searchresults th {
	background:#444;
	color:#0ff;
	font-size:16px;
	font-weight:bold;
	padding:7px 10px;
	text-align:left;
	}
.searchresults .detail0 { 
	font-size:10px;
	background:#fff;
	}
.searchresults .detail1 {
	font-size:10px;
	background:#bff;
	}
.detail0 td, .detail1 td { 
	padding:5px 10px;
	}
#quantity {
	border:1px solid #999; 
	}
#quantity:hover {
	border:1px solid #099;
	}

/* End Productpage */

/* =Forum */
#forum table {
	width:97%;
	margin:0 0 20px 0;
	}
#forum th {
	background:#099;
	color:#fff;
	font-size:16px;
	font-weight:normal;
	padding:7px;
	}
#forum .first {
	-moz-border-radius:7px 0 0 0;
	-webkit-border-radius:7px 0 0 0;
	}
#forum .last {
	-moz-border-radius:0 7px 0 0;
	-webkit-border-radius:0 7px 0 0;
	}
#forum .forumsub td {
	color:#444;
	padding:7px;
	border:solid #099;
	border-width:1px 0 1px 0;
	}
#forum .commentinfo td {
	background:#cff;
	border:solid #099;
	border-width:0 0 1px 0;
	color:#444;
	font-size:12px;
	line-height:14px;
	padding:7px;
	}

#forum .comment td {
	background:#dff;
	color:#444;
	font-size:12px;
	padding:7px;
	}
#forum .commentinfo {
	font-size:14px;
	line-height:20px;
	margin:0 0 10px 0;
	}
#forum .captcha{
	margin:7px 0 7px 0;
	}
#forum .captcha sup {
	color:#c00;
	vertical-align:baseline;
	}
#forum .submit{
	margin:7px 0 20px 0;
	}
#forum .submitbutton {
	background:#066;
	color:#fff;
	padding:7px 17px;
	font-size:16px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	}
#forum .submitbutton:hover {
	background:#099;
	border:1px solid #fff;
	cursor:pointer;
	}
	
/*FAQ style*/
.faq { margin:0 0 30px 30px;}
#faqreturn, .faqreturn {
	 border-bottom:1px solid #ccc;
	 margin:3px 0 10px 0;
	 padding:0 0 10px 0;
	 }

/*Legacy Styles*/

.adminlink, .adminmsg {
 font:normal 11px "lucida grande", tahoma, verdana, sans-serif;
 color:#444;
 background:#e6e6e6;
 border:1px solid #ccc;
 display:block;
 padding: 10px;
 margin:0px auto 10px auto;
 text-align:left;
 width:760px;
 }

/*=Headings Styles*/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .imagegallerytitle, .boldlargetext {
	color:#9c3;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0 0 7px 0;
	}
h1, .h1 {
	font-weight:normal;
	font-size:28px; 
	}
h2, .h2 {
	font-size:20px;
	font-weight:normal;
	}
h3, .h3, .subheader, .imagegallerytitle, .boldlargetext {
	border-bottom:1px solid #ccc;
	font-size:18px;
	font-weight:normal;
	}
h4, .h4 {
	font-size:16px;
	font-weight:bold;
	}
h5, .h5 {
	font-size:14px;
	font-weight:bold;
	}
h6, .h6 {
	font-size:12px;
	font-weight:bold;
	}
/*End Heading Styles*/

/*=Text*/
p, .text, .textitalics, .textbold, .small, .smallbold, p.error {padding:0 0 10px 0; }
p, .text, .textitalics, .textbold, p.error {font-size:12px;}
.small, .smallbold, small {font-size:10px;}
.text{}
.textitalics, em, i {font-style: italic; }
.textbold, strong, b {font-weight:bold; }
.small, small {}
.smallbold {font-weight:bold; }
p.error {font-weight:normal;}
/*End Text Styles*/

/*Basic Styles*/
p { line-height:16px; padding:0 0 10px 0;}
ul { list-style:disc; margin:0 0 0 25px;}
ul li ul { list-style: circle; margin:0 0 0 25px;}
ol { list-style: decimal; margin:0 0 0 30px;}
li { padding:0 0 8px 0;}
div {}
td { vertical-align:top;}
span {}
font {display:block;}
a {color:#069; text-decoration: underline;}
a:hover {color:#9c3; }
a strong {color:#15b2e5; font-weight:bold;}
input { border:1px solid #ccc;}
input:hover { border:1px solid #099;}
textarea { border:1px solid #ccc;}
textarea:hover { border:1px solid #099;}

/*Classes*/
.hide {display:none;}
.clear {clear:both;}
.clearleft {clear:left;}
.clearright {clear:right;}
.shim {display:none;}
.error { color:#c00; }
div.resource { clear:both;}
.data td { border:1px solid #ccc;}
.Left { text-align:left;}
.Center { text-align:center;}
.Right { text-align:right;}

/* fixed height designs only */
.scroll-pane {
	float:left;
	height:500px;
	overflow:auto;
	width:100%;
	}
