html, body { 	
	background: #5b9acf url(img/bg.png) repeat-x;
	margin: 0;
	height:100%;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Layout Blocks 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#top {	width: 980px;
	height:16px;
	margin: 0 auto 0 auto;
	padding: 0;
	background: #fff;
}

#top ul {
float:right;
margin:0;
padding:0;}

#top li {list-style:none;float:left;margin-left:20px;}
#top a {color:#003366;text-transform:uppercase;}
#top a:hover {color:#f00;text-decoration:none;}


#main { /* Holds the page items in place */
	width: 980px;
	min-height:400px;
	margin: 0 auto 0 auto;
	padding: 0;
	background: #fff;
}

#header {
	height:76px;
width:980px;
}
* html #header {clear:both;height:76px;} /* ie6 misbehaves again */

#logo {
background:url("img/header-logo.png") no-repeat scroll 0 0 #FFFFFF;
float:left;
height:76px;
width:260px;
}

#pageheader {
color:#003366;
float:left;
font-size:20px;
font-weight:bold;
height:56px;
margin-left:100px;
margin-top:12px;
width:350px;
}

/* Search Box in header */

#search_box {
	float:right;
	width: 160px;
	color: #fff;
	text-align: right;
	margin-top:16px;
}

#search_box .searchstring { width:100px;
	border: 1px solid #003366;
color:#003366;
}


#breadcrumbs {
background:#FFFFFF;
float:left;
padding:10px;
width:700px;	
}
#breadcrumbs span {
	background: transparent url(img/link.gif) no-repeat; 
	padding: 6px 2px 0px 12px; font-weight: bold; }
	
#breadcrumbs a {
	border-bottom: 0px solid #3b4750;
	text-decoration: none;
}
#breadcrumbs a:hover {border-bottom: 1px solid #3b4750;}
	
#breadcrumbs .menu-current a{
	color: #5B9ACF;
}

#date {
background:none repeat scroll 0 0 #FFFFFF;
color:#5B9ACF;
float:right;
font-size:12px;
font-weight:bold;
padding:10px;
text-align:center;
width:200px;	
}

#contentbox { 
	width: 980px;
	min-height:400px;
	background: #fff;
	float:left;
	margin-bottom:20px;
background:#fff;
/*background: #5b9acf url(img/bg.png) repeat-x;*/
}

#lside { 
float:left;
margin-left:2px;
width:178px;
}

/* formating the promo_image */
.wbanner { 
padding:2px;
margin-bottom:-2px;
}

#rss {
height:30px;
margin-left:34px;
margin-top:12px;
padding:0;
width:116px;
}


#rss h4{
padding:0px;
margin:0px;	
float:left;
padding-top:6px;
color:#003366;
}

#frontedit { /* formating the frontedit module */
        background:transparent; 
        text-align: center;	
        line-height: 120%; 
        margin: 1em 5px 0.3em 5px; 
        border: 0px solid #fff;
        padding:10px;
        color:red;
}
#frontedit a {font-weight:normal;color:#f00; font-size:13px;}
#frontedit a:hover {color:#000;}

#content { /* main content from the WYSIWYG goes in here */
border-left:0px solid #5B9ACF;
border-right:0px solid #5B9ACF;
float:left;
min-height:620px;
padding-bottom:16px;
padding-left:14px;
padding-right:14px;
width:592px;
background:#fff;
}

#content td {vertical-align: top;}

* html #contentbox #content {text-align:left; display:inline;} /* ie6 misbehaves */
* html #contentbox #content table {width: 90%; display:inline;} /* ie6 fix to stop tables being pushed below floats */


#rside { /* Currently holds the promo boxes */
float:right;
margin-right:2px;
width:178px;
}


#footerbox {
height:20px;
padding-top:40px;
width:586px;
float:left;
background:#fff;
padding-bottom:10px;
}

#footer { 	
	font-size: 90%;
	color: #666;	
	margin: 10px 5px 10px 5px;
text-align:center; 

}
#admin { 
margin:0 auto;
width:980px;
background:#5B9ACF;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  special css  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* chCounter version 3.1.3*/

.chcTable
{
  width: 166px;
  border-spacing: 0px;
  border-width: 1px;
  border-color: #ddd;
  border-style: solid;
  text-align: left;
  background-color: #eee;
  margin: 1em 5px 0.3em 5px;
}
.chcHeaderRow
{
  background-color: #eee;
  color: #003366;
  font-size: 12px;
  font-weight: normal;
  text-align:left;
padding:10px;
border-bottom:1px solid #ddd;
}
.chcLeftRow
{
  background-color: #fff;
  color: #003366;
  font-size: 10px;
  padding: 3px 10px;
}
.chcLeftRowAlt
{
  background-color: #fff;
  color: #003366;
  font-size: 10px;
padding: 3px 10px;
border-bottom:1px solid #ddd;
}
.chcRightRow
{
  background-color: #fff;
  font-size: 11px;
  font-weight: normal;
  color: #003366;
  padding: 3px;
  text-align: right;
}
.chcRightRowAlt
{
  background-color: #fff;
  font-size: 11px;
  font-weight: normal;
  color: red;
  padding: 3px;
  text-align: right;
border-bottom:1px solid #ddd;
}
.chcRightRowAlt a
{
  font-size: 10px;
padding: 3px;
  color:#003366;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	Custom Classes (Re-useables)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	

pre.code {
color:#333333;
font-size:11px;
line-height:1.4em;
}
pre.code br {
margin:0px;
padding:0px;
line-height:1px;
margin-top:-10px;
}

form.login_table {
color:#333333;
width:300px;
margin-left:150px;
border:0px solid #5B9ACF;
padding:20px;
}

form input[type='password'] {background:white; color:#003366; border:1px solid #5B9ACF; margin-top:4px;margin-left:13px; }
form input[type='text'] {background:white; color:#003366; border:1px solid #5B9ACF; margin-top:4px;margin-left:10px; }
form input[type='submit'] { margin-top:14px;margin-left:0px;margin-bottom:14px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	start page only
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#start-top {
float:left;
width:592px;
}

#news-start { 
float:left;
padding-bottom:14px;
padding-right:7px;
width:288px;
}

#topics-start { 
float:right;
padding-bottom:14px;
padding-left:7px;
text-align:justify;
width:288px;
background:#ffe;
height:570px;
}


#middle-top {
float:left;
width:592px;
}

