/* CSS Document */

/* SITE COLORS */
/* #EEE8C5 = Background */
/* #D4BF95 = TopNav BG Hover */
/* #002A40 = TopNav Text Hover */
/* #000000 = Black */
/* #0063BE = Link Color */

body, div#cms_Content {
	background-color: #EEE8C5;
	background-image: url(../images/BG-Header.jpg);
	background-repeat: repeat-x;
	background-position: 0px 30px;
	padding: 0;
	margin: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #575A5D;
    text-align: center;
}
body.aboutus #topNav div #aboutus,
body.students #topNav div #students,
body.parents #topNav div #parents,
body.acadlife #topNav div #acadlife,
body.ministry #topNav div #ministry,
body.stulife #topNav div #stulife,
body.admissions #topNav div #admissions,
body.contact #topNav div #contact,
body.dvdoffer #topNav div #dvdoffer,
body.slssesquicentennial #topNav div #slssesquicentennial,
body.sitemap #topNav div #sitemap {
	color: white;
	background-image: url(../images/BG-topNavUnder.gif);
	background-repeat: repeat-x;
}


/* SET PAGE TABLE TO FULL HEIGHT */
#table_main {
    border-collapse: collapse;
    margin-left: auto;      /* Makes Mozilla center the table */
    margin-right: auto;
    width: 100%;
}

h1 {
	color: #A55121;
	font-size: 1.3em;
	padding: 0;
	margin: 0;
}
h2, h2 a {
	color: #004065;
	font-size: .95em;
	padding: 0;
	margin: 0 0 10px 0;
}
h3 {
	color: #333333;
	font-size: .75em;
	padding: 0;
	margin: 6px 0 0px 0;
	line-height: 1.1em;
}
	h3.calentry {
		color: #666666;
		font-weight: normal;
		margin: 10px 0 4px;
		padding: 0;
	}
h4 {
	color: #333333;
	font-size: .68em;
	padding: 0;
	margin: 0;
}
h5 {
	color: #0063be;
	font-size: .75em;
	padding: 0;
	margin: 0;
}
p, div.eventlisting {
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: .68em;
	padding: 0;
	margin: 0 0 8px 0;
	line-height: 1.3em;
}
a {
	color: #0063BE;
	text-decoration: none;
}
a:visited {
	color: #0063BE;
}
a:hover {
	text-decoration: underline;
}
a:hover img {
/*	background-color: none;*/
}
hr {
	/*color: #D4BF95;*/
    color: #d4bf95;
    background-color: #d4bf95;
	height: 1px;
    border-style: none;
}
table {
	table-layout: fixed;
	border-collapse: collapse;
}
td {
	padding: 0;
	border-collapse: collapse;
	vertical-align: top;
	text-align: left;
}
ul {
	padding: 0;
	margin: 0;
}
ul li, ul ul li {
	padding: 0;
	margin: 0;
	list-style: none;
}
ol {
	padding: 0;
	margin: 0;
}
.clearfix:after  {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}


#content_area {
    background-color: #EEE8C5;
    /*min-height: 700px;*/
	padding-bottom: 60px;
	width: 942px;
	margin: 0px auto;
	text-align: left;
}


#content_table {
    background-color: #EEE8C5;
	text-align: left;
	/*width: 940px;*/
	width: 942px;
	margin-left: auto;
	margin-right: auto;
}



#preheader {
	width: 942px;
	margin: 0px auto;
	height: 50px;
	text-align: right;
	padding: 4px 0 0 0;
	vertical-align: top;
}
	#preheader ul {
		float: right;
		border-right: 1px solid #d4bf95;
		margin-right: 20px;
		height: 46px;
	}
		#preheader ul li {
			display: inline;
		}
			#preheader ul li a {
				display: inline-block;
				padding: 12px 20px;
				color: #003957;
				font-weight: bold;
				font-size: 15px;
			}
	#preheader #sitesearch {
		float: right;
		margin-top: 12px;
	}
		#preheader #sitesearch input.text {
			width: 140px;
			border: 3px solid #d2cdb0;
		}
		#preheader #sitesearch input#searchsubmit {
			color: #0063be;
			font-size: 15px;
			font-weight: bold;
			border: none;
			background: none;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		}



