/*-------------------------------------------------------------------------->*/
/*---  COMMON FORMATTING   ------------------------------------------------->*/
/*-------------------------------------------------------------------------->*/

body {
	background: #000000 url(../images/common/header_bg.png) repeat-x top;
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	margin:0px;
	padding:0px;
	text-align:center;
}

body a { 
	color:#348EBD;
	text-decoration:underline;
 }
 
 body a:hover { text-decoration:none; }

hr {
	background-color:#BBD415;
	border:0px;
	color:#BBD415;
	height:1px;
}

img { border:0px; }


#container {
	margin-left:auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	text-align:left;
	width:770px;
}
.container{  
    margin: 0pt auto;  
    width:770px;  
} 

#footer {
	background: #000000;
	clear:both;
	width:770px;
}

#footer a { text-decoration:underline !important;}
#footer a:hover {text-decoration:none;}

#header {
	background:url(../images/common/header.png) no-repeat;
	width:770px;
	position:absolute;
	top:0px;
	z-index :100; /* ensure the header is on top of navigation area */ 
}

#header span { display:none; }
#header h1 { margin: 0px;}
	
#header h1 a {
	display: block;
	width: 770px;
	height: 195px;
	margin:0px;
	text-decoration: none;
}

#content{
	margin-top:180px;
}

#body {
	background:url(../images/common/body_bg.gif) repeat-y;
	position:relative;
	top:20px;
	width:770px;
}

#body_top{
	background:url(../images/common/body_top.png) no-repeat;
	height:25px;
	position:absolute;
	width:770px;
}

#body_fade{
	background:url(../images/common/body_fade.gif) no-repeat bottom;
	min-height:397px;
	width:770px;
}

#body_bottom{
	background:url(../images/common/body_bottom.png) no-repeat;
	height:33px;
	position:relative;
	top:10px;
	width:770px;
}

#left_column {
	float:left;
	padding:12px 0px 12px 25px;
	width:465px;
}

#left_column_lower {
	float:left;
	margin-bottom:12px;
	padding:12px 0px 0px 25px;
	width:725px;
}

#right_column {
	float:left;
	padding:12px 0px 12px 15px;
	width:265px;
}

#footer {
	color:#EFEFEF;
	font-size:10px;
	height:164px;
	margin-top:20px;
	text-align:center;
	width:770px;
}

#footer a {
	color:#EFEFEF;
	text-decoration:none;
}

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

.bold { font-weight:bold; font-size:100%;}
.center { text-align: center; }
.clear { clear: both; }
.collapsed { display: none; }
.hidden { visibility: hidden; }
.italic { font-style:italic;}
.left { float: left; }
.normal {font: normal;}
.right { float: right; }
.smalltext { font-size: 10px; }
.underline { text-decoration:underline; }

/*-------------------------------------------------------------------------->*/
/*---  BODY CONTENT  ------------------------------------------------------->*/
/*-------------------------------------------------------------------------->*/

h1, h2, h3 {
	color:#348EBD;
	margin:0px 0px 5px 0px;
	padding:0px 0px 5px 0px;
}

h1 {font-size:18px;}

h1#aboutheader { color:#E92A91; }
h1#defaultheader { color:#FD1E14; }
h1#programsheader { color:#FF8500; }
h1#policiesheader { color:#BBD415; }

h2 { color:#CC99FF; font-size:15px;}

h3 {color:#FF99CC; font-size:12px;}

h3#policiesheader {  }

.body_smaller {
	color:#000000;
	font-size:80%;
}

.body_smaller a {
	color:#000000;
	text-decoration:underline;
}

.body_smaller a:hover { text-decoration:none; }

/*-------------------------------------------------------------------------->*/
/*---  HORIZONTAL NAVIGATION  ---------------------------------------------->*/
/*-------------------------------------------------------------------------->*/

#navigation{
	height:60px;
}

#default, #default div, 
#programs, #programs div, 
#policies , #policies div, 
#team, #team div, 
#about, #about div,
#contact,  #contact div {
	height:80px;
	position:absolute;
	width:97px;
	float:left;
}

#default, #programs, #policies, #team, #about, #contact{
	background-image: url(../images/navigation/nav.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	top:185px;
}

#default{
	background-position: 0px -25px;
	margin-left:6px;
}

#programs{
	background-position: -98px -25px;
	margin-left:105px;
}

#policies{
	background-position: -196px -25px;
	margin-left:204px;
}

#team{
	background-position: -294px -25px;
	margin-left:303px;
}

#about{
	background-position: -392px -25px;
	margin-left:402px;
}

#contact{
	background-position: -490px -25px;
	margin-left:501px;
}

#default div, #programs div, #policies div, #team div, #about div, #contact div {
	background-image: url(../images/navigation/white.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0px -60px;	
}	

.pri-nav a{
	display:block;
	text-decoration:none;
	text-indent:-30000px;
}

/*-------------------------------------------------------------------------->*/
/*---  SIDEBARS  ----------------------------------------------------------->*/
/*-------------------------------------------------------------------------->*/

#register, #calendar, #community, #fitness, #login, .sidebar {
	margin-bottom:8px;
	width:239px;
}

