/* Conans Boxing */
/* Main.css */
/* 1/23/2009
/* Dustin Evans - zindustry
--------------------------------------- */

/* Structure and Layout
--------------------------------------- */

body {
	padding: 0; margin: 0;
	background-color: #141414;
	font-family: helvetica, arial, sans-serif;
	font-size: 13px;
	color: #fff;
	}

#header {
	width: 100%; height: 128px;
	background-color: #fff;
	float: left;
	border-top: solid 2px #002376;
	}
	
#header .left {
	width: 420px; height: 128px;
	background: url(images/logo.gif) left center no-repeat;
	}

#header .left h1 {
	margin: 0px; padding: 0px;
	}
	
#header .left h1 a{
	margin: 0px; padding: 0px;
	width: 420px; height: 105px;
	text-indent: -999px;
	overflow: hidden;
	display: block;
	}
	
#header .right{
	width: 340px;
	padding: 40px 20px 0 120px; margin: 0px;
	color: #001C5D;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	font-style: italic;
	float: right;
	}
	
/*Classes*/

.container {
	width: 940px;
	padding: 0; margin: 0 auto;
	} 

.left {
	padding: 0; margin: 0;
	float: left;
	}
	
.right {
	padding: 0; margin: 0;
	float: right;
	}
	
/*  Navigations
--------------------------------------- */

/* Navigation Content */

#mainnav {
	width: 100%; height: 44px;
	margin: 0px; padding: 0px;
	float: left;
	background-color: #000;
	}
	
#mainnav ul {
	width: 940px; 
	margin: 0px; padding: 0px;
	}
	
#mainnav li {
	list-style: none;
	margin: 0px; padding: 0px;
	display: inline;
	}
	
#mainnav li a, #mainnav li a:link{
	padding: 13px 10px 12px 10px; margin: 4px 0 0 10px;
	text-transform: uppercase;
	color: #999999;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	float: left;
	}
	
#mainnav li a:hover{
	background-color: #454545;
	color: #fff;
	}
	
#mainnav li a.selected {
	background-color: #454545;
	color: #fff;
	}
	
/* MainCol
--------------------------------------- */
	
#mainCol {
	width: 100%;
	padding: 20px 0 20px 0; margin: 0;
	background: url(images/maincol-bg.jpg) #333333 center top repeat-x;
	float: left;
	min-height: 412px;
	_height: auto !important;
	_height: 412px;
	}
	
/* Homepage
--------------------------------------- */

/* left */
	
body.home #mainCol .left {
	width: 430px;
	padding: 25px 40px 0 10px; margin: 0;
	color: #A1A1A1;
	}
	
body.home #mainCol .left h1 {
	width: 406px; height: 100px;
	padding: 0; margin: 0 0 15px 0;
	background: url(images/maincol-h1.png) transparent center top no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	}
	
body.home #mainCol .left h2 {
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	}
	
body.home #mainCol .left h3 {
	color: #fff;
	font-size: 16px;
	}
	
body.home #mainCol a.join {
	width: 118px; height: 32px;
	padding: 0; margin: 15px 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/join-btn.gif) transparent center 0px no-repeat;
	font-size: 0px;
	line-height: 0px;
	}
	
body.home #mainCol a:hover.join {
	background: url(images/join-btn.gif) transparent center -31px no-repeat;
	}
	
/* right */
	
#mainCol .right {
	width: 440px;
	padding: 0 10px; margin: 0;
	}
	
/* Video Home */
	
.video {
	width: 440px; height: 365px;
	padding: 0; margin: 0 0 15px 0;
	}

.video-link a, .video-link a:link {
	padding: 0 22px; margin: 0px 0 0 30px;
	text-transform: uppercase;
	color: #737373;
	font-weight: bold;
	font-size: 11px;
	display: block;
	background: url(images/video-icon.gif) left top no-repeat;
	text-align: left;
	float: left;
	}
	
.video-link a:hover {
	color: #CCCCCA;
	text-decoration: none;
	background: url(images/video-iconhover.gif) left top no-repeat;
	}
	
.video p{
	padding: 0; margin: 0;
	}

 #flashcontent .content{
	width: 400px; height: 325px;
	padding: 40px 20px 0 20px; margin: 0;
	text-align: center;
	}
	
 #flashcontent .content h1{
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1em;
	}
	
 #flashcontent .content h2 {
	font-family: Georgia, serif;
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
	color: #C52228;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.2em;
	border: none;
	}
	
