/* THE FOLLOWING SETS CLASSES FOR LINKS */

/* Sets link style/color for main text and footer text navigation */
A:link {color: Maroon; text-decoration: underline}
A:visited {color: Maroon; text-decoration: underline}
A:hover {color: navy; text-decoration: underline}

/* Sets link style/color for four main navigation sections */
A.italics:link {color: navy; text-decoration: none; font-weight: bold}
A.italics:visited {color: navy; text-decoration: none; font-weight: bold}
A.italics:hover {color: Maroon; text-decoration: none; font-weight: bold; font-style: italic}

/* Sets link style/color for 'on' state of four main navigation sections  */
A.mainnavlink:link {color: Maroon; text-decoration: none; font-weight: bold; font-style: italic}
A.mainnavlink:visited {color: Maroon; text-decoration: none; font-weight: bold; font-style: italic}
A.mainnavlink:hover {color: Maroon; text-decoration: none; font-weight: bold; font-style: italic}

/* Sets link style/color for secondary navigation sections */
A.subnavlink:link {color: Maroon; text-decoration: none; font-weight: bold}
A.subnavlink:visited {color: Maroon; text-decoration: none; font-weight: bold}
A.subnavlink:hover {color: Maroon; text-decoration: none; font-weight: bold; font-style: italic}

/* Sets link style/color for tertiary navigation sections - USED ONLY FOR 'OUR SCHOOL' */
A.subnav2link:link {color: Maroon; text-decoration: none}
A.subnav2link:visited {color: Maroon; text-decoration: none}
A.subnav2link:hover {color: Maroon; text-decoration: none; font-weight: bold; font-style: italic}

/* Sets link style/color for white box on homepage and faculty link at top of page in OUR SCHOOL section */
A.bluelink:link {color: navy; text-decoration: underline}
A.bluelink:visited {color: navy; text-decoration: underline}
A.bluelink:hover {color: Maroon; text-decoration: underline}




/* THE FOLLOWING SETS CLASSES FOR TEXT */

/* Sets main text on entire site */
.maintext {font-family: verdana, arial, sans-serif; font-size: 13px; color: #000000}

.maintextSM {font-family: verdana, arial, sans-serif; font-size: 11px; color: #000000}

TBODY {font-family: verdana, arial, sans-serif; font-size: 11px; color: #000000}

/* Sets text for photo captions and bullets/school address on homepage */
.bluetext {font-family: verdana, arial, sans-serif; font-size: 11px; color: navy}

/* Sets scrollbar text */
.scrollbar {font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFCC}

/* Sets footer text navigation links */
.subtext {font-family: verdana, arial, sans-serif; font-size: 10px; color: #000000}

/* Sets text for section headers */
.header {font-family: verdana, arial, sans-serif; font-size: 14px; font-weight: bold; color: black}

/* Sets bullets */
LI {font-family: verdana, arial, sans-serif; font-size: 11px; color: navy}




/* THE FOLLOWING SETS CLASSES FOR NAVIGATION */

/* Sets font/color for four main navigation sections */
.mainnav {font-family: verdana, arial, sans-serif; font-size: 13px; font-weight: bold; font-style: normal; color: navy}

.mainnavon {font-family: verdana, arial, sans-serif; font-size: 13px; font-weight: bold; font-style: italic; color: Maroon}

/* Sets font/color for secondary navigation sections */
.subnav {font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: bold; font-style: normal; color: Maroon}

.subnavon {font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: bold; font-style: italic; color: Maroon}

/* Sets font/color for tertiary navigation sections - USED ONLY FOR 'OUR SCHOOL' */
.subnav2 {font-family: verdana, arial, sans-serif; font-size: 11px; font-style: normal; color: Maroon}

.subnav2on {font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: bold; font-style: italic; color: Maroon}

.pagetitle {font-family: verdana, arial, sans-serif; font-size: 18px; font-weight: bold; font-style: normal; color: navy}

.dkblue {
	font-family: dearJoe;
	font-size: 66pt;
	font-style: italic;
	color: #FFFFFF;
	line-height: 40px;
}
.dkbluemain {
	font-family: "Myriad Condensed Web", "Myriad Web";
	font-size: 20pt;
	font-style: italic;
	line-height: 45px;
	text-transform: capitalize;
	color: #FFFFFF;
	}
.Maroonmain {
	font-family: dearJoe;
	font-size: 66pt;
	font-style: italic;
	color: #812841;
	line-height: 40px;	
}
.quicklinks {
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: navy;

}
.quicklinks2 {
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: navy;
	text-decoration: none;
}
.quicklinks2:link {color:navy; 	text-decoration: none;}
.quicklinks2:hover {color: Maroon; 	text-decoration: none;}
.quicklinks ul {
	text-align: left;
	margin-left: 15px; margin-top: 4px;
}
.quicklinks p { color:black;}

.style7 {color: Maroon}
.style9 {font-size: 11px}
.style2 {	color: #000000;
	font-size: 11px;
}
.style1 {font-size: 15px}
.style6 {font-size: 13px}
.style17 {color: #000000}
.style18 {font-size: 11px; font-weight: bold; font-family: verdana, arial, sans-serif;}


dl.menu, dt, dd {
margin: 0;
padding: 0;
list-style-type: none;
	font-family:Palatino, 'Palatino Linotype', Georgia, Utopiaserif;
	font-size: 12pt;
	color: #990066;
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: none;
}
dl.menu li {
margin: 0;
padding: 0;
list-style-type: none;
	font-family:Palatino, 'Palatino Linotype', Georgia, Utopiaserif;
	font-size: 12pt;
	color: #990066;
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: none;
}

#menu {
position: absolute;
float: center;
top: 0;
left: 0;
margin-left: auto;
margin-right: auto;
z-index:100;
width: 100%; /* precision for Opera */
}
#menu dl {
float: left;
text-align: left;
width: 9em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
/* background: #ccc;
 border: 1px solid gray; 
margin: 1px; */
}
#menu dd {
display: none;
/* border: 1px solid gray; */
}
#menu li {
list-style-type: none;
text-align: center;
background: #990066;
color: #FFFFFF;
}
#menu li a, #menu dt a {
list-style-type: none;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #87005a;
color: #FFFFFF;
list-style-type: none;
}
.menutext {
	font-family:Palatino, 'Palatino Linotype', Georgia, Utopiaserif;
	font-size: 11pt;
	color: #990066;
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: none;
}

.mentions {
position: absolute;
top : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}

			
		
		#menu_wrapper {
    width: 850px;
    text-align: left;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -425px;
}

.Article {
   column-count: 2;
   column-gap: 20px;
}