#register { background:url(../images/sidebar/register_classes.gif) no-repeat; }
#calendar { background:url(../images/sidebar/calendar.gif) no-repeat; }
#community { background:url(../images/sidebar/bulletin_board.gif) no-repeat; }
#fitness { background:url(../images/sidebar/flips_fitness.gif) no-repeat; }
#login { background:url(../images/sidebar/login.gif) no-repeat; }

#register span, #calendar span, #community span, #fitness span, #login span { display:none; }
	
#register a, #calendar a, #community a, #fitness a, #login a {
	display: block;
	width: 239px;
	height: 72px;
	margin:0px;
	text-decoration: none;
}

#hand_stand {
	background:url(../images/index/girl_hand_stand.jpg) no-repeat;
	height:200px;
	width:239px; 
}

#sidebar_girl{ width:239px; }

.sidebar_top {
	background:url(../images/sidebar/sidebar_top.gif) no-repeat;
	height:15px;
}

.sidebar_middle {
	background:url(../images/sidebar/sidebar_middle.gif) repeat-y;
	padding:0px 14px 0px 14px;
}

.sidebar_middle h2 { color:#FD1E14; }

.sidebar_bottom {
	background:url(../images/sidebar/sidebar_bottom.gif) no-repeat;
	height:19px;
}

.sidebar_bottom_girl {
	background:url(../images/sidebar/sidebar_bottom_girl.gif) no-repeat;
	height:19px;
}

/*-------------------------------------------------------------------------->*/
/*---  LOWER SIDEBARS  ----------------------------------------------------->*/
/*-------------------------------------------------------------------------->*/
#openings { background:url(../images/lowersidebar/class_openings.gif) no-repeat; float:left; } 
#registernow { background:url(../images/lowersidebar/register_now.gif) no-repeat; float:left; }
#parent { background:url(../images/lowersidebar/imp_info.gif) no-repeat; float:left; }
#events { background:url(../images/lowersidebar/event_registration.gif) no-repeat; float:left; }

#openings span, #registernow span, #parent span, #events span { display:none; }

#openings a, #registernow a, #parent a, #events a {
	display: block;
	width: 177px;
	height: 34px;
	margin:0px 4px 0px 0px;
	text-decoration: none;
}

/*-------------------------------------------------------------------------->*/
/*---  FORM ELEMENTS  ------------------------------------------------------>*/
/*-------------------------------------------------------------------------->*/

form {
	margin: 0px;
	padding: 0px;
}
	
form p {
	border-top: 1px solid #BACB0C;
	clear: left;
	margin: 0px;
	padding: 0px;
}
	
form p label {
	float: left;
	padding: 4px 0px 4px 0px;
	width: 130px;
}

input {
	background-color: #C4D8E3;
	border: 1px inset #000000;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 4px 0px 4px 0px;
	padding: 2px;
}

select {
	border: 1px inset #000000;
	background-color: #C4D8E3;
	color: #592000;
	font-family: Arial, Helvetica, Geneva;
	font-size: 11px;
	margin: 4px 0px 4px 0px;
}

textarea  {
	background-color: #C4D8E3;
	border: 1px inset #000000;
	color: #000;
	font-family: Arial, Helvetica, Geneva;
	font-size: 11px;
	margin: 4px 0px 4px 0px;
	padding: 2px;
}

.alert {
	color: #820;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size: 12px;
	font-weight: bold;
}

.button {
	background-color: #E35212;
	border: 1px outset #000000;
	color: #FFFFFF;
	font-family: Arial, Helvetica, Geneva;
	font-size: 12px;
	font-weight: bold;
	padding: 1px;
}
	
.buttonfaded {
	background-color: #CCCCCC;
	border: 1px outset #000000;
	color: #333333;
	font-family: Arial, Helvetica, Geneva;
	font-size: 12px;
	font-weight: bold;
	padding: 1px;
}

.checkbox {
	background-color: #FFF;
	border: none;
}

.radio {
	background-color: #FFF;
	border: none;
}

.required {
	color: #820;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 0px -6px;
	position: absolute;
}

/*-------------------------------------------------------------------------->*/
/*---  TABLE LAYOUT   ------------------------------------------------------>*/
/*-------------------------------------------------------------------------->*/
.row { background-color: #CCCCCC; }
.yellow { background-color: #FFFF99; }
.green { background-color: #CCFFFF; }
.purple { background-color: #CC99FF; }
.pink { background-color: #FF99CC; }
.blue { background-color: #99CCFF; }
.white { background-color: #FFFFFF; }
.table {
	border-top:1px solid #348EBD;
	border-left:1px solid #348EBD;
	margin:0px 0px 15px 0px;
}

.table td, table th {
	border-right:1px solid #348EBD;
	border-bottom:1px solid #348EBD;
	padding: 5px;
	vertical-align:top;
}
.table td { text-align:left; }
.table th {
	font-weight:bold;
	text-align:center;
}

table.openings {
	border:0px;
	margin:0px 0px 15px 0px;
}
td.openings { text-align:left; }
table.openings,td.openings,th.openings {
	border:0px;
	padding: 5px;
	vertical-align:top;
}
div.openings {
	height: 400px;
	width: 700px;
}