@CHARSET "UTF-8";

* {
	margin: 0;
}
html, body {
	height: 100%;
	background-color:#484848;
	font-family:'Arial', Helvetica, sans-serif;
	font-size: 10pt;
}

div#global{ /* A global container which holds everything in the center of the browser window */
    /*border: 1px solid red;*/
	width:930px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position:relative;
	margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
	z-index:10;
	top: -584px;
}

.push {	height: 40px;}

#header_grass{
	background: url("../../graphics/home11/header_grass.png") no-repeat bottom center;
	height:584px;
	width:100%;
	display:block;
	position:relative;
	margin: 0 auto;
	background-color:black;
	z-index:1;

}


#footer{
	background: url("../../graphics/home11/footer_grass.png") no-repeat top center;
	/*height:537px;*/
	width:100%;
	display:block;
	position:relative;
	background-color:#808080;
	margin-top:-500px;

}

h1{
	font-size:30px;
	font-style:normal;
    font-weight:bold;
    text-decoration: none;
    color:white;
}

hr{
	margin:10px 0;
	border: 0;
 	width: 100%;
 	background-color:#c2c2c2;
 	height:1px;
	
}

div#pageContent{
	position: relative;
		top: 10px;
		left: 0px;
	overflow: hidden;
	width: 930px;
}

#logo{
	width:212px;
	height:162px;
	display:block;
	z-index:100;
	float:left;
}

#header{padding-top:24px; overflow:hidden;}

#top_header_text{
    font-style:normal;
    font-weight:normal;
    text-decoration: none;
    color:white;
    width:312px;
    left:240px;
    text-align:center;
    float:left;
    margin: 8px 0 0 25px;
}

#header h1{	font-size:42px; line-height:47px;}

#header h2{	font-size:28px;line-height:24px;}

#header h3{	font-size:18px;line-height:31px;}

#header h4{	
	font-size:15px;
	color:#EB1618;
	font-style:normal;
    font-weight:normal;
    text-decoration: none;
    line-height:20px;
}

#header h4 span{color:white;}

#header h4 a{
	color:white;
	text-decoration:none;
}	

#header h4 a:hover{color:gray;}


a.red:link{
	color: #F44C2C;
	text-decoration: none;
}

a.red:hover{
	color: #F44C2C;
	text-decoration: underline;
}

a.red:visited{
	color: #F44C2C;
	text-decoration: none;
}




div#contactInfo{
	position: absolute;
		top: 120px;
		left: 496px;
	text-align: center;
	width: 210px;
}

.grey_box_header{
	background: #808080;
	padding: 7px;
	margin: 19px 0 19px 0;
	color: #fff;
}

.header_bold {
	font-weight: bold;
	font-size: 11pt;
	color: #F44B31;
	margin: 0px;
}

.bold {
	font-weight: bold;
}

.caption{
	color: #C1C1C1;
	font-size: 14pt;
}


/* new main menu style */
/*------ MENU ------ */


#menu{margin-top:16px;}

#main_menu_v2{
	width: 100%;
	z-index: 10000;
	font-size: 16px;
}

#main_menu_v2 p a {
	font-size: 13px;
	color: white;
	text-decoration:underline!important;

}
#main_menu_v2 a{
	color:white;
	text-decoration:none;
	}
	
#main_menu_v2 p a:hover{	text-decoration: none!important;}

ul#nav {
	list-style: none;
	padding: 0;
	margin: 0;
	width:100%;
	z-index: 10000;
}


ul#nav li a {
	display: block;
	margin:0 auto;
	padding: 14px 0;

}

ul#nav li a:hover{
	background:#fff;
	color:black;
	}
	
#main_menu_v2 li {
	float: left;
	position: relative;
	width: 11%;
	text-align: center;
	margin-left:1px;
	background: red;

}

/* ------ if you need an active state ------ */

/*
ul#nav li.current a{
	background:black;
	color:white;
	}

ul#nav li.current a:hover{
	background:#fff;
	color:black;
	}
*/

#main_menu_v2 li ul {
	/*display:none;*/
	position:absolute;
	top: 18px;
	left: 0;
	font-weight: normal;
	font-size: 13px;
	margin-left:-1px;
	list-style: none;
	text-align:left;
	/*background:green !important;*/
	padding: 1px 0 10px 0;
	width: 100%;
	z-index: 100;

}

#main_menu_v2 li ul a{
	padding: 14px;
}

#main_menu_v2 ul#nav li ul.sub li{
	/*background:blue !important;*/
	width:100%;
	border-bottom:1px solid black;
	top:-1px;
	
}

#main_menu_v2 ul#nav li ul.sub li a{
	font-weight: normal!important;	

}
#main_menu_v2 li>ul {
	top: auto;
	left: auto;
}

#main_menu_v2 li:hover ul, li.over ul {
	/*display: block !important;
	border:1px solid yellow;*/
}

#fits_40_menu{
    width: 11%; !important;
}

#main_menu_v2 li .fits_40_bt {
    /*color: green;*/
    padding:14px 1px 14px 1px !important;

}

