/* GOOGLE FONTS -----NOT WORKING*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,600);
/*----------------------------------------------------------------------------------------------*/

body {  
	
	width: 92%;
	margin-left: 4%;
	margin-right: 4%;
	
}


/* ALL ELEMENTS*/
/*----------------------------------------------------------------------------------------------*/
* {
	font-family: "raleway-regular", arial;
	margin: 0;
	padding: 0;
}


/* SPECIAL FONTS*/
/*----------------------------------------------------------------------------------------------*/

@font-face {
    font-family: 'raleway-regular';
    src: url('../fonts/raleway-regular.eot');
    src: url('../fonts/raleway-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-regular.woff') format('woff'),
         url('../fonts/raleway-regular.ttf') format('truetype'),
         url('../fonts/raleway-regular.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'raleway-bold';
    src: url('../fonts/raleway-bold.eot');
    src: url('../fonts/raleway-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-bold.woff') format('woff'),
         url('../fonts/raleway-bold.ttf') format('truetype'),
         url('../fonts/raleway-bold.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'raleway-semibold';
    src: url('../fonts/raleway-semibold.eot');
    src: url('../fonts/raleway-semibold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-semibold.woff') format('woff'),
         url('../fonts/raleway-semibold.ttf') format('truetype'),
         url('../fonts/raleway-semibold.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*----------------------------------------------------------------------------------------------*/

heading {	
	font-family: Tahoma, Geneva, sans-serif;	
	color: #3a3a3a;
	font-weight: bold;
	font-size:1.25em;
}

heading2 {		
	color: #3a3a3a;
	font-weight: bold;
}

special  {
	 font-family: Comic Sans MS, Comic Sans MS, cursive:    	
	 font style: italic;
}


/* SPECIAL LIST ATTRIBUTES*/
/*----------------------------------------------------------------------------------------------*/

li {
	list-style-position:inside;
	padding:0;
}


/* DIV ID FOR EVERY PAGE */
/*----------------------------------------------------------------------------------------------*/

#wrapper {
	width: 100%;
	background: hhhhhh;
	margin: 0 auto;
}


#header {
	background: hhhhhh;
	color: white;
	padding: 20px 0px 20px 0px;
	text-align: center;
	font-family: '28-Days-Later';	
}


#header2 {
	background: hhhhhh;
	color: #626262;
	padding: 0px 0px 0px 0px;
	text-align: right;
	font-size:.75em;	
}		


#feature {
	font style: italic;
	background-color: #7AC684;
	height: 10px;
	margin: 0 auto 0 auto; width: 100%;
	padding: 0px 0px 0px 0px;
	text-align: ;
}


#navbar ul {
  	width: 100%;
	float: left;
}


#navbar ul li {
  	display:inline
}


#navbar ul li a {
	font-family: 'raleway-semibold';
  	text-decoration:none;
  	padding:5px 0;
  	width:12.5%;
  	background:#eee;
  	color:#848484;
  	float:left;
  	text-align:center;	
}


#navbar ul li a:hover {
 	background:#585858;
  	color:#eee
}


#footer {
	background: #hhhhhh;
	clear: both;
	font-size:.75em
}


/* DIV ID COLUMNS*/
/*----------------------------------------------------------------------------------------------*/

#column-left {
	width: 33%;
	text-align:left;
	float: left;
	color: #545454;
	background: #hhhhh;
}


#column-left-left {
	width: 33%;
	float: left;
	color: #545454;
	background: #hhhhhh;
}


#column-center {
	width: 33%;
	float: left;
	text-align:left;
	color: #545454;
	background: #hhhhhh;
}


#column-center-left {
	width: 33%;
	float: left;
	text-align:left;
	color: #545454;
	background: #hhhhhh;
}


#column-right {
	width: 33%;
	text-align:left;
	float: left;
	color: #545454;
	background: #hhhhhh;
}


#column-right-right {
	width: 50%;
	float: left;
	color: #545454;
	background: #hhhhhh;
}


/* CLASS CALENDAR*/
/*----------------------------------------------------------------------------------------------*/

.calendar {
	width: 80%; /*width of menu*/
}


.calendar .headerbar {
	font size: .25em;
	color: white;
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 7px 0 7px 60px; /*60px is left indentation of header text*/
}


.calendar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}


.calendar ul li{
	padding-bottom: 2px; /*bottom spacing between menu items*/
}


.calendar ul li a{
	font size: .25em;
	background: #E9E9E9;
	display: block;
	padding: 5px 0;
	line-height: 17px;
	padding-left: 8px; /*link text is indented 8px*/
	text-decoration: none;
}


