/*** The original model for this css was(ostensibly) written by Owen Briggs @ www.thenoodleincident.com,
This is an EDITED version of the original! (I can't make it work nearly as well, so don't bother copying it!) ***/


html,body{
	margin:0; /*** Do NOT set anything other than a left margin for the page as this will break the design ***/
	padding:0;
	border:0;
	height:100%;
}

body{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:14px; 
	color:#575757;
	background:#C0D1E6;
	background-image: url(images/bodybg.jpg);
	background-repeat: repeat-y; 
	background-position: center;
	position: relative;
	min-width:1026px; /*** This number equals the left col + center column + right column + both inner borders ***/
	text-align:center; 
}

.clear{
  	clear:both;
	height:1px;
	overflow:hidden;
	line-height:1%;
	font-size:0px;
	margin-bottom:-1px;
}

/*** The following style the header, columns, and footer ***/

#fullheightcontainer{
  	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
  	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/
	position:relative; /*** Needed for IE, othewise header and footer aren't contained directly above and below the body ***/
	width:1026px; /*** Needed for Moz/Opera. Can't use min-width. L Col + R Col + C Col + Both Inner Border + Both Outer Borders ***/
	/* \*/
	height:100%;
	/*Last height declaration hidden from Mac IE 5.x */
}

#wrapper{
	min-height:100%; /*** moz uses this to make full height design. ***/
	height:100%; /*** Fixes height for non moz browsers, to full height ***/
	border-right:1px solid #2a2f86; /*** Sets the external right side border. ***/
	border-left:1px solid #2a2f86; /*** Sets the external left side border. ***/
	background:#ffffff; /*** Set background color for side columns for Safari & IE ***/
}

/*** I have no idea what the following do, but they are essential to the page layout in all browsers. ***/

#wrapp\65	r{ 
	height:auto;
}

* html #wrapper{
	height:100%;
}

#outer{
	z-index:1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
	position:relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	margin-left:191px; /*** Critical left col dimension value = left col width ***/
	width:644px; /*** = center col width ***/
	background:#ffffff; /*** Sets background of center col***/
	height:100%;
}

* html #outer{
	width:646px;
	w\idth:644px;
}


#float-wrap{
	width:644px; /*** = Center Col Width ***/
	margin-right:-1px; /*** Static fix, doesn't change ***/
	float:left;
	display:inline;
}

#left{
	width:192px; /*** Critical left col/divider dimension value = Left Col Width + 1px + One Internal Border Width ***/
	float:left;
	display:inline;
	position:relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	margin-left:-191px; /*** Critical left col/divider dimension value = left col width + one internal border width ***/

}

*>html #left{
	width:191px; /*** Fix only for IE/Mac = left col width + one internal border width ***/
}

#container-left{
	width:170px; /*** Critical left col dimension value = left col width - 1px ***/
}

#right{
	float:left;
	display:inline;
	width:192px; /*** Critical right col/divider dimension value = right col width + 2px ***/
	margin-right:-190px; /*** Critical right col/divider dimension value = negative right col width ***/
	margin-left:-1px; /*** Static fix ***/
	position:relative; /*** IE needs this or the contents won't show outside the parent container. ****/
}

/* \*/
* html #right{
	width:192px;
	margin-left:0px;
	margin-right:-500px;
	mar\gin-right:-192px;
}
/*above style hidden from Mac IE */

#container-right{
	width:170px;
	margin-left:3px; /*** Critical right divider dimension value = one internal border width + 2px ***/
}


/* \*/
* html #container-right{
  fl\oat:right;
  di\splay:inline;
  margin-left:2px;
  mar\gin-left:0px;
}
/* Above style hidden from Mac IE */
/*** Above margin left set to = one internal border width + 1px ***/
/*** Static fixes ***/

/* \*/
* html #left{margin-right:-3px;}
/* Above style hidden from Mac IE */





#center{
	width:644px; /*** Set to = center col width ***/
	float:right;
	display:inline;
	/* \*/
	margin-left:-1px;
	/* Hidden from IE-mac */
}


#container-center{
	border-right: 1px dotted #ad1e23;
	border-left: 1px dotted #ad1e23;
	min-height: 575px;
}

/*** clearheader heights are made from header height + borders + any sidebar box height, less any sidebar intrusion. Similar calcs for footers. ***/

#clearheadercenter{
	height:207px; /*** needed to make room for header in center column ***/
	overflow:hidden;
}

#clearheaderleft{
	height:207px; /*** needed to make room for header in left column ***/
	overflow:hidden;
}

#clearheaderright{
	height:207px; /*** needed to make room for header in right column ***/
	overflow:hidden;
}

#clearfootercenter{
	height:22px; /*** needed to make room for footer in center column ***/
	overflow:hidden;
}

#clearfooterleft{
	height:22px; /*** needed to make room for footer in left column ***/
	overflow:hidden;
}

