/* Start of CMSMS style sheet 'UBC default' */
@charset "UTF-8";
/* CSS Document */

body{ behavior: url('csshover.htc') url('iepngfix.htc'); margin:0; background-color:#000000; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height:18px; }

.body{ margin:0; background-color:#000000; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height:18px; }

a {
color: #555;
}

a:hover{
text-decoration: none;
}

#all {
width: 1000px;
margin-right: auto; margin-left: auto; 
}

#header{
height: 87px;
background-image: url(images/header.jpg);
background-repeat:no-repeat;
position:relative;
}
#logo a {
position:absolute;
width: 290px;
height:87px;
text-indent: -900em;
overflow:hidden;
}

#nav{
}

#nav ul{
list-style-type:none;
margin:0;
padding-top: 26px;
padding-left: 400px;
font-size: 14px;
font-weight: bold;
line-height: 30px;
}

#nav ul li {
float: left;
position: relative;
}

#nav ul li a {
display:block;
float:left;
padding: 0 12px;
text-decoration:none;
color:#ccbe8a;
outline: none;
}

#nav ul li a:hover{
color: #fcca07;
}

#nav ul li ul li {
font-size: 12px;
line-height: 22px;
clear: both;
}

#nav ul li ul li a { 
width: 100px;
}

#nav ul ul { position: absolute; top: 26px; left: 8px; z-index: 5000; padding: 0; _clear:both; background-color: #000; }
div#nav ul ul {
display: none;
}
div#nav ul li:hover ul {
display: block;
}



#container-home{ background-image: url(images/homepageContent.jpg); background-repeat: no-repeat; height: 411px; }
#container-col { background-image: url(images/bg-inside-col.jpg); background-repeat: repeat-y; }
#container { background-image: url(images/bg-inside.jpg); background-repeat: repeat-y; }
#container-top-col { background-image: url(images/container-col-top.jpg); background-repeat: no-repeat; }
#container-top { background-image: url(images/container-top.jpg); background-repeat: no-repeat; }
#container-bot-col { background-image: url(images/container-col-bot.jpg); background-repeat: no-repeat; background-position: 0 bottom; height: auto !important; height: 800px; min-height: 800px; padding-bottom: 80px; }
#container-bot { background-image: url(images/container-bot.jpg); background-repeat: no-repeat; background-position: 0 bottom; height: auto !important; height: 500px; min-height: 500px; padding-bottom: 80px; }
#column { width: 276px; float: left; margin-bottom: 20px; margin-left: 27px; display: inline; }
#column .pad { padding-left: 20px; }
#column h3 { color: #eadfd5; font-size: 20px; font-weight: normal; line-height: 30px; margin: 0; padding: 2px 0 0 0; }
#column a { color: #fcca07; text-decoration: none; }
#main { width: 630px; float: left; padding-bottom: 20px; }
#main h1 { color: #321c04; font-size: 62px; font-family: "Arial Black", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 48px; margin: 0; padding: 45px 0 0; }
#main .pad { color: #32261a; line-height: 22px; padding-top: 60px; padding-left: 50px; }
#full .pad { color: #32261a; line-height: 22px; padding-top: 70px; padding-left: 70px; padding-right: 70px; }
#full .pad h1, .newspad h1 { font-size: 22px; margin: 12px 0; padding: 0 0 4px 0; border-bottom: 1px solid #CCC; }
#sidepic-marcus { background-image: url(images/side-marcus.jpg); background-repeat: no-repeat; width: 276px; height: 470px; }
#full .pad h2 {font-size: 16px; margin: 0; padding: 4px 0; clear: both;}
#full .pad h4 { font-size: 13px; margin: 0; padding: 0; }
p.trainer-bio {padding: 0 220px 20px 30px; }
#sidepic-spencer{ background-image: url(images/side-spencer.jpg); background-repeat: no-repeat; width: 276px; height: 470px; }
#sidepic-team{ background-image: url(images/side-team.jpg); background-repeat: no-repeat; width: 276px; height: 470px; }
#sidepic-melinda{ background-image: url(images/side-melinda.jpg); background-repeat: no-repeat; width: 276px; height: 470px; }
#gallery-frame { behavior: url('iepngfix.htc'); background-image: url(images/gallery-frame.png); background-repeat: no-repeat; width: 834px; height: 640px; clear: left; margin: 0 auto; }
#gallery-frame .pad { padding-top: 16px; margin-left: 15px; width: 800px; }
#gallery-frame a:focus{ outline: solid 2px #e1b509; }
#trueContainer { padding-top: 2px; }
#intro{
float: left;
width: 396px;
height: 411px;
}

#intro a{
color: #fcca07;
text-decoration: none;
}
#intro a:hover{
text-decoration: underline;
}

#intro .pad{
padding: 125px 12px 0 45px;
color:#eadfd5;
font-size:14px;
line-height: 24px;
}

#intro h3{
font-family:"Times New Roman", Times, serif;
font-size:18px;
font-weight: normal;
padding:0 0 4px 0;
margin:0;
}

#intro ul{
list-style-type: none;
}

#flash{
float:left;
height: 411px;
width: 566px;
}

#bottom-home{
height: 30px;
background-image:url(images/bottom.jpg);
background-repeat:no-repeat;
}

#contactbg{
width: 844px;
height: 350px;
background-image:url(images/contactBg.jpg);
background-repeat: no-repeat;
margin: 0 auto;
position: relative;
}

.right{
float: right;
clear: right;
margin-left: 30px;
margin-bottom: 30px;
border: 1px solid #333;
padding: 20px;
background-color: #ffffff;
}

.left{
float: left;
clear: left;
margin-right: 16px;
margin-bottom: 2px;
border: 1px solid #333;
}

#full .newspad{
 color: #32261a;
 line-height: 22px;
 padding-top: 70px;
 padding-left: 70px;
 padding-right: 70px;
}

#full .newspad img{
float: right;
padding: 15px;
margin: 0 0 2px 20px;
background-color: #FFF;
border: 1px solid #000;
}

.NewsSummaryPostdate{
font-size: 16px;
font-weight: bold;
color: #775535;
padding-bottom: 10px;
clear: right;
display: block;
}

.NewsSummaryLink{
font-size: 13px;
line-height: 22px;
font-weight: bold;
}

/* LIGHTBOX ////////////*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* GEAR ////////////*/
.boxing-gear { line-height: 15px; margin-bottom: 8px; }
.boxing-gear td { border: 1px solid #ccc; background-color: #F5E9DD; }
.boxing-gear img {border: none; float: left; margin-right: 12px; }
.boxing-gear .sm {font-size: 10px; line-height: 12px; margin-left: 370px; display: block }
.boxing-gear form {padding: 0px; margin: 6px 0 8px 0; }
h2.gear { background-color: #937962; color: #fff; text-indent: 6px; border: 1px solid #666;  }
.gear-description { padding: 8px 20px 0 20px; line-height: 15px; }



.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* End of 'UBC default' */