@import url(base/blueSplash.css);

/*
 set main menu to on*/
#nav li.mm1 a {
  background: url(../images/blueButtonBack_O.gif)  bottom repeat-x;
}
/* 
fix some sub menu stuff*/
#nav li.mm3 ul li a {
  background: #fff;
}
#nav li.mm3 ul li a:hover {
  background: #004890;
}
 /*
turn on sub menu */
#nav li.mm1 ul {
left: 0px;
	width:670px;

}

/* 
set sub menu to on
#nav li ul li.mm3a a {
background:#004890;
color:#fff;
padding:2px 5px;
}
*/
/* bottom image thng 
#copyright div#graphic {
	background: url(../images/-templateGraphic.gif) no-repeat;
	width:349px;
	height:451px;
	position:absolute;
	top:-421px;
	right:50px;
}*/
/* 
headline palcement and image */


/*text width and placement */
#text p {
margin:0 auto;
	width:332px;
}

/*placement for the unordered list */
div#text ul {
margin: 20px auto 20px auto;
width:315px;
}
/*
width of list emiments columnWidth - 17px  */
div#text ul li {
width:315px;
margin: 5px 0 0 -10px;
}
/* 
specific buttons */
#content a.admin, #content a.parent,#content a.student{
width:205px;
display:block;
float:left;
margin:0;
padding:0;
overflow:hidden;
}
#content a.admin{
height:127px;
background:url(../images/button1.jpg) no-repeat;
}
#content a.parent{
height:127px;
background:url(../images/button2.jpg) no-repeat;
}
#content a.student{
height:127px;
background:url(../images/button3.jpg) no-repeat;
margin:0 0 30px 0;
}
/* 
if you want the button to rollover see me */
#content a:hover.student{
}

.theImages{
z-index:0;
margin:127px 0 0 0;
*margin:152px 0 0 0;

}
.theImages img
{
position:relative;
left:-80px;
}
#content {
background: url(../images/LogoSplash.gif) right top no-repeat;
}



#content h1 {
	clear:both;
	display:block;
	margin:50px auto;
	color: #003399;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:16px;
	font-weight: bold;
	font-style:normal;
	text-align:center;

	/*width:503px;
	height:69px;
	background:url(../images/-templateTitle.gif) no-repeat;*/
}

#content {
	
	background: url(../images/pageLogo-all.gif) top right no-repeat;
	
}
/*
<a href="" id="aboutFelc"></a><a href="" id="aboutFelc2"></a><a href="" id="aboutBeyond"></a><a href="" id="aboutAAA"></a>
*/
a#aboutAAA, a#aboutBeyond, a#aboutFelc, a#aboutFelc2
{
width:300px;
height:110px;
display:block;
position:absolute;
z-index:500;


}
a#aboutAAA
{
top:250px;
left:600px;
}
 a#aboutBeyond
 {
 top:125px;
left:580px;
width:320px;
 }
 a#aboutFelc
 {
  top:40px;
	left:600px;
	height:80px;
 }
  a#aboutFelc2
 {
  top:10px;
	left:800px;
	height:30px;
	width:100px;
 }