/* 
Colors:

red: a31e10
light red: b82212
dark red: 871a0e
grey bg: 3d3c37

*/

.todo { color:#0066FF; font-weight:bold;}

*      {margin:0; padding:0} /*Removes margin and padding from every element. */
html   {height:100%; font-size:100.01%} /*Set font-size to a percentage preventing a Windows IE "extreme font re-sizing" bug. Set font-size slightly larger than 100% to repair Opera rounding errors. 
Set less than 101% to prevent Safari errors. */
body, h1, h2, h3, h4, h5, h6, p, div, form, code, pre, fieldset, legend, dl, dt, dd
{margin:0; padding:0; border:0 solid;} /*general leveller*/

body {
	font-family:Arial, Helvetica, sans-serif;
	font:100.01%/120% Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background-color:#3d3c37;
	min-height:101%;/*force Netscape & Firefox to display vertical scrollbars, thereby preventing content jumping*/
}

a {color: #a31e10;}

a:hover {color: #3d3c37;}

#faqlist a {color: #3d3c37;}
#faqlist a:hover {color: #a31e10;}

h1 {font-size:18px;
	font-weight:bold;
	padding:0px;
	margin:10px 0 10px 0;
	color:#a31e10;
}


h2 {font-size:16px;
	padding:0px;
	margin:10px 0 10px 0;
	color:#a31e10;
}

h2 a {font-size:16px;
	padding:0px;
	margin:10px 0 10px 0;
	color:#a31e10;
	text-decoration:underline;
}

h3 {color:#a31e10;font-size:16px; margin:20px 0px -5px;}
p {margin:10px 0px 14px 0px;}

ul {margin:0px 5px 0px 25px; line-height:22px;}
li {
	list-style-type: none;
}

/***START container styles****/

#container { /*this container lets align center work*/
	margin:0px;
	width:819px;
	padding:0px;
	font-size:80%; text-align:left;
	background-color: #fff;
}

#containerBG {
	margin:0px;
	width:819px;
	padding-bottom: 15px;
	text-align:left;
	background-color: #fff;
	border-right:2px solid #000000;
	border-left:2px solid #000000;
	background-image:url(../images/contentGradient.jpg);
	background-repeat:repeat-x; overflow:hidden;
	float:left;/*this container with FLOAT lets the background color drop down on browsers FireFox*/
}

#containerBG_home { 
	margin:0px;
	width:819px;
	
	padding-bottom: 15px;
	text-align:left;
	background-color: #fff;
	border-right:2px solid #000000;
	border-left:2px solid #000000;
	float:left;/*this container with FLOAT lets the background color drop down on browsers FireFox*/
	margin:0 auto;
	
}

#textLeft{width:300px; float:left; margin:0px 0px 10px 0px;/** used on home page to view bg img **/
}
#textCol{width:530px; float:left; margin:0px 0px 10px 0px;/** used on home page to view bg img **/
}
#header {margin:50px 0px 22px 0px; color:#000; font-size:24px;}

#content { float:right; width:590px; padding:0px; margin:0px; }

#copy { float:left; width:558px; padding:0px; margin:0px 20px 0px;}
/***END container styles****/

/***START design styles****/

#copy h1 {color:#000; text-transform:uppercase;}

#textLeft h1{color:#000; font-size: 18px; line-height:20px; text-transform:none;}
#beginnerClasses {
	border:2px solid #3d3c37; width:520px; background-color:#fff; padding:10px 15px; margin:3px 0px;}

.boldRed { color:#a31e10; font-weight:bold; height:1px;}

hr {margin:10px 50px 10px 0px; color:#fff;}


.note {font-size:12px; margin:0px 0px 5px 5px;}
.imgnote {font-size:10px; margin:0px;}
sup {font-size:11px;}

.top{ text-align:right; font-size:11px;}

.red {color:#DD3531; font-size:14px; font-weight:bold;}

/***START heading styles****/
.pageHeader {font-size:23px; color:#fff; line-height:26px;}
.pageHeaderSub{font-size:23px; color:#fff; line-height:34px;  }



/***START leftnav styles****/
#leftnav {float:left; width:212px; margin:30px 0px;}

#leftnav ul {margin:0px 5px 0px 15px; font-size: 13px; color: #871a0e;}

#leftnav #nav1 li {
	list-style-type: none; line-height:16px; padding:3px 0px;}
	
#leftnav #nav2 li {
	list-style-type: none; line-height:16px; padding:5px 0px;}
	
#leftnav ul ul{margin:0px 0px 0px 15px; }

#leftnav ul ul ul{margin:0px 0px 0px 20px; }

#nav1, #nav2{ 
background-color:#f8f7f7; 
float:left; width:180px; 
margin:20px 0px 0px 15px; 
padding: 0px; background-color:#f8f7f7;
border-right:2px solid #000;
border-bottom:2px solid #000;
border-left:1px solid #3d3c37;
border-top:1px solid #3d3c37;}

#nav1 h3, #nav2 h3{
	background-image:url(../images/buttons/btn_grey.jpg);
	background-repeat:no-repeat;
	margin:0px;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	height:25px;
	padding:10px 0px 10px 12px;
	text-align:left;
	letter-spacing:0.05em;
} 
.smallText {font-size:11px; line-height:12px; text-align:left; padding:2px 5px 2px 15px;
	font-weight:bold;
	color:#a31e10;}
/***END leftnav styles****/

/***START footer styles****/
#footer {width:800px; padding:10px 30px 30px 10px; 
	 font-size:12px;
	color:#fff;
	clear:both;
	text-align:left;
	background-color:#3d3c37;}
 #footer a	{color:#fff;}
	
/***END footer styles****/


/*** Blog Entry Table Styles****/

table.blogEntry {
	border: 0px;
	font-size: 12px;
	text-align: left;
}

.thBlogDate {
	font-size: 14px;
	font-weight: bold;
}

.thBlogTitle {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

.tdBlogEntry {
	text-align: left;
}

.tdBlogInfo {
	font-size: 8px;
	text-align: right;
}

/*** Class Schedule table styles****/
#classSchedule {
	border: 1px solid #000;
	font-size:13px;
	text-align: left;
}

#classSchedule td, #classSchedule th {
	padding:4px 15px 3px 15px;
}

th {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #a31e10;
}

#classSchedule  td{
	border-top:1px solid #ebd8d1;
	border-bottom:1px solid #ebd8d1;}
.colHeading {
	background-color: #b82212;
}

.tdBG {
	background-color:#f5efec;
}


#classSchedule th a {
	font-size:12px; color:#FFFFFF;
	letter-spacing:normal; margin:9px 0 0 0;
}
#classSchedule th a:hover {
	font-size:12px;
	color:#F2F2F2;
}
#classSchedule h1 {
	font-size:17px;
	letter-spacing:0.2em;
	padding:0px;
	margin:10px 0 10px 0;
	color:#FFFFFF;
}