#pages-start { 
float:left;
padding-bottom:14px;
padding-right:7px;
width:288px;
}

#reserve-start { 
float:right;
padding-bottom:14px;
padding-left:7px;
width:288px;
}

#content-start {
float:left;
width:592px;
}


.anynews {
text-align:justify;
}

.anynews h1 {
text-align:center;
background:#eee;
}

.anynews h4 {
float:left;
margin:0px;
padding:0px;
width:290px;
color:#003366;
font-size:11px;
}

.mod_anytopics_active4 h4  {
 margin:10px 0 4px 0;
	font-size: 14px;
}

#topics-start h1 {
text-align:center;
background:#eee;
}

#content .copy-others  {
text-align:center;
background:#eee;
padding-top:3px;
padding-bottom:3px;
border:1px solid #ddd;
}


 #feeder  {}

 #feeder ul  {
padding-left:10px;
}

#feeder li  {
list-style:decimal;
padding-left:0px;
padding-bottom:4px;
font-weight:bold;
color:#333;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*** ESSENTIAL STYLES Superfish Drop-Down***/

#navContainer {
background:url("img/menu.jpg") repeat-x  #5B9ACF;
clear:both;
display:block;
height:30px;
}

#nav {
	float:left;	
	height: 30px;	
	border: 0;	
	padding:0;
}

.sf-erpe, .sf-erpe * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-erpe {
	line-height:	1.0;
}
.sf-erpe ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-erpe ul li {
	width:			100%;
}
.sf-erpe li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-erpe li {
	float:			left;
	position:		relative;
}
.sf-erpe a {
	display:		block;
	position:		relative;
}
.sf-erpe li:hover ul,
.sf-erpe li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-erpe li:hover li ul,
ul.sf-erpe li.sfHover li ul {
	top:			-999em;
}
ul.sf-erpe li li:hover ul,
ul.sf-erpe li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-erpe li li:hover li ul,
ul.sf-erpe li li.sfHover li ul {
	top:			-999em;
}
ul.sf-erpe li li li:hover ul,
ul.sf-erpe li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-erpe {
	float:			left;
	margin-bottom:	1em;
}
.sf-erpe a {
	border-right:	1px solid #fff;
	border-bottom:		1px solid #fff;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-erpe a, .sf-erpe a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
}
.sf-erpe li {
	background:		transparent;
}
.sf-erpe li li {
	background:		#72B9D7;
/*	background:		#42A2C8; */

}
.sf-erpe li li a {
	padding: 7px;
border-right:0px solid #fff;
}
.sf-erpe li li li {
	background:		#72B9D7;
}
.sf-erpe li li li a {
	padding: 7px;
}
.sf-erpe li:hover, .sf-erpe li.sfHover,
.sf-erpe a:focus, .sf-erpe a:hover, .sf-erpe a:active {
	background:		#003366;
	outline:		0;
}

/*** arrows **/
.sf-erpe a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('http://websitebakers.com//modules/jqueryadmin/plugins/Superfish-1.4.8/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-erpe ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-erpe ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-erpe ul a:focus > .sf-sub-indicator,
.sf-erpe ul a:hover > .sf-sub-indicator,
.sf-erpe ul a:active > .sf-sub-indicator,
.sf-erpe ul li:hover > a > .sf-sub-indicator,
.sf-erpe ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('http://websitebakers.com//modules/jqueryadmin/plugins/Superfish-1.4.8/images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

.sf-erpe .menu-current {background:#003366;}
.sf-erpe .menu-parent {background:#003366;}

button.drop-zip {
  background: #c63929;
  background: -moz-linear-gradient(0% 100% 90deg, #891100 0%, #B51700 50%, #c63929 50%, #EE432E 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #ee432e), color-stop(0.5, #c63929), color-stop(0.5, #b51700), color-stop(1, #891100));
  border: 1px solid #951100;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333;
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333;
  color: #fff;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 1;
  padding: 6px 0 6px 0;
  text-align: center;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, .8);
  width: 150px;
}

button.drop-zip:hover {
  background: #cb0500;
  background: -moz-linear-gradient(0% 100% 90deg, #a20601 0%, #cb0500 50%, #db504d 50%, #f37873 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #f37873), color-stop(0.5, #db504d), color-stop(0.5, #cb0500), color-stop(1, #a20601));
}

button.drop-zip:active {
  background: #b30300;
  background: -moz-linear-gradient(0% 100% 90deg, #700d00 0%, #9c1500 50%, #ad3224 50%, #d43c28 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #d43c28), color-stop(0.5, #ad3224), color-stop(0.5, #9c1500), color-stop(1, #700d00));
  box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
}


td.head {border: 1px solid rgb(221, 221, 221); text-align: center; background-color: rgb(238, 238, 238);}