#clearfooterright{
	height:22px; /*** needed to make room for footer in right column ***/
	overflow:hidden;
	margin-left:3px; /*** Critical right divider dimension value = one internal border width + 2px ***/
}

#footer{
	z-index:1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
	position:absolute;
	clear: both;
	width:1026px; /*** Set to Left Col + Right Col + Center Col + Both Inner Borders + Both External Borders ***/
	height:22px; /*** = Bottom Margin + One Outer Border + body to footer divider depth + subfooter1 height + any other subfooter heights ***/
	overflow:hidden;
	margin-top:-22px; /*** negative height ***/
}

#subfooter1{
	background:#ad1e23; /*** Background Color of Sub-footer #1 ***/
	text-align:center;
	margin:0 1px; /*** Margin to show left and right External Borders - all sub-headers and sub-footers ***/
	height:20px; /*** sub-footer row height ***/
}

#header{
	z-index:1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
	position:absolute;
	top:0px;
	width:1026px; /*** Set to Left Col (not if left sidebar fully intrudes into header or left sidebar is off)
	+ Right Col (not if right sidebar fully intrudes into header or right sidebar is off) + Center Col + Both Inner
	Borders (not if any sidebar intrudes into header or footer, or Inner Borders are off) + Both External Borders
	(not if external borders are off) ***/
  	height:207px; /*** = Top Margin + One Outer Border + header to body divider depth + subheader1 height + any other subheader heights ***/
  	overflow:hidden;
}

.outer_horiz_border, .sb_outer_horiz_border{
  	background:#ad1e23;
  	height:1px;
  	overflow:hidden;
  	font-size:0px
}

#subheader1{
  	background:#ffffff; /*** Background Color of Sub-header #1 ***/
	text-align:center;
	margin:0 1px; /*** Margin to show left and right External Borders - all sub-headers and sub-footers ***/
	height:175px; /*** sub-header row height ***/
}

#subheader2{
	background:#ad1e23; /*** Background Color of Sub-header #2 is set to Myung Red to fix IE 1 px bottom gap ***/
	text-align:center;
	margin:0 1px; /*** Margin to show left and right External Borders - all sub-headers and sub-footers ***/
	height:40px; /*** sub-header row height ***/
}

#gfx_bg_middle{
	top:0px;
	position:absolute;
	height:100%;
	overflow:hidden;
	width:644px; /*** = Center Col Width ***/
	margin-left:190px; /*** = Left Col Width ***/
	background:#ffffff; /*** Set background color for center column for Mozilla & Opera ***/
}

* html #gfx_bg_middle{
	display:none; /*** Hides the moz fix from IE ***/
}



/*** The following style the text and link items ***/

a {
	text-decoration: none;
	font-weight: bold;
	outline: none;
	color:#2a2f86;
	}
a:visited {
	}
a:active {
	}
a:hover {
	color: #ad1e23;
	}

.newsletter
{
	font-size: 20px;
	text-align: center;
}

.newsletter a
{
	text-decoration: underline;
}

b{
	font-weight: bold;
}

hr {
	margin: 0px; /* fixes xhtml N6 bug where the hr sits to the left*/
	color: #ccc; /* for ie */
	background-color: #ccc; /* for everyone else */
	height: 1px;
	}

.page-title{
	font-weight: bold;
	font-size: 24px;
	color: #2a2f86;
	text-align:center;
}

.title{
	font-weight:bold;
	font-size: 16px;
	color: #2a2f86;
}

li {
	font-size: 12px;
	line-height: 1.1em;
	margin-top: 0.3em;
	margin-bottom: 0.2em; 
	}
ul {
	margin-top: 1.0em;
	margin-bottom: 1.0em; 
	}
td {
	font-size: 12px;
	}
hr {
	margin-top: 1.0em;
	margin-bottom: 2.0em;
	}
img {
	border: 0;
	}

/*** --------------------------------------------------------------------------------------------***/
/*** This Section contains the styling for the center column elements ***/

#container-center{
	padding: 10px;
}

#container-center p{
	text-align: justify; 
	text-justify: newspaper;
}

#container-center img.floatleft { 
    	float: left; 
	margin-right: 10px;
	margin-left: 0px;
}

#container-center img.floatright { 
    	float: right;
	margin-right: 0px;
	margin-left: 10px;
}

/*** --------------------------------------------------------------------------------------------***/
/*** This Section contains the styling for the left column elements ***/

#container-left{
	padding-top: 10px;
	padding-right:10px;
	padding-left:10px;
}

#leftlinks_div{
	width: 170px;
}

.leftlinks_title{
	font-weight: bold;
	font-size: 16px;
	color: #2a2f86;
}

.leftlinks_list{
	padding-left:5px;
	margin-left:10px
}

.leftlinks_list li
{
	font-size: 12px;
	color: #ad1e23;
}

#leftlinks_footer{
		border-top: 1px dotted #ad1e23;
}

#leftlinks_footer p{
	padding-bottom: 10px;
	padding-top: 10px;
}




