/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.clearer
{
font-size:0pt !important;
height:10px !important;
clear:both !important;
line-height:0pt !important;
margin:0 !important;
padding:0 !important;
display:block;
}
/* Reset Ends */
body,html
{
height:100%;
}
body
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
background:url(img/background.jpg) top center fixed;
}

#shadows
{
background:url(img/shadows2.png) top center repeat-y;
width:970px;
min-height:100%;
margin-left:auto;
margin-right:auto;
}

#wrapper
{
width:930px;
min-height:100%;
margin:0 auto;
}

#header
{
background:url(img/header.jpg);
height:141px;
}

#logo
{
margin:38px 0 0 21px;
float:left;
}


/* Main Menu Styling */
ul#menu
{
float:right;
width:500px;
margin:62px 0 0 0;
}

ul#menu li
{
float:left;
margin:19px 0 0 0;
}

ul#menu li a
{
display:block;
text-indent:-3000px;
height:13px;
}

ul#menu li a.about_us
{
margin:0 0 0 34px;
width:127px;
background:url(img/about.jpg);
}

ul#menu li a.group_labs
{
margin:0 0 0 0px;
width:127px;
background:url(img/group_labs.jpg);
}

ul#menu li a.community
{
margin:0 0 0 55px;
width:86px;
background:url(img/community.jpg);
}

ul#menu li a.news
{
margin:0 0 0 0;
width:191px;
background:url(img/news.jpg);
}

ul#menu li a.private_lessons
{
margin:0 0 0 20px;
width:191px;
background:url(img/private_lessons.jpg);
}

ul#menu li a.enrollment
{
margin:0 0 0 13px;
width:98px;
background:url(img/enrollment.jpg);
}

ul#menu li a:hover
{
background-position:bottom;
}
/* Main Menu Ends Here */

#center_content
{
clear:both;
padding-top:8px;
}

#left
{
float:left;
width:240px;
margin:0 0px 0 0px;
color:#fff;
}

#left_menu
{ 
padding-right:2px;
padding-top:0;
margin:10px;
}

.subnav_img
{
padding-left:10px;
}

#left_menu h2 a
{
height:24px;
display:block;
}

#left_menu h2.enrollment a
{
background:url(img/enrollment_heading.jpg) no-repeat right;
}

#left_menu ul
{
text-align:right;
padding-top:7px;
}

#left_menu a
{
color:#fff;
text-decoration:none;
text-transform:uppercase;
font-size:13px;
font-weight:bold;
line-height:18px;
}

#left_menu a:hover
{
text-decoration:underline;
}

#right
{
float:right;
width:678px;
}

#right #content
{
margin:5px 24px 0 32px;
font-size:17px;
line-height:21px;
text-align:justify;
}

#content h1
{
font-size:27px;
margin-bottom:20px;
}

#content p
{
margin:0 0 30px 0;
}

#course_images
{
padding-top:27px;
}

#course_images img
{
margin-right:28px;
}

#footer
{
clear:both;
background:url(img/content_back.jpg) repeat-y;
padding-left:252px;
}

#footer_menu 
{
padding-top:40px;
}

#footer_menu ul
{
margin-left:50px;
}

#footer_menu ul li
{
float:left;
text-transform:uppercase;
font-size:11px;
}
#footer_menu ul li a
{
font-weight:bold;
color:#010101;
text-decoration:none;
padding-right:9px;
display:block;
background:url(img/menu_separator.gif) right top no-repeat;
}

#footer_menu ul li a:hover
{
text-decoration:underline;
}

#footer_menu ul li a.last
{
background:none;
padding:0;
}

a#designed_by
{
display:block;
width:100%;
background:url(img/designed_by.jpg) center bottom no-repeat;
padding-top:5px;
clear:left;
text-indent:-3000px;
}
.left
{
padding-right:26px;
}

.menu{width:300px; height:auto;float:left;}