/*******************************************************************
 styles_variable.css
  
 This CSS file contains all color definitions like 
 background-color, font-color, border-color etc.

 

*******************************************************************/

/***
 ***  Core
 ***/

a:link,
a:visited {
  color:#4d3385;
}

a:hover {
  color:#7659b5;

}
body {
    background-color: #44304d;
    margin: 0;
    padding: 0 0 20px;
    color: #222;
	font-size: 76%;
	line-height: 1.3;
	font-family: Verdana, Arial, Sans-Serif;
}


.surround {
  margin: 0 auto; 
  width: 997px;
  padding: 0 5px;
   background: transparent url("images/containerBg.gif") top left repeat-y;
    position: relative;
 
}

div.headermenu {
	position: absolute;
	right: 40px;
	top: 70px;
}


/*div.headermenu 
{
	color:#ffffff;
}

.headermenu a:link {
    color: #ffffff;
}
.headermenu a:visited {
    color: #ffffff;
}
.headermenu a:hover {
    color: #ffffff;
}*/

#header {
	height: 155px;
	background: transparent url("images/navBg.jpg") top left repeat-x;
}

#mainNav {
	position: absolute;
	top: 20px;
	left: 380px;
}


#mainNav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#mainNav li {
	float: left;
	margin-right: 7px;
}

#mainNav li a {
	display: block;
	padding: 25px 0 0 0;
	text-decoration: none;
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
	overflow: hidden;
	height: 1px !important; /* this kills the header in windows ie 5 IF the following hack appears in a separate rule declaration - that's why it's directly below*/
	height /**/: 26px; /* CSS hack - Windows IE */
}


#mainNav li a:hover,
#mainNav li#currentNav a
{
	background-position: 0 -26px;
}


#mainNav li.home a {
	background-image: url("images/navHome.gif");
	width: 39px;
}

#mainNav li.about a {
	background-image: url("images/navAbout.gif");
	width: 71px;
}

#mainNav li.learning a {
	background-image: url("images/navLearning.gif");
	width: 61px;
}

#mainNav li.admissions a {
	background-image: url("images/navAdmissions.gif");
	width: 75px;
}

#mainNav li.families a {
	background-image: url("images/navFamilies.gif");
	width: 111px;
}

#mainNav li.community a {
	background-image: url("images/navCommunity.gif");
	width: 73px;
}

#mainNav li.giving a {
	background-image: url("images/navGiving.gif");
	width: 45px;
}

#mainNav li.contact a {
	background-image: url("images/navContact.gif");
	width: 75px;
}

#logo { 
position: absolute;
	top: 0;
	left: 37px;
} 


#content {
	margin-left: 35px;
	margin-right: 35px;
	margin-top: 3px;
	background-color: #f0f0f0;
}

.coursebox {
  border-color:#4d3385;
 }

.copyright {
	text-align: center;
	background-color: #4d3385;
	color: #fff;
	font-size: .84em;
	padding: 1px 0;
	width: 997px;
}

#bottomCap {
	width: 1007px;
	padding: 0;
    margin: -6px auto 0;
}