/* @override http://ccstudents.org/css/style.css */

body {
background: url(../images/Wood-20.png) repeat;
xbackground: #000;
margin: 0;
padding: 0;
font-size: 62.5%;
font-family: Helvetica, Arial, sans-serif;
line-height: 2em;
}

img {
border: 0;
margin: 0 0 1em 0;
}

/* -------- Typography --------- */

p, li {
font-size: 1.4em;
color: #333;
}

p {
margin-bottom: 1em;
}

a:link, a:visited {
text-decoration: none;
color: #ff7200;
}

a:hover {
	text-decoration: underline;
	background: #eee;
}

h1 {
	display: none;
}

h2 {
	font: bold 5.25em "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #ff7200;
	margin: 0 0 10px;
	padding: 5px 0;	
	text-shadow: 1px 1px 1px #000;
}

h3 {
	font: italic 1.3em/1.85em Georgia, "Times New Roman", serif;
	color: #555;
}

h4 {
	font: bold 2.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
}

h5 {
	font: bold 2.25em "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #3d2f13;
	padding: 10px 0 5px;
}

h6 {
	font: bold 1.85em/1.75em "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #79cad1;
	margin: 0;
	padding: 0;
}

small {
	color: #777;
	font-size: .9em;
}

/* -------- Header --------- */

#header {
xbackground: #fff url(../images/bkg_header.jpg) repeat-x;
xheight: 405px;
}

#header-inner {
width: 960px;
margin: 0 auto;
xpadding: 25px 0 0px;
xheight: 160px;
text-align: center;
}

#header-inner h1 {
display: block;
xfloat: left;
xwidth: 478px;
height: 40px;
xmargin: 0 0 10px;
padding:40px 0 0;
xtext-indent: -7777px;
xbackground: transparent url(../images/logo.jpg) top left no-repeat;
font-family: 'Luckiest Guy', cursive;
font-size: 72px;
text-shadow: 1px 1px 1px #000;
}

#header-inner h1 a,
#header-inner h1 a:visited {
display: block;
width: 100%;
height: 100%;
border: 0;
}

#header-inner h1 a:hover {
xbackground: url(../images/logo_hover.jpg) top left no-repeat;
background: none;
text-decoration: none;
color: #a5e6ec;
}

/* -------- Header --------- */

ul#nav {
float: left;
xheight: 68px;
list-style: none;
margin: 10px auto;
padding: 10px 20px 5px;
width: 920px;
xbackground: url(../images/nav.jpg);
background: #222;
border: 1px solid #000;
-webkit-box-shadow: 0px 0px 5px #000;
-moz-box-shadow: 0px 0px 5px #000;
box-shadow: 0px 0px 5px #000;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius: 5px;
}
ul#nav li {
float: left;
display: block;
margin: 0 34px 0 5px;
font-family: 'Luckiest Guy', cursive;
font-size: 26px;
line-height: 26px;
text-shadow: 1px 1px 0px #000;
}
ul#nav li a {
	color: #a5e6ec;
}
#nav li a:hover {
	background: none;
	text-decoration: none;
	color: #ff7201;
}

/*
ul#nav li a.about_fusion,
ul#nav li a.about_summit,
ul#nav li a.fusion_calendar,
ul#nav li a.summit_calendar,
ul#nav li a.for_parents,
ul#nav li a.contact_us {
background: url(../images/nav.jpg);
float: left;
display:block;
height: 68px;
margin: 0;
padding: 0px;
position: relative;
z-index: 100;
}
ul#nav li a.about_fusion {background-position: 0px 0px;width: 158px;}
ul#nav li a.about_summit {background-position: -158px 0px;width: 166px;}
ul#nav li a.fusion_calendar {background-position: -324px 0px;width: 179px;}
ul#nav li a.summit_calendar {background-position: -503px 0px;width: 187px;}
ul#nav li a.for_parents {background-position: -690px 0px;width: 136px;}
ul#nav li a.contact_us {background-position: -826px 0px;width: 134px;}

ul#nav li a:hover.about_fusion {background-position: 0 68px;width: 158px;}
ul#nav li a:hover.about_summit {background-position: -158px 68px;width: 166px;}
ul#nav li a:hover.fusion_calendar {background-position: -324px 68px;width: 179px;}
ul#nav li a:hover.summit_calendar {background-position: -503px 68px;width: 187px;}
ul#nav li a:hover.for_parents {background-position: -690px 68px;width: 136px;}
ul#nav li a:hover.contact_us {background-position: -826px 68px;width: 134px;}

body.about_fusion #nav .about_fusion {background-position: 0 68px;width: 158px;}
body.about_summit #nav .about_summit {background-position: -158px 68px;width: 166px;}
body.fusion_calendar #nav .fusion_calendar,
body.fusion_calendar_detail #nav .fusion_calendar_detail {background-position: -324px 68px;width: 179px;}
body.summit_calendar #nav .summit_calendar,
body.summit_calendar_detail #nav .summit_calendar_detail {background-position: -503px 68px;width: 187px;}
body.for_parents #nav .for_parents {background-position: -690px 68px;width: 136px;}
body.contact_us #nav .contact_us {background-position: -826px 68px;width: 134px;}

ul#nav strong{
display: none;
}

/* -------- Main --------- */

