@import "pageContent.css";

* {margin: 0; padding: 0;}

body {
	font-size:small;
	font-family:"verdana", "helvetica", sans-serif;
}

#container{
	clear:both;
	margin:auto;
	width:860px;
	border-bottom-width:2px;
	border-bottom-style:solid;
}
.hidden{
	display:none;
}
#topbar{
	 width:860px;
	 height:72px;
	 background:#4f4f4f url(../images/header.jpg) top left no-repeat;
}

#topbar #homelink{
	display: block;
	width: 500px;
	height: 72px;
}

#topbar #homelink span{
	margin-left: -3000px;
}

#topbar #calltoday{
	font-size: 16px;
	font-weight: bold;
	position: relative;
	top:-50px;
	left:600px;
	color: #ffffff;
}

#topbar #request_info_call_today{
	background:transparent url(../images/request-info.gif) top center no-repeat;
	display:block;
	float:right;
	height:49px;
	margin:-64px 15px 0 0;
	padding-top:10px;
	text-align:center;
	width:211px;
}#request_info_call_today span{
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
}

/*-----top nav styles----*/
#topNav{
	padding-top:10px;
	width:100%;
	float:left;
	font-size:80%;
	font-weight:bold;
	border-bottom-width:3px;
	border-bottom-style:solid;
}
#topNav li{
	margin-right:3px;
	float:left;
	display:inline;
}
#topNav a{
	display:block;
	padding:8px 4px 10px 15px;
	text-decoration:none;
	background-image: url('../images/targetGray.gif');
	background-repeat:no-repeat;
	background-position: 3px 50%;
}
#topNav a:hover, #topNav .here{
	background-image: url('../images/targetWhite.gif');
	background-repeat:no-repeat;
	background-position: 3px 50%;
}

/*------------------------------*/
/*----------no flash header--------------*/
/*----------this is the only section of the mainstyle that has color rules, because i'm lazy-------*/
#noFlashImage {
	float:right;
}
#noFlashImage img{
	border:none;
}
.noFlashNav {
	padding-top: 3px;
	list-style: none;
	float:left;
	width:195px;
}
.title {
	margin-top: 17px;
	list-style-image: url('../images/targetGray.gif');
	list-style-type: circle
}
.noFlashNav li {
	margin-left: 25px;
	width:170px;
}
.noFlashNav p {
	color:#4f4f4f;
	font-size: 80%;
}
.noFlashNav a{
	color:#000;
}
.noFlashNav a:hover{
	color:#4f4f4f;
}
/*------------btmNav---------*/
.btmHomeLink{
	margin-right:12em;
}
#btmNav{
	font-size:75%;
	font-weight:bold;
	width:100%;
	clear:both;
	text-align:center;
	height:17px;
	padding-bottom:2px;
}
#btmNav ul{
	width:100%;
	float:left;
}
#btmNav li{
	float:left;
	display:inline;
}
#btmNav a{
	margin-left:5px;
	display:block;
	padding:3px 5px 3px 15px;
	text-decoration:none;
	background-image:url('../images/targetWhite.gif');
	background-repeat: no-repeat;
	background-position: 3px 50%;
}
/*----------------------------*/



/*-----------subHeading----------*/
#subHeading{
	padding:5px 0 5px 0;
	font-size:90%;
	width:100%;
	float:left;
	border-top-width:3px;
	border-top-style:solid;
}
.classesStart{
	margin:0 0 0 10px;
	float:left;
}
.classesStart a, .contactUs a {
	color:white;
}
.contactUs{
	margin:0 10px 0 0;
	float:right;
}
/*-----------------------*/
/*----------rightsidebar----------*/
#classesStartBox {
	height:120px;
	padding:10px;
	border-width:2px;
	border-style:dotted;
	margin-bottom:5px;
	background-color:white;
	text-align:center;
	font-size:90%;
}
#classesStartBox a, a:link, a:hover, a:active, a:visited{
	text-decoration:none;
}
#classesStartDate {
	font-size:20px;
	width:180px;
	border-bottom-width:2px;
	border-bottom-style:dotted;
	margin:0 auto;
}
#rightSideBar{
	float:right;
	width:230px;
	margin:4px 2px 4px 0px;
}
	/*ie hack*/
	html>body #rightSideBar{
		margin-right:4px;
	}
#chatButton {
	width:108px;
	height:40px;
	margin-left:45px;
	border-width:2px;
	border-style:solid;
}

#chatBox p{
	margin:13px 13px 0 13px;
	padding-bottom:13px;
	font-size:75%;
}
.chatHeader, .rightSideHeader{
	font-size:115%;
	padding:5px 0 5px 9px;
	margin-bottom:5px;
}
.chatHeader{
	background-image: url('../images/chatCloud.gif');
	background-repeat: no-repeat;
	background-position: 50% 60%;
}
.programHeaders, .sideLink{
	padding-left:10px;
	font-size:95%;
	margin:10px 0 5px 6px;
	background-image:url('../images/targetGray.gif');
	background-repeat: no-repeat;
	background-position: 0px 50%;
}
.sideLink{
	font-weight:bold;
	text-decoration:none;
}
.sideBoxes p{
	font-size:70%;
	font-weight:bold;
	margin:5px 0 0px 22px;
	padding-bottom:10px;
}
.sideBoxes{
	margin-top:4px;
}
.programs{
	line-height:0.5em;
	font-size:70%;
}
.programs li{
	padding:3px 0;
	display:block;
	list-style:none;
}
.programs a{
	padding:3px 0 3px 23px;
	display:block;
	font-weight:bold;
	text-decoration:none;
}
.programs a:hover, .currProgram{
	background-repeat: no-repeat;
	background-position: 13px 50%;
}


#bottom{
	float:left;
}

/*------footer nav links---------*/
#footer {
	text-align:center;
	font-size:80%;
	width:850px;
	margin:auto;
	padding:15px 0px;
}
#footer a{
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
#footer li{
	clear:both;
	display:inline;
}
/*------------------------------------*/