/* RSPS COLORS

"Dark" Yellow: #ffcc00
"Light" Yellow: #F2E3AA
"Dark"  Blue: #003366
"Light" Blue: #7F99B2
Red: #8E1814
*/

BODY
{
	font-family: "Trebuchet MS", Verdana,"Lucida Sans","Lucida Sans Regular", Arial,Helvetica,sans-serif;
	margin: 7px auto;
	font-size: 13px;
	background-color: #000;
	width: 845px;
	text-align: center;
}

H1
{
	color: #8E1814;
	font-size: 18px;
	padding-top: 20px;
}

H2
{
	color: #036;
	font-size: 16px;
}

H3
{
	color: #7F99B2;
	font-size: 15px;
	text-transform: uppercase;
}

A { color: #036;}
A:hover { color: #7F99B2;  }
LI { padding-bottom: 5px; }
.clearit { clear: both; }

#wrapper
{
	width: 845px;
	background-color: #F2E3AB;
	margin: 7px auto;
	text-align: left;
	background-image: url(../images/yellowfade.jpg);
	background-repeat: repeat-x;

}

#wrapper #topcircle
{
	background-image: url(../images/topcircle.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#topbar
{
	width: 845px;
	height: 190px;
	color: #036;
	font-size: 12px;
}

#topbar P
{
	padding-top: 22px;
	margin-left: -20px;
}

#nav
{
	clear: both;
	margin: 0px auto;
	padding-bottom: 5px;
	height: 25px;
	width: 800px;
	z-index: 2;
	position: relative;
	background-color: #F2E3AA;
	
	}

#nav UL
{
	clear: both;
	list-style-type: none;
	margin: 0px auto -25px -20px;
	width: 800px;
	height: 25px;

}

*+html #nav
{
	padding-top: 0;
	margin-top: -10px;
	margin-left: 20px;
	width: 803px;
}

*+html #nav UL {margin-left: 10px; }

#nav LI
{
	float: left;
	height: 25px;
	font-weight: bold;
	/*text-align: center;*/
	color: #8E1814;
	margin-top: 5px;
	margin-bottom: -5px;
}

#nav LI A
{
	display: block;
	margin: 2px 13px 0 13px;
	text-decoration: none;
	color: #036;
	font-size: 10pt;
	text-transform: uppercase;
	/*width: 117px;*/
}

#nav LI A:hover { color: #8E1814; }
#aboutpage #aboutnav A, #admissionspage #admissionsnav A, #academicspage #academicsnav A, #familiespage #familiesnav A, #givingpage #givingnav A, #contactpage #contactnav A { color: #8E1814; }


/* SUBMENU STYLES */
#dropmenudiv
{
	position: absolute;
	border: 1px dotted #036;
	/*border-bottom-width: 0;*/
	font-size: 12px;
	line-height: 20px;
	z-index: 2200;
	margin: 8px auto auto -13px;
	width: 164px;
	/*
opacity: .85;
	filter: alpha(opacity=85);
*/
	background-color: #8E1814;
	background-image: url(../images/navbak.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 5px\9;
}



*+html #dropmenudiv, *+html #homepage #dropmenudiv { margin-top: 5px; }


#dropmenudiv a
{
	width: 100%;
	display: block;
	text-indent: 8px;
	border-top: 1px dotted #fff;
	padding: 1px 0;
	text-decoration: none;
	/*font-family: Verdana;*/
	color: #fff;
	/*font-weight: bold;*/
	text-align: left;
}

#dropmenudiv a:first-child { border-top: 2px solid #000; }

#dropmenudiv a:hover
{
	/*hover background color*/
	background-color: #036;
	color: #fc0;
	/*	border-bottom: 1px solid #fff;*/
}

/* CONTENT BOX */
#content
{
	width: 800px;
	/*position: relative;*/
	margin: 0 auto;
	/*margin: -19px -22px 10px 22px;*/
	background-color: #FFF;
	background-image: url(../images/leftcolblue.gif);
	background-repeat: repeat-y;
	background-position: left top;
	z-index: 1;
	top: 2px\9;
}

#homepage #content { clear: both; background-image: none; background-color: transparent; 
	}

#homepage #content table
{
	
	width: 822px;
	
	

}

#homepage #content, #calendarpage #content
{
	background-color: transparent;
	background-image: none;
}



/* LEFT COLUMN  */
#leftcol
{
	clear: left;
	width: 245px;
	margin: 0px;
	float: left;
	background-color: #036;
	background-image: url(../images/leftbartitle.gif);
	background-repeat: no-repeat;
	background-position: left top;

	padding-top: 0;
}

*+html #leftcol { margin-top: 0px; }

#leftcol H2
{
	font-size: 18px;
	padding: 8px 0 0 60px;
	color: #8E1814;
}

#homepage TABLE #leftcol
{
	
	float: none;
	width: 245px;
	
	margin: 0;
	padding:0;
}



*+html #homepage #leftcol { margin-top: 6px; }
*+html #homepage #leftcol H2, *+html #contactpage #leftcol H2 { padding-top: 20px; }
#specialeventsoff { margin-top: 0px; margin-top: -12px;}
.social_badges { margin-top: 23px; }
*+html #specialeventsoff { margin-top: -30px; }
*+html .social_badges { margin-top: 5px; }
#specialeventshide {visibility: hidden;}


#quicklinks, #leftsublinks
{
	/*background-color: #036;*/
	width: 210px;
	margin-top: 10px;
}

#quicklinks UL { list-style-type: none; }
.list { list-style-image: url(../images/goldarrow.gif); }

#leftsublinks A
{
	display: block;
	margin-left: 40px;
}

#quicklinks LI, #leftsublinks A
{
	line-height: 180%;
	padding-left: 10px;
}

#quicklinks LI A, #leftsublinks  A
{
	color: #F2E3AA;
	text-decoration: none;
	font-size: 13px;
}

#quicklinks LI A:hover, #leftsublinks  A:hover { color: #7F99B2; }
#leftcol #quicklinks { margin-left: -10px; }
*+html #leftcol #quicklinks { margin-left: -15px; }

/* RIGHT COLUMN  */
#rightcol
{   
	width: 514px;
	margin: -10px 0 0 245px;
	background-color: #fff;
	padding: 10px 20px;
}



#homepage .homelink { display: none; }

/* HOME PAGE PHOTOS */
#hp_photo
{
	margin: 0px;
height: 368px;
	background-color: transparent;
	position: relative;

}



/* HOME PAGE TABS */
#tabs
{
	width: 554px;
	background-color: #8E1814;
	color: #FFFBDA;
	height: 25px;
	font-size: 16px;
	
}

*+html #tabs { margin-top: 32px; }

/* HOME PAGE NEWS */
.news
{
	display: table-cell;
	padding: 5px;
	margin: 0 auto;
	font-size: 11px;
	width: 47%;
	line-height: 110%;
	float: left;
	min-height: 300px;
}

.news H1
{
	font-size: 14px;
	padding: 7px 5px;
	margin-top: 0;
	margin-bottom: 0;
}

.news P
{
	padding: 2px 5px 3px 5px;
	margin: 0 0 4px 0;
	line-height: 125%;
}

.hotnews { color: #900; }

.newstitle
{
	font-weight: bold;
	color: #8E1814;
	font-size: 12px;
}

#signup
{
	background-color: #036;
	border: 3px solid #CCAD38;
	width: 250px;
	float: right;
	text-align: center;
	color: #FFF;
	margin-top: -40px;
	font-size: 10px;
}

#signup A
{
	color: #FFFBDA;
	text-decoration: none;
}

#signup A:hover { color: #CCAD38; }

#hp_box
{
	background-color: #FFFBDA;
	width: 275px;
	padding: 3px 7px 3px 7px;
	line-height: 151%;
	/*margin: 0 20px 10px 0;*/
	text-align: justify;
	margin-bottom: 30px;
}

#hp_box B { font-size: 14px; }

#assoc_table TR TH, #assoc_table2 TR TH
{
	background-color: #7F99B2;
	color: #036;
	text-align: left;
	font-size: 13px;
}

#assoc_table TD { font-size: 13px; border: 1px solid #7F99B2;}

/*	Vertical Accordions PAGES*/
.accordion_toggle
{
	display: block;
	/*height: 30px;*/
	/*width: 95%;*/
	background-image: url(../images/arrowdownql.gif);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #7F99B2;
	padding: 10px 10px 10px 35px;
	/*line-height: 30px;*/
	font-weight: bold;
	text-decoration: none;
	outline: none;
	font-size: 13px;
	color: #036;
	border-bottom: 2px solid #fff;
	cursor: pointer;
	margin: 0;
}

#leftcol .accordion_toggle { border-bottom: 2px solid #036; }

.accordion_toggle:hover
{
	background-color: #036;
	background-image: url(../images/minus.gif);
	background-repeat: no-repeat;
	background-position: 3px center;
	color: #fff;
}

.accordion_toggle_active
{
	background-color: #fc0;
	color: #036;
	background-image: url(../images/minus.gif);
	background-repeat: no-repeat;
	background-position: 3px center;
}

.accordion_toggle_active:hover
{
	background-color: #7F99B2;
	background-image: url(../images/arrowdownql.gif );
	background-repeat: no-repeat;
	background-position: left center;
	color: #fff;
}

.accordion_content
{
	background-color: #ffffff;
	overflow: hidden;
	padding: 10px;
}

.accordion_content h2
{
	margin: 15px 0 5px 10px;
	color: #0099FF;
}

.accordion_content p
{
	line-height: 150%;
	padding: 0px 10px 5px 10px;
}

#leftcol .accordion_toggle
{
	background-color: #7F99B2;
	margin-top: 20px;
	width: 140px;
	color: #8E1814;
	background-image: url(../images/arrowdownql.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 5px 40px 5px 0;
	text-align: right;
}

#leftcol .accordion_content
{
	background-color: transparent;
	padding-bottom: 0;
}

.circle, .circle2
{
	float: left;
	text-align: center;
	width: 180px;
	height: 25px;
	z-index: 1000;
	position: relative;
	top: -25px;	
	height: 16px\9;
	font-size: 12px;
	padding: 10px 0px;
	background-image: url(../images/redtab.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: -25px;
	margin-right: 1px;
}

.circle A, .circle2 A
{
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
}

.circle2
{
	/*	background-color: #036;*/
	background-image: url(../images/bluetab.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	/*
top: -48px;
	margin-bottom: -50px;
*/
}

*+html .circle, *+html .circle2 {height: 30px;}

#subcontent, #subcontent2
{
	position: absolute;
	visibility: hidden;
	
	background-color: #fff;
	width: 550px;
	height: 364px;
	z-index: 1000;
	border: 2px solid #036;
	margin-left: 374px;
	margin-top: 25px;
	
}

#subcontent2 { margin-left: 192px;}

*+html #subcontent, *+html #subcontent2 {height: 358px;}
*+html #subcontent2 TD {border-color:transparent !important;}
#newslink, #calendarlink {display: block; width: 180px; height: 50px; height: 40px\9; margin-top: -10px; padding-top: 10px;}
*+html #newslink, *+html #calendarlink {height: 40px;}

/* Tiny Scrollbar */
#scrollbar1
{
	width: 550px;
	margin: 0px 0 10px;
}

#scrollbar1 .viewport
{
	width: 530px;
	height: 330px;
	overflow: hidden;
	position: relative;
}

#scrollbar1 .overview
{
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
}

#scrollbar1 .scrollbar
{
	background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0;
	position: relative;
	background-position: 0 0;
	float: right;
	width: 15px;
}

#scrollbar1 .track
{
	background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%;
	height: 100%;
	width: 13px;
	position: relative;
	padding: 0 1px;
}

#scrollbar1 .thumb
{
	background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;
	height: 20px;
	width: 25px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: -5px;
}

#scrollbar1 .thumb .end
{
	background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0;
	overflow: hidden;
	height: 5px;
	width: 25px;
}

#scrollbar1 .disable { display: none; }



#subcontent H1, #subcontent2 H1
{
	background-color: #fc0;
	color: #036;
	text-align: center;
	margin-bottom: 5px;
	font-size: 14px;
}

#footer
{   margin-top: 20px;
	clear: both;
	background-color: #000;
	padding: 10px 0 10px 10px;
	color: #c90;
	font-size: 11px;
	width: 836px;
	text-align: center;
	height: 30px;
}

#footer P
{
	color: #fff;
	font-size: 13px;
	line-height: 150%;
	font-weight: bold;
	width: 55%;
	margin: 15px auto;
}