/* 
TRINITY COLORS

Lighter Green:  color: #5C5A38;
Darker Green:   color: #343014;
Orange:   color: #824817;
Red:   color: #4F1206;
Light Brown/Beige:   color: #DFDAD4;

TRINITY FONTS
Main font: Trebuchet MS
Serif font: Palatino;
*/

BODY
{
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	margin: 0px auto;
	font-size: 13px;
	background-color: #b2a6a2;
	/*
background-image: url(../images/bak.gif);
	background-repeat: repeat;
	background-position: left -7px;
*/
}

/*  PAGE LAYOUT  STYLES*/
#wrapper
{
	width: 900px;
	background-color: #fff;
	margin: 0px auto;
	background-image: url(../images/tan.gif);
	background-repeat: repeat-y;
}

/*
#homepage #wrapper {background-image: url(../images/tan.gif);}
*/

#topbar
{
	background-color: #5C5A38;
	color: #DFDAD4;
	width: 100%;
	height: 32px;
}

#topbar A
{
	font-size: 12px;
	color: #DFDAD4;
	text-decoration: none;
	font-weight: bold;
	line-height: 32px;
}

#topbar A:hover
{
	color: #4F1206;
	text-decoration: none;
}

#header
{
	font-family: Palatino, Times New Roman, serif;
	background-color: #DFDAD4;
	width: 900px;
	height: 176px;
	background-position: right top;
	background-repeat: no-repeat;
}

#homepage #header, #aboutpage #header { background-image: url(../images/home_header_image.jpg); }
#academicspage #header { background-image: url(../images/academics_header_image.jpg); }
#admissionspage #header { background-image: url(../images/admissions_header_image.jpg); }
#studentspage #header { background-image: url(../images/students_header_image.jpg); }
#parentspage #header { background-image: url(../images/parents_header_image.jpg); }
#supportpage #header { background-image: url(../images/support_header_image.jpg); }
#alumnipage #header { background-image: url(../images/alumni_header_image.jpg); }
#contactpage #header { background-image: url(../images/contact_header_image.jpg); }

#header H1
{
	font-weight: normal;
	color: #4F1206;
	letter-spacing: 2px;
	margin: 0;
	padding-top: 35px;
	font-size: 30px;
}

.tagline
{
	font-size: 13px;
	font-style: italic;
	color: #343014;
	letter-spacing: 1px;
}

#header P
{
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: #4F1206;
}

#leftcol
{
	clear: both;
	position: relative;
	background-color: #DFDAD4;
	width: 160px;
	margin-top: -17px;
	float: left;
	padding: 5px;
	z-index: 20;
}

#leftcolsub
{
	clear: both;
	float: left;
	width: 160px;
	z-index: 20;
}

#middlecol
{
	display: block;
	top: auto;
	width: 75%;
	/*position: relative;*/
	margin-left: 170px;
	padding: 20px 0 10px 20px;
	z-index: 20;
}

/* NAVIGATION STYLES */
#nav, #nav_attach_parent
{
	position: relative;
	top: 0;
	z-index: 0;
	height: 25px;
	background-color: #824817;
	margin: -13px 0px;
}

#nav ul, #nav_attach_parent ul { margin-left: 135px; }

#nav li, #nav_attach_parent li
{
	font-size: 12px;
	float: left;
	padding: 5px 8px 0px 8px;
	list-style-type: none;
	background-image: url(../images/redarrownav.gif);
	background-repeat: no-repeat;
	background-position: right 9px;
}

#nav li A, #nav_attach_parent li A
{
	color: #DFDAD4;
	text-decoration: none;
	font-weight: bold;
}

/* SUBMENU STYLES */
#dropmenudiv
{
	position: absolute;
	border: 1px solid #fff;
	border-bottom-width: 0;
	font-size: 11px;
	line-height: 20px;
	z-index: 100;
	margin-top: 4px;
}

#dropmenudiv a
{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #fff;
	padding: 1px 0;
	text-decoration: none;
	font-family: Verdana;
}

#dropmenudiv a:hover
{
	/*hover background color*/
	background-color: #4F1206;
	color: #fff;
}

.subnavs
{
	top: auto;
	margin-left: 170px;
	padding: 20px 0 10px 20px;
	position: absolute;
	width: 900px;
	font-size: 11px;
	background: transparent;
}

/*
.subnavs A:hover {background-color: #4F1206; color: #fff;}
*/

.topNavBar
{
	background-color: #DFDAD4;
	visibility: hidden;
	width: 145px;
	position: relative;
	float: left;
	top: -6px;
	right: auto;
	bottom: auto;
	margin-left: -7px;
	text-align: left;
	z-index: 30;
}

