/* CSS Document */
body{
background-color:#000000;
background-image:url(images/bkgradient.jpg);
background-repeat:repeat-x;
text-align:center;
}
#mainwrapper {
	width: 970px;
	height: 750px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-color:#FFFFFF;
	border: 1px solid #000000;
	}

#wrapper {
	width: 970px;
	height: 750px;
	margin: 0px;
	padding: 0px;
	text-align:left;
	background-color:#FFFFFF;
	border: 1px solid #000000;
	}
#branding {
position:relative;
margin:0;
padding:0;
height:120px;
width: 970px;
}

#branding h1{
position:absolute;
left:30px;
z-index:3;
top:-15px;
background-image:url(images/logo.jpg);
height:109px;
width:150px;
background-repeat:no-repeat;
text-indent:-9999px;
}
#branding h2{
position:absolute;
left:350px;
z-index:4;
top:75px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:26px;
font-stretch:extra-expanded;
color:#990000;
}

#branding h3{
position:absolute;
left:450px;
z-index:3;
top:-7px;
background-image:url(images/shapes1.jpg);
height:100px;
width:250px;
background-repeat:no-repeat;
text-indent:-9999px;
}
#branding h4{
position:absolute;
left:250px;
z-index:3;
top:-15px;
background-image:url(images/shapes2.jpg);
height:120px;
width:226px;
background-repeat:no-repeat;
text-indent:-9999px;
}
#branding h5{
position:absolute;
left:830px;
z-index:3;
top:0px;
height:153px;
width:100px;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#012c50;
}

#branding h6{
position:absolute;
left:775px;
z-index:3;
top:0px;
background-image:url(images/phone.jpg);
height:53px;
width:53px;
background-repeat:no-repeat;
text-indent:-99999px;
}

#branding p{
position:absolute;
left:795px;
z-index:3;
top:60px;
font-size:14px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#990000;
}


/*#leftContent {
width:166px;
float:left;
padding:0px;
margin:0px;
padding-top:20px;
margin-left:3px;
background-image:url(images/fit.jpg);
background-repeat:no-repeat;
height:500px;
}
#leftContent h1{
color:#990000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
padding:0px;
padding-left:25px;
padding-right:25px;
text-align:center;

}
#leftContent img {
float:left;
}

#leftContent ul{
margin-top:30px;
padding-left:8px;
background-image:url(images/dumbells.jpg);
background-repeat:no-repeat;
}

#leftContent li{ display:block;
list-style:none;
line-height:1.2em;
}

#leftContent li a, #leftContent li a:visited{
color:#990000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bolder;
padding:0px;
padding-left:-10px;
position:relative;
top:20px;
text-decoration:none;
margin-top:0px;
text-align:center;

}
#leftContent li a:hover {
text-decoration:underline;

}*/

#mainContent {

float:left;
height:490px;
width:765px;
background-color:#e9e4e4;
background-repeat:no-repeat;
padding:10px;
margin:5px;
color:#012c50;
}

#mainContent h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#990000;
	text-align:center;
}
#mainContent p {
margin:0px;
padding:0px;
}

#mainContent a, a:visited {
color:#990000;
}

#mainContent a:hover {

}

#mainContent ul {
margin-left:55px;
padding-left:55px;
}

.indented li{
margin-left:154px;
padding-left:124px;
}

#mainContent img {
padding:5px;
margin:5px;
margin-right:20px;
margin-bottom:10px;
border:1px solid;
border-color:#012c50;
float:left;
}


#rightContent {
width:170px;
float:right;
padding:0px;
margin:0px;
}

#footer {
clear:both;
position:relative;

}
roundedCornerSpacer {
  margin: 0px; padding: 0px; border: 0px;
  clear: both;
  font-size: 1px; line-height: 1px;
}
/* In the CSS below, the numbers used are the following:
   1px: the width of the border
   3px: a fudge factor needed for IE5/win (see below)
   4px: the width of the border (1px) plus the 3px IE5/win fudge factor
   14px: the width or height of the border image
*/
.borderTL, .borderTR, .borderBL, .borderBR {
  width: 25px; height: 25px;
  padding: 0px; border: 0px;
  z-index: 99;
}
.borderTL, .borderBL { float: left;  clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin:  -2px  0px  0px -3px; }
.borderTR { margin:  -2px 0px  0px  0px; }
.borderBL { margin: -24px  0px  0px  -2px; }
.borderBR { margin: -24px  0px  0px  0px; }
/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px!   Why?  */
.borderTL {
  margin-left: -4px;
  margin-left: -2px;
}
html>body .borderTL  {
  margin-left: -2px;
}
.borderTR {
  margin-right: -4px;
  margin-right: -1px;
}
html>body .borderTR  {
  margin-right: -1px;
}
.borderBL {
  margin-left: -3px;
  margin-left: 0px;
}
html>body .borderBL {
  margin-left: -1px;
}
.borderBR {
  margin-right: -2px;
  margin-right: 0px;
}
html>body .borderBR {
  margin-right: -2px;
}