@charset "utf-8";
/*
------------------------------------------------------------
Rockford Dance Company CSS Style
Title:	  /assets/css/screen.css
Media:    Screen, Projection
Author:   Stephen J. Withington, Jr. (steve@ignition-studio.com)
Current Version:	06/25/2009
Prior Version:  12/14/2007; 03/11/2009; 06/25/2009
------------------------------------------------------------
*/

html, body, p, h1, h2, h3, h4, h5, h6, form, fieldset, ul, ol, li, dd, dt, dl {
	margin: 0;
	padding: 0;
	border: 0;
}
body  {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0;
	padding: 0;
	color: #666666;
}
/* ============================================================================================== */
/*		DIV SETTINGS			*/
/* ============================================================================================== */
#container {
	width: 900px;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
} 
#header_top {
	width: 900px;
	height: 100px;
	/* background-image: url(/assets/images/top.jpg); */
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
}
#logo {
	padding: 0 81px 0 660px;
}
#print_info { /* print path and time for print.css */
	display: none;
}
#header {
	margin: 0px;
	padding: 0px;
	height: 246px;
	width: 900px;
	/*background-image: url(/assets/images/header_img.jpg);*/
	background-repeat: no-repeat;
}
#newsletterSignup {
	float: left;
	width: 170px;
	padding: 0 15px;
}
/* ============================================================================================== */
/*		TOP NAVIGATION		*/
/* ============================================================================================== */
#topnav {
	padding: 0 80px 0 360px;
	margin: 0;
}
#topnav ul {
	white-space: nowrap;
	margin: 0;
	padding: 0;
}
#topnav li {
	list-style-type: none;
	display: inline;
	float: left;
}
#topnav a:link, #topnav a:active, #topnav a:visited {
	color: #666666;
	text-decoration: none;
	padding: 0 6px 0 6px;
}
#topnav a:hover, #topnav a:focus, #topnav a.selected {
	color: #990000;
/*	text-decoration: underline;*/
}
#breadCrumbs {
	padding: 0px 200px 12px 20px;
}

/* ============================================================================================== */
/*		CONTENT AREA			*/
/* ============================================================================================== */
#contentWrapper {
	width: 738px;
	float: left;
	background-image: url(/assets/images/shadow_background.jpg);
	background-repeat: repeat-y;
	padding: 0 82px 0 81px;
}
#sidebar1 {
	float: right;
	width: 175px;
	background: #E1E2E4;
	padding: 0 5px 20px 5px;
	margin: 0;
}
#mainContent {
	margin: 0;
	/*padding: 0 200px 20px 20px; */ /* use this versus float AND width, however, buggy in IE versions less than 7 */
	width: 513px;
	float: left;
	padding: 0 20px 20px 20px;
/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E1E2E4; */
}
#newsContent {
	padding: 20px 20px 0 20px;
	margin: 0;
	float: left;
	width: 200px;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-width: 1px;
	border-right-color: #E1E2E4;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E1E2E4;
}
#upcomingContent {
	margin: 0;
	/*padding: 20px 200px 0 261px; */ /* use this versus float AND width, however, buggy in prior IE versions */
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E1E2E4;
	padding: 20px 15px 20px 15px;
	float: left;
	width: 275px;
	overflow: hidden;
}
#mainContent ul, #newsContent ul, #upcomingContent ul {
	padding: 0 0 12px 20px;
}
#mainContent ol, #newsContent ol, #upcomingContent ol {
	padding: 0 0 0 20px;
}
#mainContent li, #newsContent li, #upcomingContent li {
	padding: 0 0 3px 0;
}
#adminWrapper {
	padding: 50px 50px 50px 50px;
	width: 600px;
}
#adminNav {
	clear: both;
	padding: 12px 0 12px 0;
	margin-bottom: 12px;
}
#adminNav ul {
	white-space: nowrap;
	margin: 0;
	padding: 0;
}
#adminNav li {
	list-style-type: none;
	display: inline;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
}
#adminNav a:link, #adminNav a:active, #adminNav a:visited {
	padding: 0 6px 0 6px;
}

#contactSubNav {
	clear: both;
	padding: 12px 0 12px 0;
	margin-bottom: 12px;
}
#contactSubNav ul {
	white-space: nowrap;
	margin: 0;
	padding: 0;
}
#contactSubNav li {
	list-style-type: none;
	display: inline;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
}
#contactSubNav a:link, #contactSubNav a:active, #contactSubNav a:visited {
	padding: 0 6px 0 6px;
}

/* ============================================================================================== */
/*		FOOTER AREA		*/
/* ============================================================================================== */
#shadow_bottom {
	width: 900px;
	clear: both;
	float: left;
}
#print_footerline {
	display: none;
}
#footer {
	clear: both;
	padding: 6px 81px 12px 82px;
	height: 60px;
	font-size: 9px;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer_left {
	float: left;
	padding: 0 5px 0 5px;
	width: 425px;
}
#footer_right {
	float: right;
	padding: 0 0 0 5px;
	width: 280px;
	text-align: right;
}
#footer_right a:link, #footer_right a:active, #footer_right a:visited {
	color: #666666;
	text-decoration: none;
}
#footer_right a:hover, #footer_right a:focus {
	color: #990000;
	text-decoration: underline;
}