#content_table #col1Width {
	width: 200px;
	height: 0;
}
#content_table #col2Width {
	width: 20px;
}
#content_table #col3Width {
	width: 250px;
}
#content_table #col4Width {
	width: 250px;
}
#content_table #col5Width {
	width: 20px;
}
#content_table #col6Width {
	width: 200px;
}
#content_table #mainImageCell {
	width: 940px;
	height: 222px;
	background-repeat: no-repeat;
	background-position: center;
}
.aboutus #content_table #mainImageCell {
	background-image: url(../images/h-aboutus.jpg);
}
.acadlife #content_table #mainImageCell {
	background-image: url(../images/h-acadlife.jpg);
}
/* 8/18/2009 Special case for Safe Environment page */
.safe_environment #content_table #mainImageCell {
	background-image: url(../images/h-safe-environment.jpg);
}
.ministry #content_table #mainImageCell {
	background-image: url(../images/h-ministry.jpg);
}
.stulife #content_table #mainImageCell {
	background-image: url(../images/h-stulife.jpg);
}
.admissions #content_table #mainImageCell {
	background-image: url(../images/h-admissions.jpg);
}
.contact #content_table #mainImageCell, .search #content_table #mainImageCell, .dvdoffer #content_table #mainImageCell {
	background-image: url(../images/h-contact.jpg);
}
.contact #content_table #mainImageCell {
	background-image: url(../images/h-contact.jpg);
}
.slssesquicentennial #content_table #mainImageCell {
	background-image: url(../images/h-sesquicentennial.jpg);
}
.sitemap #content_table #mainImageCell {
	background-image: url(../images/h-contact.jpg);
}
.parents #content_table #mainImageCell { 	background-image: url(../images/h-parents.jpg); }

.students #content_table #mainImageCell { 	background-image: url(../images/h-students.jpg); }


#content_table .paddedCell {
	padding: 8px 12px 24px 12px;
}
#content_table .right img {
	display: block;
	text-align: center;
}
#content_table .paddedCell ul {
	font-size: .68em;
	line-height: 1.2em;
}
#content_table .paddedCell ol ul {
	font-size: 1em;
}
#content_table .paddedCell ol ul li {
	list-style-type: none	;
}
#content_table .paddedCell ol {
	font-size: .68em;
	line-height: 1.2em;
	margin-left: 30px;
}
#content_table .paddedCell ul li {
	list-style-type: disc;
	margin-left: 18px;
}
#content_table .paddedCell ul ul {
	font-size: 1em;
	line-height: 1.2em;
}
#content_table .paddedCell ul ul li {
}
#content_table .paddedCell img {
	margin: 4px 4px 8px 4px;
	border: 2px solid #D4BF95;
}



#topNav {
	height: 72px;
	color: white;
	font-size: 15px;
	text-align: left;
	/*width: 940px;*/
	width: 942px;
	margin-left: auto;
	margin-right: auto;
}
#topNav td.left {
	width: 140px;
	vertical-align: middle;
	text-align: left;
}
#topNav td.center {
	width: 612px;
	text-align: left;
}
#topNav td.right {
	width: 170px;
	text-align: center;
}
#topNav a {
	text-decoration: none;
	color: white;
    white-space: nowrap;
}
#topNav a:hover {
	background-image: url(../images/BG-topNavGradient.jpg);
	background-repeat: repeat-x;
	color: #002A40;
}
#topNav td.left a {
    background: transparent;
}
#topNav img {
    border: none;
}
#topNav ul {
	background-image: url(../images/LINE-TopNavVertBrown.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	/*display: inline;
	margin-left: 18px;*/
}
#topNav ul li {
	display: inline;
}
#topNav div {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*display: inline;
	float: right;
	clear: right;*/
	height: 75px;
	margin-left: 0;
	z-index: 5000;
}
#topNav div ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#topNav div ul li {
	display: inline;
}
#topNav div ul li a {
	float: left;
	text-align: center;
	padding: 29px 8px 29px 9px;
}
#topNav td.right div div{
    margin: 0;
    padding: 0;
    height: 0;
    display: inline;
}


#languages {
	width: 942px;
	margin: 0px auto;
	text-align: left;
	height: 27px;
}
	#languages li {
		display: inline;
	}
		#languages li a {
			text-decoration: underline;
			color: #0063be;
			font-size: 12px;
			padding: 0px 9px;
			border-left: 1px solid #d4bf95;
			font-weight: bold;
		}
			#languages li a:hover {
				text-decoration: none;
			}
			#languages li a.first {
				border-left: none;
			}