/*
#main_menu_v2 li .fits_40_bt:hover {
    color: blue;
}

*/

/* secondary menu */
div#secondaryMenu{
	height: 23px;
	background: url('../../graphics/global/bg-sec-menu.jpg');
	width: 100%;
	float: left;
	font-size: 13px;
}

#secondaryMenuList{
	list-style-type:none;
	margin: 0; padding: 0;
	text-align: center;
}

#secondaryMenuList li{
	float:left;
	margin: 0; padding: 0;
	width: 88px;
	border-right: 1px solid black;
}

a.sndMenuLink:link {
	display: block;
	color:#000;
	text-decoration: none;
	padding: 4px 0 4px;
}
a.sndMenuLink:visited {color:#000; text-decoration: none;}  /* visited link */
a.sndMenuLink:hover {color:#EB1618; text-decoration: none;}  /* mouse over link */
a.sndMenuLink:active {color:#000; text-decoration: none;}  /* selected link */

#likebutton{
    float: right;
    z-index: 100;

}
/* secondary menu */

/*------ FORMS ------ */

#login{
	width:350px;
	float:left;
	margin: 22px 0 0 30px;
}


.login_style input{
	
	margin-top:9px;
	padding:4px 10px;
	font-size:15px;
	color: #c3d2d2;
	background:black;
	border: 1px solid #EB1618;
	width:145px;

}


.login_style .bt{
	background: #EB1618;
	color:#cccccc;
	text-transform:uppercase;
	font-size:15px;
	padding:4px 10px;
	border:none;
	width:108px;
	text-transform:uppercase;
	margin-left:16px;
}

.login_style .bt:hover{
	background:gray;
	color:#cccccc;
	cursor:pointer;
}

.login_style  a{
	font-family:'Tahoma', Geneva, sans-serif;
    font-style:normal;
    font-weight:normal;
    text-decoration: none;
    color:#cccccc;
   	font-size:12px;
   	text-transform:uppercase;
   	margin-left:16px;

}

.login_style  a:hover{ color:#EB1618;}


#login  p{
    font-weight:normal;
    text-decoration: none;
    color:#EB1618;
   	font-size:14px;
   	text-transform:uppercase;
   	/*line-height: 0;*/

}

.join{
    font-style:normal;
    font-weight:normal;
    text-decoration: none;
    color:white;
   	font-size:19px;
   	text-transform:uppercase;
   	background: url("../../graphics/home11/button.png") no-repeat;
   	/* background: url("../../graphics/home11/promo-button.gif") no-repeat; */
   	width:292px;
   	height:37px;
   	display:block;
   	padding: 7px 0 0 10px;
   	margin-top:12px;

}

/* news ticker in header */
#newsticker {
	background: #484848;
	/*width: 924px;*/
	text-align: center;
	height: 30px;
	font-size: 14px;
	float: left;
	width: 100%;
}
#newsticker ul {
	list-style: none;
	height: 20px;
	padding: 7px 0 4px;
	margin: 0;
	overflow: hidden;
	width: 100%;
}
* html #newsticker ul {
	height: 20px;
	overflow: visible;
}


a.ticker:link{
	color: #fff;
	text-decoration: none;
}

a.ticker:hover{
	color: #EE1214;
	text-decoration: none;
}

a.ticker:visited{
	color: #fff;
	text-decoration: none;
}

/*------ FOOTER ------ */

#footer_content {
	padding-top:240px;
	width:930px;
	margin:0 auto; 
	
}


table.footer{
	margin: 15px 0px 0px 15px;
	table-layout: fixed;
	width: 930px;
	height: 160px;
	font-size: 9pt;
	color: #c2c2c2;
}


#footer_content h1 {
	color: #c2c2c2;
    font-size: 12px;
    font-weight: normal;

}

#footer_content p {
	color: #c2c2c2;
    font-size: 12px;
    font-weight: normal;

}

#footer_content a {
	color: #c2c2c2;
    font-size: 12px;
    font-weight: normal;

}

#footer_content a:hover { color:white;}


/* Text & Link Classes */
p{
	color: #fff;
}

p.contactInfo{
	color: #ffffff;
}

