/* CSS Document *

/* Global Font Size, Color, Font-Family Settings in Body */
body
{
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #6587B1;
	line-height: 20px;
	}

/* Global Link Colors */
a:link
{
	text-decoration: underline;
	font-weight: bold;
	color: #6587B1;
	}
	
a:hover
{
	text-decoration: underline;
	color: #86A0C1;
	}
	
a:visited
{
	text-decoration: underline;
	color: #86A0C1;
	}
	
/* Main Site Container, centered */
#container
{
	width: 971px;
	background-color:#FFFFFF;
	margin: 8px 20px 8px 20px;
	padding: 0px;
	color: #6B6B6B;
}

/* Top container where the phone numbers and icons for home and contact are located. */
#topContainer
{
	background-color: #FFFFFF;
	border-bottom: 7px solid #D3D1D1;
	text-align: right;
	margin: 10px 0px 0px 0px;
	min-height: 21px;
	}

/* div holds the image banner */
#banner
{
	width: 971px;
	background-color: 6B6B6B;
	margin: 3px 0 0 0;
}

/* div holds the main menu system. */
#mainMenu
{
	width: 971px;
	height: 39px;
	background-color: #86A0C1;
	}
	

/* div holds both the content and ad. */
#midContainer
{
	width:	970px;
	min-height: 190px;
	background-color: #FFFFFF;
	}

/* class that holds the main content */	
.contentMidContainer
{
	float: left;
	width:	541px;
	min-height: 142px;
	padding: 24px;
}

/* class that holds the main content for insidepages */	
.contentMidContainerInsidePages
{
	float: left;
	width:	541px;
	min-height: 142px;
	padding: 24px;
}

/* main titles used at begining of sentence, big and bold. */
.titles
{
	font-size: 19px;
	font-weight: bold;
	}
	
/* main titles used at begining of sentence or headers but in blue and big and bold. */
.titlesblue
{
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
	background-color: #86A0C1;
	color: #FFFFFF;
	}
	
/* div that holds the "enroll today!" ad. */
#adContainer
{
	float: left;
	width: 381px;
	margin: 25px 0px 0px 0px;
	}
 
 /* div that holds the Grey Box and images with prices */
 #specialsContainer
 {

	background-color: #D3D1D1;
	padding: 25px 0px 8px 25px;
	text-align: center;
	}

/* On the next two divs, the text is set to center, so in theory you don't need to add extra padding to keep the
images away from the edges, as long as the image is quite a bit smaller than the actual width of the div
there should be plenty of automatic width*/

/* div that holds the left Column Items */
.specialsLeft
{
	float: left;
	margin-left: 35px;
	width: 415px;
	}
 
 /* div that holds the right column Items*/
 .specialsRight
{
	float: left;
	border-left: 1px solid #86A0C1;
	margin-left: 35px;
	width: 425px;
	}
	
 
 /* clears both for vertical expansion, always insert after floats. */	
.fixer
{
	clear: both;
	margin: 0px;
	padding: 0px;
	}
	
/* div that holds the footer content */
#footer
{
	clear: both;
	margin-top: 15px;
	text-align: center;
	}
	
#footer a:link
{
	color: #6587B1;
	}
	
#footer a:hover
{
	text-decoration: underline;
	color: #A8139CF;
	}
	
#footer a:visited
{
	text-decoration: underline;
	color: #A8139CF;
	}