#divMainWrap {
	text-align: center;
}
	#divMainWrap div.slideshow {
		float: left;
		width: 460px;
		height: 320px;
		outline: 1px solid #d4bf95;
		margin-left: 6px;
		margin-bottom: 10px;
	}
		#cmsbody #divMainWrap div.slideshow {
			height: auto;
			background-image: none;
		}
	#divMainWrap div.copyshow {
		float: left;
		width: 460px;
		height: 320px;
		outline: 1px solid #d4bf95;
		margin-left: 10px;
		background-image: url(../images/bg-homebanner.jpg);
		background-repeat: no-repeat;
	}
		#cmsbody #divMainWrap div.copyshow {
			height: auto;
			background-image: none;
			width: auto;
		}
		#divMainWrap div.copyshow div {
			width: 460px;
		}
			#divMainWrap div.copyshow div.text {
				padding-top: 140px;
				height: 180px;
				color: white;
				font-family: "Times New Roman", Times, serif;
				font-size: 36px;
				line-height: 36px;
				text-align: center;
			}
			#divMainWrap div.copyshow div.bigtext {
				padding-top: 100px;
				height: 220px;
				font-size: 18px;
				line-height: 28px;
				color: white;
				font-family: "Times New Roman", Times, serif;
				text-align: center;
			}
			#divMainWrap div.copyshow div.image {
				padding-top: 100px;
				height: 220px;
				color: white;
				font-family: "Times New Roman", Times, serif;
				font-size: 36px;
				line-height: 36px;
				text-align: center;
			}
				#cmsbody #divMainWrap div.copyshow div {
					width: auto;
				}

div.triplecol {
	float: left;
	width: 300px;
	min-height: 300px;
	padding-right: 20px;
	border-top: 1px solid #d4bf95;
}
	div.triplecol h2 {
		border-bottom: 1px solid #d4bf95;
		padding: 6px 16px;
		margin-bottom: 6px;
	}
	div.triplecol p {
		padding-right: 20px;
		font-size: 12px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		line-height: 1.3em;
	}

#eventlist {
	padding: 6px 10px;
}
	#eventlist p {
		margin-bottom: 12px;
	}
	#eventlist a {
		font-size: 14px;
		color: #0063be;
		font-weight: bold;
	}
	#eventlist p.view_more {
		margin-top: 32px;
	}
		#eventlist p.view_more a {
			font-size: 12px;
			text-transform: uppercase;
			color: white;
			font-weight: bold;
			padding: 10px 48px 10px 12px;
			background-color: #c0bb9e;
			display: inline-block;
		}
			#eventlist p.view_more a:hover {
				text-decoration: none;
				background-color: #848065;
			}

#col0 {
}
	#col0 div.content {
		padding-left: 12px;
	}
	#col0 div#specialBox {
		margin-top: 12px;
		margin-left: -12px;
		border: 4px solid #d4bf95;
		background-color: #fcfaec;
		padding: 0px 8px 10px 8px;
		width: 276px;
	}
#col1 {
}
	#col1 div.content {
		padding: 0 10px 0 10px;
	}

#col2 {
	padding-right: 0px;
}


div.youtubevideo {
	border: 1px solid #d2cdb0;
	padding: 8px;
	background-color: white;
	margin-bottom: 10px;
}
	div.youtubevideo div.title {
		padding: 5px 0px;
	}
		div.youtubevideo div.title a {
			color: #0063be;
			font-size: 14px;
			font-weight: bold;
			text-decoration: underline;
		}
			div.youtubevideo div.title a:hover {
				text-decoration: none;
			}
	div.youtubevideo img {
		display: none;
	}

div.newsitem {
	background-color: #f8f6e8;
	margin-bottom: 8px;
	padding: 10px 12px;
}
	div.newsitem h3 {
		color: #8d7531;
		font-size: 18px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: bold;
		margin: 0px 0px 4px 0px;
	}
	div.newsitem p {
		margin-bottom: 0px;
	}
	div.newsitem img {
		display: none;
	}
	div.content div.ribbon {
		position: relative;
	}
		div.content div.ribbon img {
			position: absolute;
			top: -5px;
			right: -4px;
			display: block;
		}
		div.content div.ribbon h3 {
			padding-right: 30px;
		}



