/* 
   
	 Southside Fitness style sheet
   copyright 2006 by Southside Consulting, Inc.  
   by: Joe Domaleski
	 
*/

body {
  margin: 0px;
	padding: 0px;
	font:	12px/1.2 Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background-color:#fff; }
	
html, body, #container {
	min-height: 100%;
	width: 100%;
	height: 100%;}
	
html>body, html>body #container {
	height: auto; }
	
.title		{ color: #000000; font: 28px arial, verdana, sans-serif; letter-spacing: -3px; font-weight: bold; }
.titlegold	{ color: #ffcc33; font: 18px arial, verdana, sans-serif;; letter-spacing: -1px; font-weight: bold; }
.titleblack	{ color: #000000; font: 18px arial, verdana, sans-serif;; letter-spacing: -1px; font-weight: bold; }
.subtitle 	{ color: #000000; font: 13px arial, verdana, sans-serif; letter-spacing: 0px; font-weight: bold; }
.copytext 	{ COLOR: #666666; FONT: 10px arial, verdana, sans-serif; font-weight: normal;}
.IT         { font-weight: bold; }		
	
.bannertitle { color: #000000; font: 36px arial, verdana, sans-serif; letter-spacing: -2px; font-weight: bold; padding-right: 10px;}
.bannersubtitle { color: #000000; font: 16px arial, verdana, sans-serif; letter-spacing: -1px; font-weight: bold; text-align: right; padding-right: 10px;}
.contenttitle { color: #000000; font: 32px arial, sans-serif; letter-spacing: -2px; font-style: italic; }

	
#container {
  position: relative;
  width: 770px;
  margin-left: auto;
  margin-right: auto;
  background-color: #FFF;
  color: #000;
  padding: 0px 20px 0px 20px;
  text-align: left; }

#header {
  width: 770px;
  height: 200px;
 }
	 
img.mc  { 
  position: absolute;
  height: 200px;
	width: 217px;	
	left: 0px;
	top: 0px;
	z-index: 2;
	}
	
#newsbox {
  position: absolute;
	top: 0px;
	right: 0px;
	border: 5px 5px 5px 5px solid #fff;
	background-color: #ccccff;
	padding: 10px 10px 10px 10px
	}

#newsbox2 {
  border: 5px 5px 5px 5px solid #fff;
	background-color: #ccccff;
	padding: 10px 10px 10px 10px
	}		
	
#banner {
  position: absolute;
  width: 770px;
	height: 70px;
	top: 130px;
	left: 0px;
	text-align: right;
	background-color: #ffff99; 
	}
	
#banner2 {
  position: absolute;
  width: 770px;
	height: 70px;
	top: 0px;
	left: 0px;
	text-align: right;
	background-color: #ffff99;
	 }	
	
.menu a:hover, 
.menu a:active,
.menu a:link,
.menu a:visited {
  text-decoration: underline;
	color: #000; }				 
	
#content {
  position: absolute;
	top: 200px;
	left: 0px;
	text-align: left;
	width: 670px;
	background-color: #fff;
	border: 1px 1px 1px 1px solid #fff;		}
	
#content2 {
  position: absolute;
	top: 100px;
	left: 0px;
	text-align: left;
	width: 670px;
	background-color: #fff;
	border: 1px 1px 1px 1px solid #fff;	}	
	
#menuright {
  position: absolute;
	top: 200px;
	left: 670px;
	text-align: right;
	margin-left: 5px;
	width: 96px;
	background-color: #fff;
	border: 1px 1px 1px 1px solid #fff; }
	
#menuright2 {
  position: absolute;
	top: 100px;
	left: 670px;
	text-align: right;
	margin-left: 5px;
	width: 96px;
	background-color: #fff;
	border: 1px 1px 1px 1px solid #fff; }	
	
#menuright a:link, 
#menuright a:visited,
#menuright2 a:link, 
#menuright2 a:visited
 {
  color: #000;
  text-decoration: none; }
	
#menuright a:hover, 
#menuright a:active,
#menuright2 a:hover,
#menuright2 a:active
 {
  text-decoration: none;
	color: #ffcc33; }
	
.copytext a:link,
.copytext a:visited,
.copytext a:hover,
.copytext a:active {
  text-decoration: none;
	font-weight: bold;
	color: #000; }	
	

#footer {
  width: 100%;
	margin-top: 5px;
	text-align: center; 
	color: #000000;
	background-color: #fff; }	