a{color: #fff;}

a:link {color: #fff; text-decoration: none;}
a:hover {text-decoration: underline;}
a.visited{ color: #fff; text-decoration: none;}

a.footer:link{
	color: #c2c2c2;
	text-decoration: none;
}

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

a.footer:visited{
	color: #c2c2c2;
	text-decoration: none;
}


a.white:link{
	color: #fff;
	text-decoration: underline;
}

a.white:hover{
	color: #F44C2C;
	text-decoration: none;
}

a.whiteNoUL:visited{
	color: #fff;
	text-decoration: none;
}

a.whiteNoUL:link{
	color: #fff;
	text-decoration: none;
}

a.whiteNoUL:hover{
	color: #F44C2C;
	text-decoration: none;
}

a.whiteNoUL:visited{
	color: #fff;
	text-decoration: none;
}


a.black:link{
	color: #000;
	text-decoration: underline;
}

a.black:hover{
	color: #000;
	text-decoration: none;
}

a.black:visited{
	color: #000;
	text-decoration: underline;
}

a.print{
	color: #fff;
	text-decoration: underline;	
}

.header_bold_white {
	font-weight: bold;
	font-size: 16px;
	color: #fff;
}

/* Image Classes */
img{
	border: 0;
}



/* Form & Table Classes */

.form_required {
	color: #FFC900;
}

table.footer{
	margin: 15px 0px 0px 15px;
	table-layout: fixed;
	width: 930px;
	height: 160px;
	font-size: 9pt;
	color: #c2c2c2;
}


/* List Classes */

/*ul{
	font-size: 10pt;
}*/

li{
	margin: 0px;
	padding: 0px;
}


div#sponsor{
	position: absolute;
		top: 0px;
		left: 583px;
}


.list_image {
	float: left;
	margin: 4px 20px 0 0;
}


.social_link {
	padding: 0 1px 0 0;
}


#next_class_header{
	color: #F44B31;
	font-weight: bold;
	font-size: 14px;
	position: absolute;
	top: 11px;
	left: 220px;
}

#waw_div_1{
	position: absolute; 
	top: 6px; 
	left: 8px;
}

#waw_div_2{
	color: #000000; 
	margin-top: 6px; 
	font-weight: bold;
}

.next_class_line {
	margin: 0 0 -1px 16px;
	font-size: 11px;
}

div#information{
	position: absolute;
		top: 247px;
		left: 0px;
	height: 22px;
	width: 923px;
	background-image: url(../../graphics/home/bg-information.jpg);
}

/*log in styles*/
#login_bug{
	position: absolute;
		top: 0px;
		left: 800px;
	background-color: #F1252E;
	color: #fff;
	cursor: pointer;
	width: 124px;
	height: 26px;
	background-image: url(../../graphics/forms/login_bg.png);
	background-repeat: no-repeat;
}

	#login_bug_txt {
		padding: 5px 4px 4px 4px;
	}

#login_active{
	position: absolute;
		top: 0px;
		left: 800px;
	background-color: #F1252E;
	color: #fff;
	width: 124px;
	height: 26px;
	background-image: url(../../graphics/forms/login_active.png);
	background-repeat: no-repeat;
}

	#login_active p {
		margin: 0;
		padding: 5px 0px 0px 0px;
		text-align: center;
	}

#login_form_holder {
	position: absolute;
		top: 28px;
		left: 751px;
	background-color: #F1252E;
	padding: 4px;
	z-index: 100;
	border: 2px solid #fff;
	width: 160px;
}
	#login_form {
		margin: 0;
	}
	
	#login_form p{
		margin: 0;
		padding: 4px;
	}
	
	#login_form .formRow label{
		padding: 0px 0px 2px;
		font-size: 11px;
	}
	
	#login_form .formRow input{
		width: 140px;
	}

.mediaColHolder{
	float: left;
	width: 266px;
	margin-right: 42px;
	margin-top: 20px;
}

.mediaColHolderRIGHT{
	float: left;
	width: 266px;
	margin-top: 20px;
}

.mediaColumnLEFT,.mediaColumnMID {
	float: left;
	width: 100%;
	min-height: 600px;
	border: solid 5px #939393;
	padding: 2px 10px 10px 10px;
	max-height:900px;
	overflow:auto;
}

.mediaColumnRIGHT {
	float: left;
	width: 100%;
	min-height: 600px;
	border: solid 5px #939393;
	padding: 2px 10px 10px 10px;
	max-height:900px;
	overflow:auto;
}

.media_desc {
	font-weight: normal;
	font-size: 10pt;
	color: #FFFFFF;
	margin: 2px 0px 10px 0px;
}

.media_link {
	font-weight: bold;
	font-size: 11pt;
	color: #F44B31;
	margin: 0px;
}

.media_link a,.media_link a:visited {
	text-decoration:none;
	color: #F44B31;
}

.media_link a:hover, .media_link a:active {
	color: #E33A20;
}

.media_link img {
	padding:10px 8px 10px 8px;
	border:1px solid #E33A20;
	background-color:#ffffff;
	margin-bottom: 6px;
	}
	
	
/*------ TIMETABLE ------ */

#timetable {padding:15px 0;}

#timetable h1{padding:15px 0; }

#timetable li{
  	color: white;
    font-size: 13px;
    font-weight: normal;
}

#timetable table{
	margin:30px 0;
}


#timetable table th{
	color: #484848;
    font-size: 18px;
    font-weight: bold;
    background-color:#EB1618;
    padding:12px;
    text-align:center;
}

#timetable table td{
	color: white;
    font-size: 18px;
    font-weight: normal;
    border-top:0;
    border-right:0;
    border-left:0;
    border-bottom:1px solid #767676;
    padding:12px 6px;
    text-align:center;
    
}


.fb_iframe_widget{
	background: white;
}