/* CSS Document */

/*
Style Sheet for Cellar Kickboxing
CSS Development by The Chosen Media 2008
*/

/* bof standard markup */

html { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }

body { background:#000000; color:#FFFFFF; margin:0; padding:0; }

h1 { font-size:24px; border-bottom:#760a04 1px solid; font-style:italic; margin:10px 0; }

h2 { background:url(../images/h2bg.jpg) center bottom no-repeat; color:#FFFFFF; font-size:16px; font-style:italic; font-weight:bold; height:30px; width:560px; }

h3 { color:#CC0000; font-size:14px; font-weight:bolder; margin:0; padding:0; }

h4 { background:url(../images/h4bg.jpg) no-repeat; font-size:15px; font-weight:bold; height:21px;  text-align:center; width:575px; }

h5 { font-size:14px; border-bottom:#FF0000 1px solid; margin-right:10px; }

p {}

hr {}

ul {}

li { padding:5px 0;}

a, a:active { color:#ffffff; text-decoration:none; }

a:hover { color: #c99; text-decoration:none; }

a img { border:none; margin:0; padding:0; }

/* eof standard markup */

/* ------------------------------- */

/* new header */

.header {
	background-image: url(newHeader2.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	height: 200px;
	width: 757px;
	float: left;
	text-align: center;
}



ul#topnav {
	margin: 0;
	padding: 0;
	float: left;
	position: absolute;
	left: 10px;
	top:142px;
	width: 757px;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size: 14px;
	font-family: Tahoma, Geneva, sans-serif;
	font-style: italic;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
}
ul#topnav li {
	float: left;
	margin: 0;
	padding: 0;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #cc0001;
}
ul#topnav li a {
	padding: 5px 6px;
	display: block;
	text-decoration: none;
	color: #FFF;
}
ul#topnav li:hover {
	color: #FFF;
	background: #cc0001;
}
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/


ul#topnav li span {
	float: left;
	position: absolute;
	left: 0;
	top:25px;
	display: none; /*--Hide by default--*/
	width: 740px;
	color: #FFF;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
	font-size: 13px;
}
ul#topnav li:hover span {
	display: block;
	text-decoration: none;
} /*--Show subnav on hover--*/

ul#topnav li span a {
	padding: 5px 15px;
	display: inline;
} /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/

ul#topnav li span a:hover {
	text-decoration: none;
	color: #cc0001;
}

/* ------------------------------- */

/* bof wrappers */

#wrapper { margin:auto; height:auto; width:760px; }
#header {}
#content-wrapper { background:url(../images/contentBG.jpg) top right repeat-y; border:2px #FF0000 solid; margin:auto; width:737px; }
#content-wrapper-black {
	background:#000000;
	margin:auto;
	width:737px;
}
#content-leftcol-wrapper { border-right:#FF0000 2px solid; border-bottom:#FF0000 2px solid; float:left; width:148px; }
#content-rightcol-wrapper {
	float:left;
	padding:0 5px;
	width:575px;
}
#footer { margin-top:15px;}
#footer-leftcol { float:left; width:50%; }
#footer-rightcol { float:left; text-align:right; width:50%; }

#news-header { background:url(../images/headline-bar.jpg) no-repeat; height:27px;}
	#news-header h1 { font-size:16px; font-weight:bold; border:none; margin:0; padding-left:5px;}
/* eof wrappers */


/* Ca3er style */
.cu3er_resize { width:560px; margin:0 auto; padding:10px 0 50px 0; background:url(images/banner_bg.png) no-repeat bottom; }
#cu3er-container { width:560px; outline:0;}



/* ------------------------------- */

/* bof common markup */

.hide { display:none; }
.clearboth { clear:both; margin:0; padding:0; }
.clearboth-border { clear:both; border-bottom:#663300 dotted 1px; padding:2px 0;}
.clearleft { clear:left; }
.h1-directions { font-size:14px; text-align:right; }

/* eof commmon markup */

/* ------------------------------- */

/* bof instructors */

#christopher-cichon { background:url(../images/instructors/christoper-cichon.jpg) no-repeat; height:264px; padding:50px 10px 0 250px; width:303px; }
#justin-whiley { background:url(../images/instructors/justin-whiley.jpg) no-repeat; height:264px; padding:50px 10px 0 250px; width:303px; }
#jon-cichon { background:url(../images/instructors/jon-cichon.jpg) no-repeat; height:264px; padding:50px 10px 0 250px; width:303px; }
#aaron-rydeen { background:url(../images/instructors/aaron-rydeen.jpg) no-repeat; height:264px; padding:50px 10px 0 250px; width:303px; }
#katrina-hase { background:url(../images/instructors/katrina-hase.jpg) no-repeat; height:264px; padding:50px 10px 0 250px; width:303px; }
#tom-schmitz { background:url(../images/instructors/tom-schmitz.jpg) no-repeat; height:264px; padding:50px 10px 0 250px; width:303px; }
#shannon-eggebraaten-tietz { background:url(../images/instructors/shannon-eggebraaten-tietz.jpg) no-repeat; height:264px; padding:50px 10px 0 250px; width:303px; }
#katie-igowski { background:url(../images/instructors/katie-igowski.jpg) no-repeat; height:264px; padding:50px 10px 0 250px; width:303px; }
#john-bravo-dunham { background:url(../images/instructors/john-bravo-dunham.jpg) no-repeat; height:264px; padding:50px 10px 0 250px; width:303px; }


/* eof instructors */

/* ------------------------------- */