/* Classes Home */
	
.classes {
	width: 440px; 
	min-height: 160px;
	_height: auto !important;
	_height: 160px;
	padding: 70px 0 0 0; margin: 0;
	background: url(images/classes-bg.png) center top no-repeat;
	}
	
.classes-left {
	width: 160px;
	padding: 0 20px 0 40px; margin: 0;
	float: left;
	}
	
.classes-right {
	width: 160px;
	padding: 0 40px 0 20px; margin: 0;
	float: right;
	}

.classes ul {
	padding: 0; margin: 0;
	}
	
.classes li {
	width: 160px;
	padding: 0; margin: 0;
	display: block;
	float: left;
	list-style: none;
	background: url(images/classes-border.gif) left bottom repeat-x;
	}

.classes li a, .classes li a:link {
	width: 144px; height: 42px;
	padding: 0 0 0 16px; margin: 0;
	display: block;
	float: left;
	text-transform: uppercase;
	color: #CCCCCC;
	font-weight: bold;
	font-size: 18px;
	background: url(images/classes-arrow.gif) left center no-repeat;
	line-height: 42px;
	}
	
.classes li a:hover{
	text-decoration: none;
	color: #fff;
	background: url(images/classes-arrowhover.gif) left center no-repeat;
	}
	
.classes h1{
	font-size: 22px;
	text-transform: uppercase;
	}
	
/* Home Styles */
	
.red {
	color: #EA0000;
	font-size: 22px;
	font-weight: bold;
	font-style: italic;
	}
	
.phone {
	font-size: 28px;
	font-weight: bold;
	letter-spacing: -0.07;
	}
	
.email a, .email a:link {
	padding: 0 0 0 22px; margin: 0;
	text-transform: uppercase;
	color: #737373;
	font-weight: bold;
	font-size: 11px;
	display: block;
	background: url(images/email-icon.gif) left 2px no-repeat;
	text-align: left;
	float: left;
	}
	
.email a:hover {
	color: #CCCCCA;
	text-decoration: none;
	background: url(images/email-iconhover.gif) left 2px no-repeat;
	}
	
/* SubCol
--------------------------------------- */
	
#subCol {
	width: 100%;
	padding: 20px 0; margin: 0;
	background-color: #262626;
	float: left;
	}

/* left */
	
#subCol .left {
	width: 470px;
	}

/* left */

#subCol .right {
	width: 470px;
	}
	
.subcontent {
	width: 180px;
	padding: 0 20px; margin: 0;
	float: left;
	color: #999999;
	}
	
#subCol h1 {
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	}
	
#subCol h1 .grey {
	color: #999999;
	}
	
#subCol ul {
	padding: 0; margin: 0;
	}
	
#subCol li {
	width: 180px;;
	padding: 0; margin: 0;
	display: block;
	float: left;
	border-bottom: solid 1px #333333;
	}
	
#subCol li a, #subCol li a:link {
	width: 168px;
	padding: 10px 0 10px 12px; margin: 0;
	display: block;
	float: left;
	color: #999999;
	background: url(images/subcol-arrow.gif) left 14px no-repeat;
	}
	
#subCol li a:hover {
	width: 168px;
	padding: 10px 0 10px 12px; margin: 0;
	display: block;
	float: left;
	color: #fff;
	background: url(images/subcol-arrowhover.gif) left 14px no-repeat;
	text-decoration: none;
	}

.photos {
	padding: 3px 3px 0px 3px; margin: 2px;
	float: left;
	background-color: #333333;
	}
	
body.inside .photos {
	padding: 3px 3px 0px 3px; margin: 4px;
	float: left;
	background-color: #ccc;
	}
	
.photoscontainer {
	width: 610px;
	padding: 5px 0 20px 0; margin: 0;
	float: left;
	border-bottom: solid 1px #ccc;
	}
	
.photoscontainer.none {
	border-bottom: none;
	}

	
/* Inside Page
--------------------------------------- */

/* MainCol
--------------------------------------- */

body.inside #mainCol .left {
	width: 670px; 
	padding: 0; margin: 0;
	float: left;
	}
	
body.inside #mainCol .right {
	width: 264px; 
	padding: 0; margin: 0;
	float: right;
	}

/* MainContent */

