/* Colors
#800000 Maroon
#FFD700 Gold*/
html
{
	width:100%;
	margin:0;
	padding:0;
}

body
{
	font-family:Georgia, Times New Roman, Times, serif;
	margin:0;
	padding:0;
}

#toplogo
{
	top:12px;
	position:absolute;
	border:none;
	right:71%;
	margin:0;
}

.topschoolname
{
	margin-left:29.5%;
	border:none;
}

.headerlinks
{
	float:right;
	text-align:right;
}

.headerlinks a:hover
{
	background:#FFD700;
}
.headerlinks a:link,.headerlinks a:visited,.headerlinks a:active
{
	color:maroon;
	text-decoration:none;
}


.navstripwrapper
{
	overflow:hidden;
	background-color:maroon;
	width:100%;
	font-size:90%;
	height:2em;
	margin:0;
	padding:0;
}

.navstrip
{
	margin-left:300px;
}

.topbar
{
	clear:left;
	background-repeat:repeat-x;
	width:100%;
	left:0;
	border-top:1px solid #000;
	background:maroon;
	background-image:none;
	height:105px;
}

.topbar img
{
	margin:0 0 0 29%;
}

.quicklink
{
	float:left;
	margin:4px;
	padding:0;
}

#utilitybar
{
	background-image:url(/images/utilitybarbackground.jpg);
	background-position:bottom right;
	background-repeat:repeat-x;
	background-color:maroon;
	border-top:1px solid #FFD700;
	color:#FFF;
	width:100%;
	font-size:70%;
	height:2em;
	padding:0 0 15px;
}


#leftcolumn
{
	clear:left;
	float:left;
	text-align:right;
	width:27%;
	padding-right:15px;
	margin-right:0;
	margin-bottom:15px;
}



/* ------------ Content ----------------- */
.content
{
	width:55%;
	height:auto;
	min-height:300px;
	float:left;
	border-left:1px solid #000;
	line-height:150%;
	padding:2px 10px;
}

.content h3
{
	background-image:url(/images/h3decor.jpg);
	background-position:top left;
	background-repeat:repeat-y;
	margin:0 0 10px;
	padding:10px 0 10px 10px;
}



.center-content
{
	text-align:center;
}

.content-float-left
{
	float:left;
}
.content-float-right
{
	float:right;
}
.content-float-right-withmargins
{
	float:right;
	margin:10px;
}

.content-float-left-withmargins
{
	float:left;
	margin:10px;
}

.content a:link, .content a:visited
{
	color: #800000;
    text-decoration: underline;
}

.content a:hover
{
	color: #CC6600;
	text-decoration: underline;
}

.content a:active {

    color: #FF9900;
	text-decoration: underline;
}


/* -------------- SIDE NAVIGATION 
Note that it has to be after .content  -------------*/

.sidenavigation
{
	text-align:right;
	margin-right:0;
	line-height: 100%;

}

.sidenavigation h1
{
	margin-top:10px;
	margin-bottom:10px;
}

.sidenavigation h2
{
	font-size:100%;
	font-weight:700;
	background-color:maroon;
	color:#FFF;
	border-top:1px solid #FFD000;
	border-bottom:1px solid #FFD000;
	text-align:left;
	margin:10px 0 0 20px;
	padding:5px 10px;
}

.sidenavigation ul
{
	list-style:circle;
	text-align:left;
	margin:15px 0 0 40px;
	padding:5px 10px;
}

.sidenavigation ul li
{
	font-size:90%;
	margin:0 0 1px;
	padding:2.5px 0;
}

.sidenavigation ul li:hover
{
	list-style:disc;
	background-image:url(/images/HorizontalGradient.jpg);
	background-repeat:repeat-y;
	background-position:left top;
}

.sidenavigation ul li a,.sidenavigation h2 a
{
	display:block;
	color:#000;
	padding-right:3px;
	text-decoration:none;
	border-right:none;
	margin:0;
}

.sidenavigation a:hover
{
	border:none;
	color:#000;
}

.sidenavigation h2 a
{
	color:#FFF;
	border:none;
}

.sidenavigation ul li a, .sidenavigation ul li a:active, .sidenavigation ul li a:visited, .sidenavigation ul li a:link
{
	text-decoration:underline;
	border: none;
}

.sidenavigation img
{
	border:none;
}
.sidenavigation h2 a:hover
{
	color:#FFD000;
	text-decoration:underline;
}




/* ------------- FOR COMMUNITY PAGE -----------*/


.communityrow
{
	height:auto;
	padding:5px;
}

.communityrow a img
{
	float:right;
	margin-left:5px;
	border:1px #000 solid;
}

.communityrow a img:hover
{
	border:1px #FFD700 solid;
}

.contactbox
{
	border:1px #000 solid;
	line-height:120%;
	font-size:80%;
	background-color:#FFD700;
	width:11.2em;
	height:21em;
	margin:5px;
	padding:5px;
}

.contactbox p
{
	margin-top:5px;
}