#content {
clear: both;
width: 960px;
margin: -205px auto 0;
padding: 0 0 30px;
background: #fff;
overflow: auto;
-webkit-box-shadow: 0px 0px 15px #000;
-moz-box-shadow: 0px 0px 15px #000;
box-shadow: 0px 0px 15px #000;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}

#content-inner {
float: left;
padding: 30px 20px 30px 30px;
}

#main {
width: 560px;
float: left;
margin: 0;
}

#special {
	background: #333;
	padding: 30px 30px 20px;
}

#special p {
	color: #ff7200;
}

/* -------- Sidebar --------- */

#sidebar {
	width: 320px;
	float: left;
	margin: 0 0 0 30px;
	padding: 0 0 10px;
}

#sidebar h5 {
	font-size: 1.75em;
	margin-left: 15px;	
}

#sidebar p {
	padding: 0 15px;
}

#sidebar ul {
	border-top: 1px solid #d8f3f6;
	width: 290px;
	margin: 0 0 15px 15px;
}

#sidebar li {
	display: inline;
	margin: 0;
	padding:0;
}

#sidebar li a {
	display: block;
	padding: 7px;
	border-bottom: 1px solid #d8f3f6;
	line-height: 1.1em;
	color: #3d2f13;
	background: #a5e6ec;
}

#sidebar li a:hover {
	background: #fff;
	text-decoration: none;
}

.box {
	margin-bottom: 20px;
	padding: 0 0 5px; 
	-moz-border-radius : 7px; /* Mozilla */
	-webkit-border-radius : 7px; /* Webkit */
	border-radius : 7px;
	background: #a5e6ec;
	border: 1px solid #4fa8b0;
}

.box h4 {
	margin: 0;
	padding: 5px 0 10px 15px;
	text-shadow: 1px 1px 0px #444;
	font-size: 34px;
}

.what {
	display: none;
background: #333 url(../images/what.jpg) top left no-repeat;
color: #fff;
padding-top: 50px;
height: 169px;
}

.what h4 {
background: none;
}

/* Calendar
----------------------------------- */
.calendarBG {
width: 900px;
margin: 0px 10px 0 0;
float: left;
}

.calendarBG p {
margin: 0;
padding: 0 4px 8px;
font-size: 1.2em;
line-height: 1.1em;
}

.calendarHeader { 
background-color: #a5e6ec; 
overflow: auto;
}

.calendarHeader h6 {
color:  #555;
	padding: 10px;
}

.calendardate {
background: #ccc;
margin: 0 0 3px;
padding: 2px 0 2px 4px;
width: auto;
}

.calendarDayHeading {
  text-align:  center;
  vertical-align: middle;
  padding-top: 20px;
}

.calendarToday .calendardate {
background: #ff7201;
color: #fff;
}

.calendarToday { 
border: 1px solid #ccc;
margin: 0;
padding: 0;
vertical-align: top;
}

.calendarCell {
	border: 1px solid #ccc;
	margin: 0;
	padding: 0;
	vertical-align: top;
	width: 135px;
	height: 100px;
}


/* -------- Footer --------- */

#footer {
	background: #333;
	width: 960px;
	margin: 0 auto;
}

#footer-inner {
	padding: 30px 20px 35px;
	xbackground: #333 url(../images/bkg_main.png) top left no-repeat;
	overflow: auto;
}

#footer-inner p {
	color: #fff;
}

#footer-inner li {
	float: left;
	padding: 7px 15px;
}

/* -------- Classes --------- */

.no_display {
	display: none;
}