#maincontent-top{
	width: 670px; height: 12px;
	float: left;
	padding: 0; margin: 0;
	background: url(images/maincontent-top.gif) center bottom no-repeat;
	}
	
#maincontent {
	width: 610px;
	padding: 5px 30px 20px 30px; margin: 0;
	float: left;
	background: url(images/maincontent-middle.gif) center top repeat-y;
	color: #3D3D3D;
	min-height: 450px;
	_height: auto !important;
	_height: 450px;
	}
	
#maincontent a{
	color: #C61319;
	}
	
#maincontent-bottom {
	width: 670px; height: 12px;
	clear: both;
	padding: 0; margin: 0;
	background: url(images/maincontent-bottom.gif) center top no-repeat;
	}
	
/* SideNav */
	
#sidenav-top{
	width: 264px; height: 47px;
	float: right;
	padding: 0; margin: 0;
	background: url(images/sidenav-top.png) center bottom no-repeat;
	}
	
#sidenav {
	width: 264px;
	float: right;
	padding: 0; margin: 0;
	background: url(images/sidenav-middle.png) center top repeat-y;
	}
	
#sidenav ul {
	width: 244px;
	padding: 0 10px; margin: 10px 0;
	display: block;
	float: left;
	}
	
#sidenav li {
	width: 234px;
	padding: 0 0 0 10px; margin: 0;
	display: block;
	float: left;
	list-style: none;
	background: url(images/sidenav-border.gif) left bottom repeat-x;
	}

#sidenav li a, #sidenav li a:link {
	width: 218px; height: 38px;
	padding: 0 0 0 16px; margin: 0;
	display: block;
	float: left;
	text-transform: uppercase;
	color: #CCCCCC;
	font-weight: bold;
	font-size: 15px;
	background: url(images/classes-arrow.gif) left center no-repeat;
	line-height: 38px;
	}
	
#sidenav li a:hover{
	text-decoration: none;
	color: #fff;
	background: url(images/classes-arrowhover.gif) left center no-repeat;
	}
	
#sidenav li a.selected {
	text-decoration: none;
	color: #fff;
	background: url(images/classes-arrowhover.gif) left center no-repeat;
	}
	
#sidenav ul ul {
	width: 208px;
	padding: 0; margin: 0px 0 10px 0;
	display: block;
	float: left;
	}
	
#sidenav ul ul li {
	width: 218px;
	padding: 0; margin: 0;
	background: none;
	}
	
#sidenav ul ul li a, #sidenav ul ul li a:link {
	width: 196px; height: 30px;
	padding: 0 0 0 14px; margin: 0 0 0 8px;
	text-transform: none;
	display: block;
	float: left;
	color: #ccc;
	background: url(images/sidenav-arrowhover.gif) left center no-repeat;
	font-size: 13px;
	line-height: 30px;
	}
	
#sidenav ul ul li a:hover {
	color: #fff;
	background: url(images/sidenav-arrow.gif) left center no-repeat;
	}
	
#sidenav-bottom {
	width: 264px; height: 12px;
	float: right;
	padding: 0; margin: 0;
	background: url(images/sidenav-bottom.png) center top no-repeat;
	}
	
/* SideContent */
	
.sidecontent-top{
	width: 264px; height: 8px;
	float: left;
	padding: 0; margin: 10px 0 0 0;
	background: url(images/sidecontent-top.gif) center bottom no-repeat;
	}
	
.sidecontent {
	width: 224px;
	float: left;
	padding: 0px 20px 10px 20px; margin: 0;
	background: url(images/sidecontent-middle.gif) center top repeat-y;
	color: #999;
	}
	
.sidecontent h1 {
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	}
	
.sidecontent h1 .grey {
	color: #999999;
	}
	
.sidecontent ul {
	padding: 0; margin: 0;
	}
	
.sidecontent li {
	width: 224px;
	padding: 0; margin: 0;
	display: block;
	float: left;
	border-bottom: solid 1px #333333;
	}
	
.sidecontent li a, .sidecontent li a:link {
	width: 212px;
	padding: 10px 0 10px 12px; margin: 0;
	display: block;
	float: left;
	color: #999999;
	background: url(images/subcol-arrow.gif) left center no-repeat;
	}
	
.sidecontent li a:hover {
	width: 212px;
	padding: 10px 0 10px 12px; margin: 0;
	display: block;
	float: left;
	color: #fff;
	background: url(images/subcol-arrowhover.gif) left center no-repeat;
	text-decoration: none;
	}
	