.topNavBar2
{
	background-color: #DFDAD4;
	visibility: hidden;
	width: 136px;
	position: relative;
	/*float: right; */
	top: -15px;
	right: auto;
	bottom: auto;
	margin-left: 570px;
	text-align: left;
	z-index: 30;
}

.topNavBar2 A, .topNavBar2 A:link, .topNavBar2 A:visited
{
	font-family: verdana;
	text-decoration: none;
	/*font-weight: bold;*/
	font-size: 11px;
	width: 125px;
	padding: 5px;
	display: block;
	border: 1px solid #fff;
}

/* BASIC STYLES */
LI
{
	padding-bottom: 5px;
	line-height: 150%;
}

A { color: #4F1206; }

H1
{
	color: #4F1206;
	font-size: 16px;
}

H2
{
	color: #824817;
	font-size: 14px;
}

H3
{
	font-size: 13px;
	color: #343014;
}

A:hover { color: #5C5A38; }

/* LEFT COLUMN STYLES */
#leftcol div
{
	background-color: #343014;
	margin: -8px -5px 5px -5px;
	padding-left: 5px;
}

#leftcol h1
{
	height: 12px;
	color: #DFDAD4;
	/*width: 100%;*/
	font-size: 12px;
	padding: 7px 3px;
}

#leftcol H1 A
{
	color: #824817;
	text-decoration: none;
}

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

#newsitems P
{
	margin-top: 0;
	padding-top: 0;
}

#inthenews {border: 1px dotted #824817; width: 100%; padding: 10px; border-bottom: 40px solid #4F1206;}



#leftcol P
{
	font-size: 11px;
	padding: 3px 0;
}

.arrowlistmenu
{
	margin-top: 30px;
	width: 170px;
	/*width of menu*/
}

.arrowlistmenu .headerbar
{
	font-size: 14px;
	border-bottom: 1px solid #4F1206;
	/*background-color: ;*/
	margin-bottom: 10px;
	/*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 4px 0 4px 10px;
	/*header text is indented 10px*/
}

.headerbar A
{
	color: #824817;
	text-decoration: none;
}

.arrowlistmenu ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px;
	/*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li
{
	padding-bottom: 2px;
	/*bottom spacing between menu items*/
}

.arrowlistmenu ul li a
{
	color: #343014;
	background: url(../images/arrowrightsm.gif) no-repeat 10px center;
	/*custom bullet list image*/
	display: block;
	padding: 2px 0;
	padding-left: 29px;
	/*link text is indented 19px*/
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

.arrowlistmenu ul li a:visited { color: #343014; }

.arrowlistmenu ul li a:hover
{
	/*hover state CSS*/
	color: #5C5A38;
	/*background-color: #F3F3F3;*/
}

/* MAIN COLUMN STYLES */
#middlecol IMG { border: 2px solid #343014; }
#studentspage #middlecol IMG, #homepage #middlecol IMG, .fundraising #middlecol IMG { border: none; }
#calendarpage #leftcol { background-color: #fff; }

#calendarpage #middlecol
{
	width: 885px;
	margin-left: -20px;
	margin-top: -40px;
}

#photobar
{
	background-color: #824817;
	/*
position: relative;*/
	margin-left: -21px;
	margin-top: -7px;
	background-image: url(../images/treebak.jpg);
	background-repeat: no-repeat;
	height: 298px;
	width: 108.3%;
	margin-bottom: 20px;
}

#header3
{
	position: absolute;
	margin: 28px 32px 28px 336px;
	overflow: hidden;
	z-index: 50;
	width: 373px;
	height: 249px;
}

.blend img
{
	opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	filter: alpha(opacity=0);
}

#caption
{
	position: absolute;
	color: #DFDAD4;
	font-size: 28px;
	font-family: Palatino, Times New Roman, serif;
	font-style: italic;
	width: 326px;
	z-index: 200;
	margin-top: 270px;
	margin-left: 20px;
}

.callout
{
	float: right;
	padding: 10px;
	width: 200px;
	background-color: #DFDAD4;
	margin: 0 0 10px 10px;
	border: 2px solid #343014;
	font-size: 16px;
	font-family: Palatino, Times New Roman, serif;
	color: #4F1206;
	font-style: italic;
	line-height: 136%;
}

.callout div { padding: 0 5px 0 11px; }

.calloutgen
{
	float: right;
	padding: 10px;
	background-color: #DFDAD4;
	margin: 0 0 10px 10px;
	border: 2px solid #343014;
	line-height: 136%;
}

/* Faculty Directory styles */
.faculty_table TR TH
{
	background-color: #5C5A38;
	color: #fff;
	text-align: left;
}

.faculty_table TD { font-size: 11px; }
.faculty_table TR TD:first-child, #numbers_table TR TD:first-child { font-weight: bold; }
#academicspage .faculty_table TD { font-size: 12px; }

/* 
Uniform Table Styles

	TableCloth	
	by Alen Grakalic, brought to you by cssglobe.com
	
*/

/* general styles */
.uniform_table
{
	width: 100%;
	border-collapse: collapse;
	margin: 1em 0;
}

.uniform_table th, .uniform_table td
{
	text-align: left;
	padding: .5em;
	border: 1px solid #fff;
}

.uniform_table th
{
	background-color: #5C5A38;
	color: #fff;
}

.uniform_table td { background-color: #ebebeb; }

/* tablecloth styles */
.uniform_table tr.even td, .uniform_table tr.odd td { background: #DFDAD4; }
.uniform_table th.over, .uniform_table tr.even th.over, .uniform_table tr.odd th.over { background: #343014; }

/*
th.down, tr.even th.down, tr.odd th.down{}
th.selected, tr.even th.selected, tr.odd th.selected{background:#f00;}
*/

.uniform_table td.over, .uniform_table tr.even td.over, .uniform_table tr.odd td.over { background: #e3e3e3; }

.uniform_table td.down, .uniform_table tr.even td.down, .uniform_table tr.odd td.down
{
	background: #e3e3e3;
	color: #000;
}

.uniform_table td.selected, .uniform_table tr.even td.selected, .uniform_table tr.odd td.selected
{
	background: #e3e3e3;
	color: #333;
}

/* use this if you want to apply different styleing to empty table cells*/
.uniform_table td.empty, .uniform_table tr.odd td.empty, .uniform_table tr.even td.empty { background-color: #fff; }

/* Tuition and Fees Table Styles */
#fees_table TH
{
	background-color: #5C5A38;
	color: #fff;
}

#fees_table TD:first-child { text-align: left; }
#fees_table TD { text-align: center; }

/* Programs and Resources pages */
.staffhilite
{
	float: right;
	width: 200px;
	margin: 0 0 0 20px;
	background-color: #DFDAD4;
	padding: 10px;
}

.fourcol
{
	width: 200px;
	float: left;
	margin: 0px 12px;
}

.programtext
{
	position: relative;
	top: -35px;
	padding: 10px 0 10px 5px;
	float: left;
}

.programtext A
{
	color: #fff;
	font-size: 16px;
	text-decoration: none;
}

.programtext A:hover { color: #824817; }

#aboutpage .fourcol .programtext
{
	background-color: #343014;
	postion: inherit;
	top: 0;
	width: 200px;
	color: #fff;
	text-align: center;
	margin-bottom: 10px;
}

#aboutpage .fourcol P {line-height: 100%; font-size: 12px; padding-left: 10px;}

/* Volunteer Oppoerunities page */
/*	Vertical Accordions */
.accordion_toggle
{
	display: block;
	height: 30px;
	width: 95%;
	background-image: url(../images/plus.gif);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-color: #5C5A38;
	padding: 0 10px 0 10px;
	line-height: 30px;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 13px;
	color: #fff;
	border-bottom: 1px solid #333;
	cursor: pointer;
	margin: 0 5px 5px 0;
}

.accordion_toggle:hover
{
	background-color: #343014;
	background-image: url(../images/minus.gif);
	background-repeat: no-repeat;
	background-position: 95% center;
}

.accordion_toggle_active
{
	background-color: #343014;
	color: #ffffff;
	border-bottom: 1px solid #333;
	background-image: url(../images/minus.gif);
	background-repeat: no-repeat;
	background-position: 95% center;
}

.accordion_toggle_active:hover
{
	background-color: #5C5A38;
	background-image: url(../images/plus.gif);
	background-repeat: no-repeat;
	background-position: 95% center;
}

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

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

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

.volunteer
{
	background-color: #DFDAD4;
	width: 95%;
}

/* External links */
.external { border-bottom: 1px double #4F1206; }
.external:hover { border-bottom: 1px double #5C5A38; }

/* Community page */
#list_layout
{
	display: table;
	width: 100%;
}

#list_layout div
{
	display: table-cell;
	float: left;
	width: 45%;
	padding: 5px;
	border: 2px solid #343014;
	margin: 5px;
	height: 170px;
}

#list_layout div b
{
	display: block;
	background-color: #5C5A38;
	color: #DFDAD4;
	font-size: 14px;
	padding: 5px;
	width: 95%;
}

#pp
{
	width: 200px;
	background-color: #824817;
	text-align: center;
	padding: 5px;
	margin-left: -10px;
	float: left;
	background-image: url(../images/arrowright.gif);
	background-repeat: no-repeat;
	background-position: 177px center;
	position: absolute;
	margin-top: -37px;
	z-index: 20;
}

#pp A
{
	font-size: 14px;
	color: #dfdad4;
	text-decoration: none;
}

#pp:hover
{
	background-image: url(../images/arrowrightover.gif);
	background-repeat: no-repeat;
	background-position: 177px center;
}

#pp A:hover { color: #5C5A38; }

.grades #middlecol h1
{
	z-index: 20;
	border-bottom: 1px solid #4F1206;
	position: absolute;
	width: 650px;
	padding-top: 10px;
	padding-left: 20px;
}

#initial_cap
{
	z-index: 0;
	position: relative;
	width: 80px;
	height: 88px;
	font-size: 106px;
	color: #DFDAD4;
	font-style: italic;
	font-family: Palatino, Times New Roman, serif;
	float: left;
	padding-bottom: 10px;
}

/* Campus Map Sliding Panel */


.allpanels {
position: absolute;
width: 284px;
height: 693px;
padding: 0px 30px 0px 20px;
display: none;
background: #fff;
border:1px solid #5C5A38;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;

filter: alpha(opacity=95);
opacity: .95;
}

#maptop {background-color: #C4CF9A; 
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
margin-bottom: -11px;
}

#maptop H1 {padding: 20px 10px 10px 20px; }
*+html #maptop H1 {position: relative; z-index: 100;}

#panel_list {margin-left: -40px; margin-top: 0px; list-style-type: none; font-size: 10px;}
*+html #panel_list {margin: 0px;}

#panel_list LI {padding: 10px; border-bottom: 1px solid #fff; text-transform: uppercase;}
#panel_list LI:hover {background-color: #343014; color: #fff;}

.odd {background-color: #d2dcaa;}

.columns{
clear: both;
width: 330px;
padding: 0 0 20px 0;
line-height: 22px;
}

.colleft{
float: left;
width: 130px;
line-height: 22px;
}

.colright{
float: right;
width: 130px;
clear: both;
/*line-height: 22px;*/
}

.allpanels h2 {margin-left: -10px; color: #5C5A38;}
*+html .allpanels h2 {padding-top: 5px;}
a.trigger1, a.trigger2, a.trigger3, a.trigger4, a.trigger5, a.trigger6, a.trigger7, a.trigger8, a.trigger9, a.trigger10, a.trigger11, a.trigger12, a.trigger13, a.trigger14, a.trigger15, a.trigger16, a.trigger17 {color:#824817; text-decoration: none; font-weight: bold;}
a.trigger1:hover, a.trigger2:hover, a.trigger3:hover, a.trigger4:hover, a.trigger5:hover, a.trigger6:hover, a.trigger7:hover, a.trigger8:hover, a.trigger9:hover, a.trigger10:hover, a.trigger11:hover, a.trigger12:hover, a.trigger13:hover, a.trigger14:hover, a.trigger15:hover, a.trigger16:hover, a.trigger17:hover {color: #DFDAD4;}

.allpanels img
{
	margin-left: -20px;
	border: 0px none;
}
.allpanels .line {margin-left: -20px; background-color: #DFDAD4; width: 324px; height: 20px; margin-top: -2px; padding-left: 10px; font-size: 11px; padding-top: 5px; margin-bottom: -5px;}

.close {float: right; font-size: 11px; margin-right: -20px; }
*+html .close {margin-top: 5px;}
.close SPAN {border: 1px solid #930; background-color: #930; color: #fff; font-size: 10px; }

.tabcontent{
clear: left;
display:none;
padding: 10px;
}

@media print {
.tabcontent {
display:block !important;
}
}

.lyrall {position:absolute; visibility:hidden; z-index:30; width: 300px; height: 600px; background-color: #fff; }

/* FOOTER */
#footer
{
	background-color: #5C5A38;
	clear: both;
	padding: 10px;
	font-size: 11px;
	width: 880px;
	color: #DFDAD4;
	height: 15px;
}

#footer DIV
{
	float: right;
	padding-right: 10px;
}

#footer A
{
	color: #DFDAD4;
	text-decoration: none;
	margin-right: 8px;
}

#footer A:hover { color: #4F1206; }
P, TD { line-height: 150%; }

#inthenews IMG {border: 0;}