/*** --------------------------------------------------------------------------------------------***/
/*** This Section contains the styling for the right column elements ***/

#container-right{
	padding-top: 10px;
	padding-right:10px;
	padding-left:10px;
}

#twitter_div{
	width: 170px;
}

p#twitter-title{
	font-weight: bold;
	font-size: 16px;
	color: #2a2f86;
}

ul#twitter_update_list {
	list-style-type:none;
	padding-left:0px;
	margin-left:0px
}

ul#twitter_update_list a {
	display:block;
	font-size:10px;
}

#twitter_update_list li
{
	font-size: 11px;
	border-bottom: 0px dotted #ad1e23;
	padding-bottom: 10px;
	color: #ad1e23;
}

a#twitter-link {
	font-size:10px;
	display:block; 
	text-align:left;
}




/*** --------------------------------------------------------------------------------------------***/
/*** This Section contains the styling for the footer ***/

#footer p{
	font-size: 10px;
	color: #ffffff;
	line-height: 18px;
}



/*** --------------------------------------------------------------------------------------------***/
/*** This Section contains the styling for the top menubar ***/


#navcontainer{

}
#navcontainer ul
{
	height: 40px;
	padding-bottom: 9px;
	padding-top: 9px;
	padding-left: 0;
	margin-top: 0; /* cancels gap caused by top padding in Opera 7.54 */
	margin-left: 0;
	background-color: #ad1e23;
	color: white;
	width: 100%;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
	line-height: 1px; /* fixes Firefox 0.9.3 */
}

#navcontainer ul li
{
	display: inline;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 5px; /* matches link padding except for left and right */
	padding-top: 5px;
}

#navcontainer ul li a
{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	color: white;
	font-size: 16px;
	text-decoration: none;
	border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
	background-color: #369;
	color: white;
}

#navcontainer #active 
{ 
	border-left: 1px solid #ad1e23; 
}


/*** --------------------------------------------------------------------------------------------***/
/*** This Section contains the styling for the testing requirements page. These styles are only used on this page ***/

p.testing_title{
	font-weight: bold;
	font-size: 14px;
	color:#2a2f86;
}

#documents p{
	font-size: 16px;
	padding-bottom:8px;
	text-decoration: underline;
	color:#2a2f86;
	list-style-type:none; 
	margin-left:0px;
}

.testing a{
		text-decoration: none;
		font-weight: normal;
		outline: none;
		color:#2a2f86;
}	

.testing a:hover {
		color: #ad1e23;
}

#numbers table{
		border: 0px;
		padding: 0px 10px 10px 0px;
}

#numbers td{
		font-size:14px;
}

.kicking table{		
		border: 0px;
		padding: 0px 10px 10px 0px;
}
		

.kicking td{
		font-size:14px;
}

.kicking b{
		font-size:12px;
		font-weight:bold;
}
.kicking p{
		font-size:12px;
		font-weight:bold;
}

a.return {
		font-size:10px;
		color:#ad1e23;
}

a.return:hover {
		color: #2a2f86;
}

table#forms{
		width: 600px;	
}

table#forms td{
		vertical-align: top;
		padding-bottom: 15px;
}

.belts td{
	color:#2a2f86;
	font-size: 12px;
	font-weight: bold;
	padding-top:5px;
	padding-bottom:5px;
}

/*** --------------------------------------------------------------------------------------------***/
/*** This Section contains the styling for the center column elements ***/

table#schedule{
	margin-top:10px;
	margin-bottom:10px;
}

#schedule th{
	color: #2a2f86;
	font-size: 11px;
}

#schedule td{
	width: 88px;
	height: 40px;
	padding:5px;
	font-size: 11px;
}

#schedule #children{
	background-color:#ffff99;
}

#schedule #families{
	background-color:#33FFFF;
}

#schedule #adult{
	background-color:#33FF33;
}

#schedule #all{
	background-color:#FFCCFF;
}

#schedule #bbhelp{
	background-color:#FF9900;
}

#schedule #sparring{
	background-color:#FF9999;
}



/*** --------------------------------------------------------------------------------------------***/
/*** This Section contains the styling for the contacts page. These styles are only used on this page ***/

#address p{
		color:#2a2f86;
		font-weight: bold;
		padding-bottom: 10px;
		text-justify: auto;
}

table#map_and_directions{
		margin-bottom:10px;
		margin-top:20px;
		padding:0px;
		width: 624px;
}

td#map{
		padding:0px;
}

td#directions{
		padding-left:10px;
		padding-bottom:5px;
		vertical-align: top;
}

#directions p{
		font-weight: bold;
		font-size: 12px;
		color:#2a2f86;
		padding:0px;
		margin:0px;
		text-justify: auto;
}

#directions ol{
		margin-left:15px;
		margin-top:5px;
		padding:0px;	
}

#directions li{
		font-size: 12px;
		margin-left:5px;
}





div,p{margin:0} /* DO NOT DELETE */