* { padding:0; margin:0; }
h1,h2,h3,h4,h5,h6,p,blockquote,label,ul,ol,dl,fieldset, { margin:1em 0; }
li,dd { margin-left:5%; }
em { font-style:italic; }
body { color: #333; text-align: center; margin: 0; background: #d7cc9f url(/images/bg_mainTile.jpg) repeat; font: 12px/17px Verdana, Helvetica, sans-serif; padding-top: 10px; padding-bottom: 10px; }
a,a:link,a:active,a:visited { color:#930; text-decoration: none; }
a:hover { color:#000; text-decoration: underline; }
p { margin: 0 0 10px; }
a img { border:none; }

/* Headings
-------------------- */
h1 { font: italic small-caps normal 22px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #9D6931; padding-top: 15px; padding-bottom: 10px; }
h2 { font: bold 14px Verdana, Helvetica, Arial, sans-serif; margin: 10px 0px 2px; }
h3 { font-size: 12px; margin: 5px 0 0 }
h4 { font-size: 12px; margin: 0 0 0 0; font-weight: bold; color: #000000; }

/* Lists
-------------------- */
ul { margin: 0 0 15px 0; padding: 0; }

/* Tables
-------------------- */
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
td { vertical-align:top; }

/* Forms
-------------------- */
input,select,textarea { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; }
input { margin:0 0 3px; padding:1px; }
select { height:18px; }

/* Misc
-------------------- */
.clear { height:1px; font-size:1px; line-height:1px; clear:both; }
.right {float:right;}
.left {float:left;}
.red {color:red;}
img.left {margin:0 15px 0 0;}
img.right {margin:0 0 0 15px;}
img.border { padding:3px; border: solid 1px #960; background: #FFF; }
img.border:hover { border-color:#ccc; }
.promoBox { line-height: 20px; padding: 10px; background: #FFF; text-align: center; margin: 30px 0px; border: 1px solid #960; }

/* Columns */
.twoCols { text-align: left; overflow:hidden; width:auto;}
.column { width: auto; margin-right: 15px; margin-bottom: 15px; float: left; }
.twoCols .column {width:45%; margin-right:4%;}
.column.last {margin:0;}

/* Layout
-------------------- */
#wrapper { width: 686px; text-align: left; margin: 0 auto; padding: 0 25; background: url(/images/masthead/home.png) no-repeat; overflow: hidden; }
body#about #wrapper  {background-image: url(/images/masthead/about.png);}
body#soaps #wrapper  {background-image: url(/images/masthead/soaps.png);}
body#club #wrapper  {background-image: url(/images/masthead/club.png);}
body#news #wrapper  {background-image: url(/images/masthead/news.png);}
body#contact #wrapper  {background-image: url(/images/masthead/contact.png);}
#wrapper .inner { width: 686px; background: url(/images/bg_main.png) repeat-y left bottom; overflow: hidden; margin-top: 207px; }
body#home #wrapper .inner {margin-top:350px;}
#main { padding: 20px; overflow: hidden; position: relative; background: left bottom; }
#sidebar { width: 130px; text-align: center; color: #555; font: 12px Arial, Helvetica, sans-serif; float: left; }
#sidebar .sidebarBox { width: 128px; background: url(/images/sidebarBox_top.gif) no-repeat; margin: 0px 0px 20px; padding-top:13px; }
#sidebar .sidebarBox .innerBox { border-right: 1px solid #c1beb0; border-bottom: 1px solid #c1beb0; border-left: 1px solid #c1beb0; padding: 10px; background: #FDF9E5; }
#mainContent { background: url(/images/bg_mainContent.gif) no-repeat right top; width: 486px; float: right; padding:35px 15px 15px; }


/* Navigation 
-------------------------*/
#mainNav { background: no-repeat; height: 29px; overflow: hidden;  }
#mainNav ul li { float: left; display: block; list-style:none; padding:0; margin-left:24px;}
#mainNav ul li a { display: block; height: 29px; padding: 0; background: url(/images/navMain_matrix.gif) no-repeat; text-indent: -9999px; float: left; width: 50px; }
#mainNav ul li#navHome a {		background-position:0 0; width:41px;}
#mainNav ul li#navAbout a {		background-position:-54px 0; width:46px;}
#mainNav ul li#navSoaps a {		background-position:-114px 0; width:69px;}
#mainNav ul li#navClub a {		background-position:-263px  0; width:37px;}
#mainNav ul li#navNews a {		background-position:-312px 0; width:45px;}
#mainNav ul li#navContact a {	background-position:-370px 0; width:60px;}

body#home #mainNav ul li#navHome a, 
#mainNav ul li#navHome a:hover {		background-position:0 -29px;}
body#about #mainNav ul li#navAbout a, 
#mainNav ul li#navAbout a:hover {		background-position:-54px -29px;}
body#soaps #mainNav ul li#navSoaps a,
#mainNav ul li#navSoaps a:hover {		background-position:-114px -29px;}
body#club #mainNav ul li#navClub a,
#mainNav ul li#navClub a:hover {		background-position:-263px  -29px;}
body#news #mainNav ul li#navNews a,
#mainNav ul li#navNews a:hover {		background-position:-312px -29px;}
body#contact #mainNav ul li#navContact a,
#mainNav ul li#navContact a:hover {	background-position:-370px -29px;}

.hsmg { bottom:0; left:0; }
#footer { padding:0 15px ; font-family: Tahoma, Arial, sans-serif;  text-align:center;}
#footer ul { margin:0; _overflow:hidden;}			
#footer ul li { float: left; list-style:none; margin:0; }
#footer ul li a {font-size:11px; color:#666; padding:0 5px; border-right:1px solid #999; }
#footer ul li a:hover {color:#000; text-decoration:underline;}

#footer ul li.first {border:none;}
#footer .signature {float:right; margin:5px 0; font: 9px Georgia, "Times New Roman", Times, serif; }

/* Extras */
.soap {padding: 5px;}

/* Soaps  */
.soaps { overflow: hidden; margin-bottom: 15px; float: left; width: 225px; margin-right: 15px; height:100px; }
body#soaps form { float:left; width:125px; clear:right; }
#main #mainNav form {width:25px; float:none;}