#content_table div#divMainWrap {
	margin-left: 6px;
}
#content_table .headingCell {
	border-bottom: 1px solid #D4BF95;
}
#content_table .headingCell h1 {
	padding: 0;
	margin: 0;
	padding: 6px 0 6px 12px;
}
#content_table .headingCell h2 {
	padding: 0;
	margin: 0;
	padding: 6px 0 6px 12px;
}
#content_table .headingCell div#specialBox {
	margin-top: 12px;
	margin-left: -12px;
	border: 4px solid #d4bf95;
	background-color: #fcfaec;
	padding: 0px 8px 10px 8px;
	width: 276px;
}
body#v3 #content_table .headingCell div#specialBox {
	width: 197px;
}
#content_table td#specialCell {
	padding-left: 12px;
	padding-top: 0px;
}

#content_table .headingCell span {
	display: none;
}
.aboutus #content_table .headingCell span.aboutus {
	display: inline;
}
.parents #content_table .headingCell span.parents {
	display: inline;
}
.students #content_table .headingCell span.students {
	display: inline;
}
.acadlife #content_table .headingCell span.acadlife {
	display: inline;
}
.ministry #content_table .headingCell span.ministry {
	display: inline;
}
.stulife #content_table .headingCell span.stulife {
	display: inline;
}
.admissions #content_table .headingCell span.admissions {
	display: inline;
}
.contact #content_table .headingCell span.contact {
	display: inline;
}
.slssesquicentennial #content_table .headingCell span.slssesquicentennial {
	display: inline;
}


#content_table #navCell span {
	display: none;
}
.aboutus #content_table #navCell span.aboutus {
	display: inline;
}
.students #content_table #navCell span.students {
	display: inline;
}
.parents #content_table #navCell span.parents {
	display: inline;
}
.acadlife #content_table #navCell span.acadlife {
	display: inline;
}
.ministry #content_table #navCell span.ministry {
	display: inline;
}
.stulife #content_table #navCell span.stulife {
	display: inline;
}
.admissions #content_table #navCell span.admissions {
	display: inline;
}
.contact #content_table #navCell span.contact {
	display: inline;
}
.slssesquicentennial #content_table #navCell span.slssesquicentennial {
	display: inline;
}


#content_table #navCell {
	font-size: .75em;
	padding-bottom: 24px;
	padding-top: 10px;
}
#content_table #navCell ul a {
	text-decoration: none;
	color: #575A5D;
	display: block;
	padding: 4px;
	padding-left: 12px;
	line-height: 12px;
}
#content_table #navCell p {
	padding-left: 12px;
	line-height: 1.4em;
	font-size: 11px;
}
#content_table #navCell ul a:hover, #content_table #navCell ul a.currentpage {
	color: #0063BE;
	background-color: #F5F0D6;
}
#content_table #navCell li li a {
	text-decoration: none;
	color: #A55121;
	display: block;
	padding-left: 24px;
}
#content_table #navCell li li a:hover, #content_table #navCell li li a.currentpage {
	color: #592609;
}
#content_table #navCell li li li a {
	text-decoration: none;
	color: #004065;
	display: block;
	padding-left: 36px;
}
#content_table #navCell li li li a:hover {
	color: #0063BE;
}
#content_table #navCell a.active {
	text-transform: uppercase;
	font-weight: bold;
}
#content_table .height1 {
	height: 24px;
}






div#loginCell {
  margin-bottom: 25px;
	border: 4px solid #d4bf95;
	background-color: #fcfaec;
	padding: 14px;
}










table#photoCluster {
	width: 490px;
}
table#photoCluster td#clusterMainPhoto {
	height: 180px;
	width: 310px;
	text-align: center;
}
table#photoCluster #clusterMainPhoto img#mainPhoto {
}
table#photoCluster table#photoGrid {
	width: 150px;
	margin-left: 2px;
	margin-top: 3px;
	padding: 0;
}
table#photoCluster table#photoGrid td {
	text-align: center;
	padding: 0;
}
table#photoCluster table#photoGrid td img {
	margin: 0 0 2px 0;
}
table#photoCluster #captionCell {
	padding: 0 8px;
}
table#photoCluster #captionCell h3 {
	margin-bottom: 4px;
}
table#photoCluster p#captionCopy {
}














