* { margin:0; padding:0; }

body { 
background-image:url(../images/bg.jpg) ;
/*background-color:#000000;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px; font-weight:normal;
color:#000000;
}

a:hover { font-family:Verdana, Arial, Helvetica, sans-serif;
color:blue;
}

/*font class for general content*/
h1 { font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px; font-weight:normal;}

/*font class for larger headers*/
h2 { font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px; font-weight:bold;}

/*font class for image captions*/
h3 { font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px; font-weight:normal;
}

/* Navugation menu CSS*/

 .cssnav
{
	position: relative;
	font-family: arial, helvetica, sans-serif;
	background: url(../Buttons/overbtn.gif);
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	width: 140px;
	height: 30px;
	margin-left: 10px;
	margin-bottom: 5px;
	padding:0 ;
}

.cssnav a
{
display: block;
color: #ffffff;
font-size: 13px;
/*font-weight:bold;*/
width: 140px;
height: 30px;
float: left;
color: #ffffff;
text-decoration: none;
}

.cssnav img
{
width: 140px;
height: 30px;
border: 0
}

* html a:hover 
{
visibility:visible
}

.cssnav a:hover img
{
visibility:hidden
}

.cssnav span
{
position: absolute;
left: 15px;
top: 6px;
margin: 0px;
padding: 0px;
cursor: pointer;
}

/* define the various content boxes*/
/*This defines a container box for the whole page so that we can enforce a minimum size
so that the images don't collapse the page*/

	#container div{border:0px ;
	}
	#container .main
	{
	background-image:url(images/bg1.gif);

/* IE Dynamic Expression to set the minimum width*/

	width:expression(document.body.clientWidth < 1000 ? "1000px" : "100%" );

/*min width is recognised by firefox etc*/
	min-width:1000px;
	}

/*These define the banner. Inside the main banner div we will have 3 smaller divs with a left and
right float and a center. Same pricipal as used for the 3 column layout of the main body*/

#banner { /*background-color:#ffffff;*/
height:136px;
border:0;
padding:0px; }

#banner2 { /*background-color:#ffffff;*/
height:136px;
border:0;
padding:0; 
margin-top:15%;}

#leftbanner { float:left;
width:150px;
height:136px;
/*background-color:#ffffff;*/
border:0px solid black; }


#rightbanner { float:right;
width:300px;
height:136px;
/*background-color:#ffffff;*/
border:0px solid black; }

#centerbanner { margin-right:165px;
margin-left:165px;
padding:0px;
border:0px solid black
/*background-color:#ffffff;*/
 }

#bannerlock { clear:both;
height:2px;
border:0;
margin:0;
 }

/* these 4 divs set the nav bar, main content, the right content and then the footer*/

#leftcontent { float:left;
width:180px;
height:400px;
padding:0;
margin:0;
/*background-image:url(/images/bg.gif);*/
border:0px solid black; }


#rightcontent { float:right;
width:180px;
height:400px;
/*background-color:#6699ff;*/
border:0px solid black }


#centerpadding  { margin-right:170px;
margin-left:170px;
padding:0px;
border-image:url(images/bg.gif);
 }

#centercontent { 
margin:15px;
padding:5px;
border:2px solid black;
overflow:auto;
height:540px;
background-color:#C3c3c3;
/*background-image:url(/images/bg.gif);*/



}
#centercontent .main
{

/* IE Dynamic Expression to set the minimum width*/
width:expression(document.body.clientWidth < 670 ? "670px" : "100%" );
min-width:670px;
}

#footer { clear:both;
height:20px;
/*background-color:#CCC08F;*/
border:0;
margin:0;
 }

/*these divs are used for the multimedia page*/

.media	 a { font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
}
.media	a:hover { font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
}
.media	 a:visited { font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
}


/*these statements create classes for images to be used in the fighter thumbnail page*/

/*this sets the padding and the left float for the image*/

div.photo {
	float:left;
	width: 115px;
	height: 115px;
	padding: 5px;
	border: 0; 
	margin: 0;
	zoom:1;
	}

/* This sets the link properties*/
div.photo a {
	padding: 0;
	margin: 0;
	text-decoration: none;
	border: 0;
}

/* this is the img properties*/
div.photo img {
	border: 2px solid black;
	padding: 2px;
	background-color:#ffffff;
}


/*Use this to hold the fighter photos on the the individual page*/
#fighterphoto {
	float: right;
	width: 250px;
	height: 375px;
	border: 2px #000000;
	margin: 20px 5px 5px 15px;
}

/*creating a set of divs to hold the photos from Pixies wedding*/

.pixiephoto {
	width:95%;
	min-width:675px;
	}



.rule {
	width:675px;
	margin:1em 0;
}
/*This div can hold the myspace movie on the main page*/

#flashmovie {
	float:right;
	width:430px;
	height:346px;
	padding:10px;
}


/* I will create these divs for holding posters*/

#posterleft {
	float:left;
	width:205px;
	height:290px;
	padding:5px;
}

#posterleftwide {
	float:left;
	width:290px;
	height:210px;
	padding:5px;
}
#posterright {
	float:right;
	width:205px;
	height:290px;
	padding:5px;
}

#poster {
	width:205px;
	height:290px;
	padding:5px;
}

/* generic img holder div*/

#img {
	float:right;
	padding:5px;}

#imgleft {
	float:left;
	padding:5px;}

/*Current champs Divs*/

#champsleft {
	float:left;
	width:272px;
	font-align:left}
#champsright {
	float:right;
	width:272px;
	font-align:right}
#trainingtext{
	Margin-left:200px;
	text-align:center;}
#links{
	float:left;
	/*width:320px;*/
	height:120px;
	padding:0px 5px;}

/*Create the rules for the rounded div News holders*/

 .bl {background: url('Images/bl.gif') no-repeat 0 100%; #593dd0; height:105px}
.br {background: url('Images/br.gif') no-repeat 100% 100%; height:105px}
.tl {background: url('Images/tl.gif') no-repeat 0 0; height:105px}
.tr {background: url('Images/tr.gif') no-repeat 100% 0; padding:3px ;height:105px}
.clear {font-size: 1px; height: 1px background-color:#c3c3c3;}

/*News Div*/
.news {background-color:#c4c4c4;
	height:105px;
	margin:5px;
	font-color:#ffffff;
}
.news	 a { font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
}
.news	a:hover { font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
}
.news	 a:visited { font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
}

/*News  Poater*/
#news photo {
height:300px;
width:205px;
background-image:../images.bg.gif;
float:left;
}
#news menu {
width:205px;
height:300;
background-color:ffffff;
}
/* Gym and Class Time Div*/
#map 
{
height:300px;
width:400px;
float:right;
margin-right:20px;
margin-top:20px;
}

#class
{
height:300px;
width:200px;
float:left;
margin-left:20px;
}