.calendar ul li a:visited{
	
}


.calendar ul li a:hover{ /*hover state CSS*/
	background: #585858;
}


/* CLASS SIDEMENU*/
/*----------------------------------------------------------------------------------------------*/
	
.sidemenu {
	width: 80%; /*width of menu*/
}


.sidemenu .headerbar {
	font size: .25em;
	color: white;
	/*took out title background: #64C44E url(media/arrowstop.gif) no-repeat
	8px 6px;*/ /*last 2 values are the x and y coordinates 	of bullet image*/
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 7px 0 7px 60px; /*60px is left indentation of header text*/
}


.sidemenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}


.sidemenu ul li{
	padding-bottom: 2px; /*bottom spacing between menu items*/
}


.sidemenu ul li a{
	font size: .25em;
	font-family: 'raleway-semibold';
	background: #7AC684;
	display: block;
	padding: 5px 0;
	line-height: 17px;
	padding-left: 8px; /*link text is indented 8px*/
	text-decoration: none;
}


.sidemenu ul li a:visited{
	color: #585858;
}


.sidemenu ul li a:hover{ /*hover state CSS*/
	color: white;
	background: #585858;}


/* LINK COLORS */
/*----------------------------------------------------------------------------------------------*/
	
A:link 				{ COLOR: #64C44E; TEXT-DECORATION: none;  }
A:visited 			{ COLOR:  #64C44E; TEXT-DECORATION: none; font-weight: normal }
A:active 			{ COLOR: #606060; TEXT-DECORATION: none }
A:hover 			{ COLOR: #A7D9F0; TEXT-DECORATION: none; font-weight: none }

#header A:link 			{ COLOR: #606060; TEXT-DECORATION: none;  }
#header A:visited 		{ COLOR:  #606060; TEXT-DECORATION: none; font-weight: normal }
#header A:active 		{ COLOR: #606060; TEXT-DECORATION: none }
#header A:hover 		{ COLOR: #606060; TEXT-DECORATION: none; font-weight: none }

#header2 A:link 		{ COLOR: #606060; TEXT-DECORATION: none;  }
#header2 A:visited 		{ COLOR:  #606060; TEXT-DECORATION: none; font-weight: normal }
#header2 A:active 		{ COLOR: #606060; TEXT-DECORATION: none }
#header2 A:hover 		{ COLOR: #64C44E; TEXT-DECORATION: none; font-weight: none }

#column-center A:link 		{ COLOR: #626262; TEXT-DECORATION: none;  }
#column-center A:visited 	{ COLOR:  #626262; TEXT-DECORATION: none; font-weight: normal }
#column-center A:active 	{ COLOR: #626262; TEXT-DECORATION: none }
#column-center A:hover 		{ COLOR: #64c44e; TEXT-DECORATION: none; font-weight: none }

#column-left A:link 		{ COLOR: #F8F8Ff; TEXT-DECORATION: none;  }
#column-left A:visited 		{ COLOR: #F8F8Ff; TEXT-DECORATION: none; font-weight: normal }
#column-left A:active 		{ COLOR: #F8F8Ff; TEXT-DECORATION: none }
#column-left A:hover 		{ COLOR: #F8F8Ff; TEXT-DECORATION: none; font-weight: none }

#column-right A:link 		{ COLOR: #545454; TEXT-DECORATION: none;  }
#column-right A:visited 	{ COLOR:  #545454; TEXT-DECORATION: none; font-weight: normal }
#column-right A:active 		{ COLOR: #545454; TEXT-DECORATION: none }
#column-right A:hover 		{ COLOR: #eee; TEXT-DECORATION: none; font-weight: none }

#column-right-right A:link 	{ COLOR: #7AC684; TEXT-DECORATION: underline; font-weight: bold }
#column-right-right A:visited 	{ COLOR: #7AC684; TEXT-DECORATION: none; font-weight: normal }
#column-right-right A:active 	{ COLOR: #7AC684; TEXT-DECORATION: none }
#column-right-right A:hover 	{ COLOR: #404341; TEXT-DECORATION: none; font-weight: none }


#footer A:link 			{ COLOR: #ffffff; TEXT-DECORATION: none;  }
#footer A:visited 		{ COLOR:  #ffffff; TEXT-DECORATION: none; font-weight: normal }
#footer A:active 		{ COLOR: #ffffff; TEXT-DECORATION: none }
#footer A:hover 		{ COLOR: #ffffff; TEXT-DECORATION: none; font-weight: none }