/* ======= Warwick Taekwondo ======= */

* {
	margin: 0;
	padding: 0;
}
body {  
	background-color: ;
	background: #2f2f2f url(../images/bg.jpg) repeat;

}
.notes {
	font: 10px Arial, Georgia, Times New Roman, Times, serif;
}
img {
	border: 0;
}
.clear {
	clear: both;
	visibility: hidden; 
}
#pages {
	width: 868px;
	margin: 34px auto 10px auto;
	padding: 0;
	border: 15px solid #FFF;
}


/* ======= TEXTUAL ELEMENTS ======= */
p {
	font: 13px/22px Arial, Georgia, Times New Roman, Times, serif;
	color: #292929;
	margin: 0;
	padding: 0 0 10px 0;
}
h1 { 
	font: 22px Arial, Georgia, Times New Roman, Times, serif;
	color: #292929;
	margin: 0;
	padding: 0 0 5px 0;
}
h2 { 
	font: normal 15px/18px Arial, Georgia, Times New Roman, Times, serif;
	color: #292929;
	margin: 0;
	padding: 0;
}
h3 { 
	font: normal 11px/18px Arial, Georgia, Times New Roman, Times, serif;
	color: #292929;
	margin: 0;
	padding: 0;
}

.red {
	color: #940000
}

/* ====== HOME CONTENT ====== */
#content {
	width: 868px;
	padding: 0;
	margin: 0;
	background-color: #191919;
}
#left {
	float: left;
	width: 206px;
	height: 575px;
	margin: 0;
	padding: 0;
	background: url(../images/taekwondo.jpg) bottom no-repeat;
}
#content ol {
	margin: 0 0 0 20px; 
	padding: 3px;
}
#content ol li {
	list-style-type:decimal;
	margin: 0 0 0 18px;
	padding: 0 0 4px 4px; 
	font: 13px/18px Arial, Georgia, Times New Roman, Times, serif;
	color: #FFF;
}
#right {
	float: right;
	width: 616px;
	margin: 0;
	padding: 22px;
	background: #FFF url(../images/belt.jpg) bottom right no-repeat;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}
#right a:link, #right a:active, #right a:visited {
	font-weight: bold;
	color: #940000;
	text-decoration: underline; }

#right a:hover {
	font-weight: bold;
	color: #940000;
	text-decoration: underline; }

#right ul {
	margin: 0 0 0 12px; 
	padding: 3px;
	list-style-type: none; 
}
#right ul li {
	background: url(../images/bullet.jpg) no-repeat;
	background-position: 0 .25em;
	padding: 0 0 4px 28px; 
	font: 13px/18px Arial, Georgia, Times New Roman, Times, serif;
	color: #292929;
}

#header {
	height: 55px;
	margin: 0;
	padding: 0;
}
#header h1 { 
	font: 22px Arial, Georgia, Times New Roman, Times, serif;
	color: #292929;
	margin: 0;
	padding: 0 0 10px 0;
}
#header h2 { 
	font: 18px Arial, Georgia, Times New Roman, Times, serif;
	color: #292929;
	margin: 0;
	padding: 4px 0 0 0;
}
.headerleft {
	float: left;
	width: 410px;
	margin: 0;
	padding: 0;
}
.headerright {
	float: right;
	width: 191px;
	margin: 0;
	padding: 0;
	text-align: right;
}
.headerright img {
	float: left;
	margin: 0;
	padding: 0;
}
.headerred {
	width: 250px;
	margin: 0;
	padding: 0;
	font: 24px Arial, Georgia, Times New Roman, Times, serif;
	color: #950101;
}
#homeleft {
	float: left;
	width: 615px;
	margin: 0;
	padding: 0;
}
#homeleft a:link, #homeleft a:active, #homeleft a:visited {
	font-weight: bold;
	color: #940000;
	text-decoration: underline; }

#homeleft a:hover {
	font-weight: bold;
	color: #940000;
	text-decoration: underline; }

.otherleft {
	float: left;
	width: 340px;
	margin: 0;
	padding: 0;
}
.otherright {
	float: right;
	width: 240px;
	margin: 0;
	padding: 0;
}
iframe {
	margin: 5px 0 0 0;
	padding: 0;
}

/* ======= Navigation ========= */
#navcontainer { 
margin: 0 auto 0 auto;
padding: 0;
width: 154px;
text-align: center	}

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font: bold 14px Arial, Helvetica, sans-serif;
}

#navcontainer a:link, #navcontainer a:active, #navcontainer a:visited
{
display: block;
margin: 0 0 2px 0;
padding: 6px;
width: 148px;
background-color: #333;
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #5a5a5a;
color: #fff;
}

/* ======= TABLE STYLES ======= */

td, th {
	font: 13px 'Lucida Sans Unicode',Verdana, Arial, Georgia, Times New Roman, Times, serif; color: #FFF; 
	color: #636d72;
}
.datatable {
	border-collapse: collapse;
}
.datatable td {
	border: 1px solid #d4d4d4;	
	padding: 6px;
	color: #636d72;
}
.datatable th {
	border-left: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	background-color: #4b5b72;
	text-align: left;
	padding: 4px;
	color: #FFF;
}
.datatable tr:hover, .datatable tr.hilite {
	background-color: #DDD;
	color: #000;
}

.price { 
	font: bold 18px Arial, Georgia, Times New Roman, Times, serif;
	color: #e64300;
}

/* ======= CONTACT FORM ======= */
#contactform {
	margin: 0;
	padding: 0;
}
#contactform input { 
	font: 13px Arial, Georgia, Times New Roman, Times, serif; color: #212121;
	width: 220px;
	margin: 0;
	padding: 2px;
	border: 2px solid #cacaca; 
}
#contactform textarea { 
	font: normal 13px Arial, Georgia, Times New Roman, Times, serif; color: #212121;
	width: 220px;
	height: 90px;
	margin: 2px 0 4px 0;
	padding: 2px;
	border: 2px solid #cacaca; 
}
#contactform input.submit {
	font: bold 13px Arial, Georgia, Times New Roman, Times, serif; 
	width: 80px;
	color: #FFF;
	float: left;
	margin: 10px 6px 0 0;
	padding: 4px; 
	border: 0;
	background-color: #940000
}
/* ======= FOOTER STYLES ======= */

#footercontainer {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
#footer {
	width: 500px;
	margin: 0 auto;
	padding: 0;
	color: #a5a5a5;
	font: 11px Arial, Georgia, Times New Roman, Times, serif;
	text-align: center;
}
#footer a:link, #footer a:active, #footer a:visited {
	color: #a5a5a5;
	text-decoration: none; }

#footer a:hover {
	color: #FFF;
	text-decoration: underline; }