.captionedimage
{
	border:1px #000 solid;
	margin:5px;
	padding:2px;
}

.captionedimage img
{
	border:1px #000 solid;
	margin:2px 2px 0;
}

.captionedimage p
{
	text-align:center;
	font-size:90%;
	margin:0;
}

.footerpage
{
	clear:both;
	overflow:hidden;
	background-color:maroon;
	color:#FFF;
	width:100%;
	font-size:80%;
	border-top:1px #000 solid;
	border-bottom:thin #000 solid;
	text-align:left;
	padding:0;
}

/* ---------- CONTACT CARDS --------------*/
#contact-height-auto ul, .contact-height-auto ul, #contact-grid ul, .contact-grid ul
{
	list-style:none;
	margin:0;
	padding:5px 2px;
}

.fullname
{
	font-weight:700;
	font-size:120%;
	margin-bottom:5px;
}

#contact-height-auto
{
	border:1px #000 solid;
	line-height:120%;
	font-size:80%;
	background-color:#FFD700;
	width:11.2em;
	height:auto;
	text-align:center;
	margin:5px;
	padding:5px;
}

.contact-height-auto
{
	border:1px #000 solid;
	line-height:120%;
	font-size:80%;
	background-color:#FFD700;
	width:11.2em;
	height:auto;
	text-align:center;
	margin:5px;
	padding:5px;
}



#contact-grid ul
{
	border:1px #000 solid;
	line-height:120%;
	font-size:80%;
	background-color:#FFD700;
	width:20.2em;
	height:12.5em;
	float:left;
	margin:5px;
}

#contact-grid ul li img
{
	float:left;
	margin:5px;
}

.contact-grid ul
{
	border:1px #000 solid;
	line-height:120%;
	font-size:80%;
	background-color:#FFD700;
	width:20.2em;
	height:12.5em;
	float:left;
	margin:5px;
}

.contact-grid ul li img
{
	float:left;
	margin:5px;
}


/* ---------- ROUNDED BOXES --------------*/
* html .boxhead h2
{
	height:1%;
}

/* For IE 5 PC */
.sidebox
{
	width:17em;
	background:url(/images/roundedbox/sbbody-r.jpg) no-repeat bottom right;
	font-size:100%;
	margin:0 auto;
}

.boxhead
{
	background:url(/images/roundedbox/sbhead-r.jpg) no-repeat top right;
	text-align:center;
	margin:0;
	padding:0;
}

.boxhead h2
{
	background:url(/images/roundedbox/sbhead-l.jpg) no-repeat top left;
	color:#FFF;
	font-weight:700;
	font-size:1.2em;
	line-height:1em;
	text-shadow:rgba(0,0,0,.4) 0 2px 5px;
	margin:0;
	padding:22px 30px 5px;
}

.boxbody
{
	background:url(/images/roundedbox/sbbody-l.jpg) no-repeat bottom left;
	margin:0;
	padding:5px 30px 31px;
}

.boxhead h2 a:hover
{
	background:#ffd700;
	color:maroon;
}

.boxhead h2 a,.boxhead h2 a:visited
{
	color:#FFF;
}

/* ----------------- BOTTOMLINKS -------------*/

#bottomlinks
{
	clear:both;
	background-image:url(/images/bottomcontentgradient.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	font-size:70%;
	height:30px;
	padding:0 20px 5px;
}

#bottomlinks span a:link,#bottomlinks span a:visited,#bottomlinks span a:active
{
	color:#000;
	text-decoration:none;
}

#bottomlinks span a:hover
{
	color:maroon;
	text-decoration:underline;
}


/* ---------- FOOTER --------------*/

.msafooterlogo
{
	left:90%;
	top:-80px;
	position:relative;
	width:75px;
	height:76px;
}

.msabfooterlogo
{
	left:5%;
	top:-165px;
	position:relative;
	width:75px;
	height:76px;
}

.msabfooterlogo img,.msafooterlogo img,.msadfooterlogo img
{
	border-style:none;
}

.msabfooterlogo img:hover,.msafooterlogo img:hover,.msadfooterlogo img:hover
{
	border:solid 1px #ffd700;
	position:relative;
	top:-1px;
	left:-1px;
}


#footerinfo
{
	text-align:center;
	width:40em;
	margin:5px auto 5px 10px;
}

#footericons
{
	float:right;
	margin-right:10px;
	position:relative;
	top:-56px;
}

#footericons a img
{
	border:1px solid #000;
}

#footericons a:hover img
{
	border:1px solid #FFF700;
}

td,th
{
	font-family:Georgia, Times New Roman, Times, serif;
}

#toplogo a img, .content a img,#contact-height-auto ul li:first-child a,.footerpage a:link img, #bottomlinks a img
{
	border:none;
}

.footerpage a:hover
{
	color:#FFD000;
	text-decoration:underline;
}


.footerpage .rightfooterpage
{
	float:right;
}


.footerpage a:link,.footerpage a:visited,.footerpage a:active
{
	color:#FFF;
	text-decoration:none;
}