#footer_right .orange a:link, #footer_right .orange a:active, #footer_right .orange a:visited {
	color: #CC6600;
	text-decoration: none;
}
#footer_right .orange a:hover, #footer_right .orange a:focus {
	color: #CC6600;
	text-decoration: underline;
}

/* ============================================================================================== */
/*		TAG DEFAULTS			*/
/* ============================================================================================== */
h1 {
	font-size: 16px;
	padding: 0 0 10px 0;
	color: #990000;
}
h2 {
	font-size: 14px;
	padding: 0 0 0px 0;
	color: #990000;
}
h3 {
	font-size: 12px;
	padding: 0 0 0 0;
	color: #990000;
}
h4 {
	font-size: 10px;
	padding: 6px 0 0 0;
	color: #990000;
}
h5 {
	font-size: 10px;
	padding: 6px 0 0 0;
	color: #666666;
}
p {
	padding: 0 0 12px 0;
}
a:link, a:active, a:visited {
	color: #990000;
	text-decoration: underline;
}
a:hover, a:focus {
	text-decoration: none;
}
/* ============================================================================================== */
/*		CLASSES		*/
/* ============================================================================================== */
.leftimage {
	margin: 6px 12px 5px 0;
	float: left;
}
.leftimage_main {
	float: left;
	border: 1px solid #000000;
	padding: 0px;
	margin: 0px 12px 3px 0px;
	padding: 1px;
}
.rightimage {
	margin: 6px 0 5px 15px;
	float: right;
}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}
.red { color: #FF0000; }
.green { color:#060; }
.borderboth {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
}
.borderright {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}
/* ============================================================================================== */
/*	SIDE MENU 	*/
/* ============================================================================================== */
#smenu {
	margin: 0px;
	width: 175px;
	}
#smenu ul {
	margin:0;
	}
#smenu h2 a {
	margin:0;
	padding:0;
	border-bottom:1px solid #bbb;
/*	border:1px solid #bbb;*/
	border-width:1px 0;
	color:#990000;
/*	background:#fbfbfb url(/assets/images/smenu1.gif) left center no-repeat;*/
/*	font-size: 12px;*/
	}
#smenu li {
/*	background:#eef0f2; */
	background:#e1e2e4;
	list-style-type:none;
	margin:0;
	border-top:1px solid #fff;
	border-bottom:1px solid #bec9d1;
	}
#smenu a {
	text-decoration:none;
	display:block;
	color:#333333;
/*	color:#3f526b; */
	padding:1px 5px;
	}
#smenu li li a {
	padding-left:15px;
	}

#smenu li li li a {
	padding-left:25px;
	}

#smenu li li li li a {
	padding-left:35px;
	}

#smenu li a:hover {
	background:#fff url(/assets/images/smarrow.gif) left center no-repeat;
	}

#smenu li li {
	background:#f5f7f9;
	}
#smenu li li li {
	background:#ffffff;
	border-bottom:1px solid #f4f4f4;
	}	
#smenu ul ul {
	margin: 0;
	}

#smenu li.x2 {
	border-bottom: none;
	margin: 0;
	padding: 0;
	}
#smenu li.x1 {
	font-weight:bold !important;
	background:#f5f7f9 url(/assets/images/smarrow.gif) left center no-repeat;
	}
#smenu li.x1-level3 {
	background:#f5f7f9 url(/assets/images/smarrow2.gif) left center no-repeat;
	font-weight:bold;
	}
/* ============================================================================================== */
/*	CALENDAR FORMATTING 	*/
/* ============================================================================================== */
a.navmonth:link, a.navmonth:active, a.navmonth:visited {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}
a.navmonth:hover, a.navmonth:focus {
	text-decoration: none;
}



.daynow {
	background-color: #FFFFCC;
}
.regday {
	background-color: #EFEFEF;
}
.activeday {
	background-color: #CCCCCC;
}
.nowandactive {
	background-color: #99CCCC;
}
.header {
	background-color: #666666;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
}
.subheader {
	background-color: #999999;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
#tblCalendar {
	border: 1px solid #000000;
}
#tblCalItem {
	border: 1px solid #000000;
	width: 100%;
}
#tblCalList {
	border: 1px solid #000000;
	width: 100%;
}
/* START: socialMedia */
#socialMediaWrapper {
	padding: 0 15px 15px 15px;
}
#newsContent #socialMediaWrapper ul {
	padding: 0;
}
#socialMediaLinks a {
	padding: 5px 0px 5px 36px;
	display: block;
}
#socialMediaLinks li {
	list-style-type: none;
	padding: 0 0 10px 0;
	text-align: left;
}
#facebook {
	background: url(/assets/images/social/facebook_32.png) no-repeat left;
}
/* END: socialMedia */