.sidecontent-bottom {
	width: 264px; height: 8px;
	clear: both;
	padding: 0; margin: 0;
	background: url(images/sidecontent-bottom.gif) center top no-repeat;
	}
	
/* SubCol
--------------------------------------- */	
	
body.inside #subCol {
	width: 100%; height: 12px;
	padding: 0; margin: 0;
	background-color: #262626;
	float: left;
	}	
		
/* Footer Content
--------------------------------------- */

#footer {
	width: 100%;
	padding: 20px 0; margin: 0;
	float: left;
	color: #494949;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	}

#footer a, #footer a:link {
	color: #494949;
	}
	
#footer a:hover {
	color: #CCCCCA;
	text-decoration: none;
	}
	
#footer p {
	padding: 0; margin: 0;
	}

/* Page Content
--------------------------------------- */

/* Headers */

h1, h2, h3, h4 {
	color: #000;
	background-color: transparent;
	}

h1 {
	font-size: 27px;
	color: #111;
	letter-spacing: -0.07em;
	text-transform: uppercase;
	}
	
h2 {
	font-size: 20px;
	color: #002376;
	}
	
h3 {
	font-size: 17px;
	color: #333;
	margin-top: 10px;
	margin-bottom: 10px;
	}

h4 {
	font-size: 14px;
	color: #333;
	margin-bottom: .2em;
	}
	
h5 {
	font-size: 16px;
	color: #000000;
	padding: 0; margin: 0;
	}
	
/* Links */

a, a:link {
	color: #ccc;
	font-weight: bold;
	text-decoration: none;
	}
	
a:hover {
	color: #fff;
	text-decoration: underline;
	}
	
/* General */

blockquote {
	display: block;
	background-color: #E4E4E4;
	padding-top: 1em;
	padding-right: 1.5em;
	padding-bottom: 1em;
	padding-left: 1.5em;
	margin-top: 0px;
	margin-right: 1em;
	margin-bottom: 0px;
	margin-left: 1em;
	}

ul, ol {
	padding: 1em 0; margin: 0 2em;
	}

ul li {
	list-style: disc;
	}

ol li {
	}

table { 
	border-collapse: collapse;
	border-spacing: 0;
	}

img {
	border: none;
	}

p {
	margin: .5em auto;	
	line-height: 18px;
	}
	
strong {
	font-weight: bold;
	color: #000;
	}

body.home strong{
	color: #ccc;
	font-weight: bold;
	}

em {
	font-style: italic;
	}

/* Extra */

.hide {
	display: none;
	}
	
.imagesleft {
	float: left;
	vertical-align: middle;
	border: solid 4px #ccc;
	margin-right: 10px;
	margin-bottom: 40px;
	}
	
.imagesleft2 {
	float: left;
	vertical-align: middle;
	margin-right: 10px;
	margin-bottom: 20px;
	}
	
.imagesright {
	float: right;
	vertical-align: middle;
	border: solid 4px #ccc;
	margin-left: 10px;
	margin-bottom: 20px;
	}
	
.imagesright2 {
	float: right;
	vertical-align: middle;
	margin-left: 10px;
	margin-bottom: 20px;
	}
	
.divider {
	width: 610px; height: 1px;
	padding: 0; margin: 15px 0 15px 0; 
	background-color: #ccc;
	display: block;
	clear: both;
	line-height: 0px;
	font-size: 0px;
	overflow: hidden;
	}

.small {
	margin-top: -1em;
	margin-bottom: 1em;
	}
	
.grey {
	color: #999;
	}
	
.required {
	color: #A30000;
	font-weight: bold;
	}
	
/* BR */

/* Tables */

.training {
	font-size: 12px;
	margin: 10px 0;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	}
	
.training th {
	padding: 4px 6px; margin-bottom: 4px;
	font-weight: normal;
	font-size: 14px;
	border-bottom: 2px solid #5C72A7;
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
	font-weight: bold;
	color: #4C5F8B;
	text-align: left;
	}
	
.training td {
	padding: 6px;
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
	vertical-align: top;
	background-color: #F5F5F5;
	}
	
.training td.headers {
	background-color: #E6EAF2;
	font-weight: bold;
	color: #5C72A7;
	}
	
.training strong{
	color: #545454;
	}
	
.training .small{
	font-weight: normal;
	}