#footer {
	background-color: #003045;
	border-top: 3px solid white;
	background-image: url(../images/BG-FooterBlue.jpg);
	background-repeat: repeat-x;
	margin-left: auto;
	margin-right: auto;
	color: #457584;
	font-size: .7em;
	text-align: center;
}
#footer table {
	width: 940px;
	margin: 0 auto 0 auto;
}
#footer table td {
	vertical-align: top;
	height: 84px;
}
#footer table td.left {
	text-align: left;
	padding-top: 8px;
}
#footer table td.right {
	text-align: right;
	background-color: #003045;
	width: 270px;
	padding-right: 8px;
	padding-top: 8px;
}
#footer a {
	color: #6b9dad;
}




/* DROP DOWN NAVIAGION */
a.menu_attach {
	color: white;
	display: block;
	background-color: #003045;
	font-size: .78em;
	text-align: left;
	text-decoration: none;
	padding: 4px 30px 4px 10px;
}
div.ddMenu a:hover.menu_attach {
	background-image: url(../images/BG-subNav.jpg) !important;
	color: white !important;
}
div.ddMenu {
	position: absolute;
	visibility: visible;
	display: block;
	padding: 10px 0 0 0;
	background-color: #003045;
}


/* CSS BELOW APPLIES TO contactus_template.html */
#contactForm {
	font-size: .78em;
	width: 100%;
}
#contactForm td {
	padding: 2px 4px 2px 2px;
}
.warn {
	color: #a55121;
}
#f1-leftWidth {
	width: 150px;
}
#f1-rightWidth {
}
.alignRight {
	text-align: right;
}


/* Sitemap */

#content_table #sitemap_container a {
  text-decoration: none;
}

#content_table #sitemap_container a:hover {
  text-decoration: underline;
}

#content_table #sitemap_container hr {
  clear: both;
  margin: 20px 0 15px -12px;
}



#content_table #sitemap_container h2 {
  margin: 0;
  padding: 0;
  font-size: 0.95em;
}

#content_table #sitemap_container h2, #content_table #sitemap_container h2 a {
  color: #a55121;
}



#content_table #sitemap_container ul {
  margin: 0;
  padding: 0 20px 0 0;
}

#content_table #sitemap_container ul.column1,
#content_table #sitemap_container ul.column2,
#content_table #sitemap_container ul.column3,
#content_table #sitemap_container ul.column4 {
  float: left;
  width: 22%;
}

#content_table #sitemap_container li {
  margin: 10px 0 10px 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
  font-size: 15px;
  font-weight: bold;
  color: #a55121;
}

#content_table #sitemap_container li a {
  color: #a55121;
}

#content_table #sitemap_container li li {
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
}

#content_table #sitemap_container li li a {
  color: #004065;
}

#content_table #sitemap_container li li li {
  margin: 0 0 0 15px;
  list-style-image: url(../images/sitemap_bullet.gif);
  font-weight: normal;
  font-size: 11px;
  line-height: 14px;
}

#content_table #sitemap_container li li li a {
  color: #575a5d;
}



.printOnly {
	display: none;
}

/* CSS BELOW APPLIES TO CMS ONLY */
div.cmsnesttitle span {
	display: block!important;
}

/* CSS BELOW APPLIES TO print layout */
@media print {
	.noPrint,
	#preheader,
	#languages,
	#divMainWrap {
		display: none;
	}
	div.triplecol {
		float: none;
		width: 60%;
		margin-top: 30px;
		min-height: 0px;
		height: auto;
	}
	.rightColNoPrint {
		display: none;
	}
	.printOnly {
		display: block;
	}
	img.noPrint {
		display: none;
	}

    #content_area {
        min-height: 0;
    }

    #content_table #printLogo {
        padding-bottom: .5in;
    }
	#content_table #col1Width {
		width: 0px;
	}
	#content_table #col2Width {
		width: 0px;
	}
	#content_table #col3Width {
		width: 670px;
	}
	#content_table #col4Width {
		width: 0px;
	}
	#content_table #col5Width {
		width: 0px;
	}
	#content_table #col6Width {
		width: 0px;
	}
	
    #footer, #footer table {
        width: 7in;
    }

	.homepage #content_table  {
		width: 660px;
	}
	.homepage #content_table  #col1Width {
		width: 220px;
	}
	.homepage #content_table  #col2Width {
		width: 0px;
	}
	.homepage #content_table  #col3Width {
		width: 110px;
	}
	.homepage #content_table  #col4Width {
		width: 110px;
	}
	.homepage #content_table  #col5Width {
		width: 0px;
	}
	.homepage #content_table  #col6Width {
		width: 220px;
	}
	
	#calendar {
		width: 650px;
	}
}

