@charset "UTF-8";
/* CSS Document */

body {
	font: 12px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
background:#fff;
}

table{ border:#009 2px solid; }
h2 {margin-top:15px;}
td{ padding: 3px; border:#000 1px solid; }
p.tagline {text-align:right; font-size:.9em; line-height:1.25em; padding-top:40px;}
.left {text-align: left;}
.right {text-align: right;}
.italic {font-style: italic; }
address { padding-top:10px; margin-left:25px; }
.acronym { font-size: 18pt; font-weight: bold; color: #000099; text-align: left; text-decoration: underline; margin-top: 20px}
blockquote {  margin-left:25px; }
.center {  text-align:center; }
.last { padding-bottom:15px; }
.bold {
	font-weight: bold;
	}
	.invisible {  color: #CCC; background-color: #CCC}
.copyright { text-align:center; font-weight:bold; padding-top:20px; }
.blue {
	color:#009;
}
.underline{
	text-decoration:underline;
}
img.thumbnail { float:left; width:100px; margin-top:0; margin-right:25px; margin-bottom:15px; margin-left:10px; vertical-align:text-top }
img.alignleft { float:left; width:100px; margin-top:0; margin-right:25px; margin-bottom:15px; margin-left:10px; vertical-align:text-top }
hr.hrclear {clear:both; margin-left:5px;margin-right:7px;}
#sidebar li a, #sitemap li a {
text-decoration: none;
}

#sitemap li a, #sitemap h2 a { color:#000}

#sidebar li a:hover{ text-decoration:underline; color:#000}


#sitemap li a:hover, #sitemap h2 a:hover { text-decoration:underline; color:#009}

#sitemap li { margin-left:5px; }

.bulleted li { list-style: disc;  margin-left:25px; }

.shaded {background:#ccc; }
p.breadcrumb {
	font-size:10px;
}

.sports-cal {margin:7px 13px 13px 8px;
}
.legend {margin-top:15px;
}
/*	Setup
*/
ul.cssmenu, ul.top-tab {
	list-style: none;
	padding: 0px;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

ul.cssmenu li, ul.top-tab li {
	float: left;
	}

ul.cssmenu li a {
	display: block;
	width: 120px;
	height: 36px;
	background: url('/images/nav-bar.png');
	}

ul.top-tab li a {
	display: block;
	width: 120px;
	height: 23px;
	background: url('/images/nav-bar.png');
	}
ul.cssmenu {margin-left:10px;}


/*
*	Normal Links
*/
ul.cssmenu li.home a {
	width: 50px;
	background-position: 0 0;
	}

ul.cssmenu li.about-sjc a {
	background-position: -50px 0;
	}

ul.cssmenu li.admissions a {
	background-position: -170px 0;
	}

ul.cssmenu li.academics a {
	background-position: -290px 0;
	}

ul.cssmenu li.on-campus a {
	background-position: -410px 0;
	}
	
ul.cssmenu li.news-info a {
	background-position: -530px 0;
	}	

ul.cssmenu li.alumni a {
	background-position: -650px 0;
	}

ul.cssmenu li.parish a {
	width: 170px;
	background-position: -770px 0;
	}


/* Top Tab */
ul.top-tab li.prospective a {
	background-position: 0 -160px;
	}

ul.top-tab li.current a {
	background-position: -120px -160px;
	}

ul.top-tab li.alumni a {
    width: 60px;
	background-position: -240px -160px;
	}

ul.top-tab li.school-speak a {
	width: 125px;
	background-position: -300px -160px;
	}

/*
*	Hover Links
*/
ul.cssmenu li.home a:hover {
	background-position: 0 -38px;
	}

ul.cssmenu li.about-sjc a:hover {
	background-position: -50px -38px;
	}

ul.cssmenu li.admissions a:hover {
	background-position: -170px -38px;
	}

ul.cssmenu li.academics a:hover {
	background-position: -290px -38px;
	}

ul.cssmenu li.on-campus a:hover {
	background-position: -410px -38px;
	}
	
ul.cssmenu li.news-info a:hover {
	background-position: -530px -38px;
	}	

ul.cssmenu li.alumni a:hover {
	background-position: -650px -38px;
	}

ul.cssmenu li.parish a:hover {
	background-position: -770px -38px;
	}


/* Top Tab */
ul.top-tab li.prospective a:hover {
	background-position: 0 -190px;
	}

ul.top-tab li.current a:hover {
	background-position: -120px -190px;
	}

ul.top-tab li.alumni a:hover {
	background-position: -240px -190px;
	}

ul.top-tab li.school-speak a:hover {
	background-position: -300px -190px;
	}

/*
*	Clicked Links
*/
ul.cssmenu li.home a:active {
	background-position: 0 -76px;
	}

ul.cssmenu li.about-sjc a:active {
	background-position: -50px -76px;
	}

ul.cssmenu li.admissions a:active {
	background-position: -170px -76px;
	}

ul.cssmenu li.academics a:active {
	background-position: -290px -76px;
	}

ul.cssmenu li.on-campus a:active {
	background-position: -410px -76px;
	}
	
ul.cssmenu li.news-info a:active {
	background-position: -530px -76px;
	}	

ul.cssmenu li.alumni a:active {
	background-position: -650px -76px;
	}

ul.cssmenu li.parish a:active {
	background-position: -770px -76px;
	}


/* Top Tab */
ul.top-tab li.prospective a:active {
	background-position: 0 -220px;
	}

ul.top-tab li.current a:active {
	background-position: -120px -220px;
	}

ul.top-tab li.alumni a:active {
	background-position: -240px -220px;
	}

ul.top-tab li.school-speak a:active {
	background-position: -300px -220px;
	}

/*
*	Selected/Active Links
*/
ul.cssmenu li.home a.selected {
	background-position: 0 -114px;
	}

ul.cssmenu li.about-sjc a.selected {
	background-position: -50px -114px;
	}

ul.cssmenu li.admissions a.selected {
	background-position: -170px -114px;
	}

ul.cssmenu li.academics a.selected {
	background-position: -290px -114px;
	}

ul.cssmenu li.on-campus a.selected {
	background-position: -410px -114px;
	}
	
ul.cssmenu li.news-info a.selected {
	background-position: -530px -114px;
	}	

ul.cssmenu li.alumni a.selected {
	background-position: -650px -114px;
	}

ul.cssmenu li.parish a.selected {
	background-position: -770px -114px;
	}
	
/* Top Tab */
ul.top-tab li.prospective a.selected {
	background-position: 0 -250px;
	}

ul.top-tab li.current a.selected {
	background-position: -120px -250px;
	}

ul.top-tab li.alumni a.selected {
	background-position: -240px -250px;
	}

ul.top-tab li.school-speak a.selected {
	background-position: -300px -250px;
	}

/*
*   Header
*/
#meta-header-wrapper {
	height: 65px;
	background:#9CF url(../images/meta-background.png) repeat-x;
	}
#header-wrapper-front {
	height: 360px;
	background-color: #009;
	}	
#header-front {
	height:360px;
	background:#009 url(../images/banner-new.png) no-repeat;
	}
#header-front div.slideshow {
	position:relative;
	left:290px;
	height:360px;
	width:640px;
	background:#000;
}
#header-wrapper {
height:20px;
		background:#FFF url(/images/body-background.png) repeat-x;
	}	


#main-wrapper { height:auto;
	background: #FFF;
	}	



#footer-wrapper {
	height: 275px;
	background:#999 url(/images/footer-background.png) repeat-x;
	}

/*
*   Main
*/

#content h1, #news h1, #calendar h1, #preschool h1 {
	margin-top: 20px;
	font-size: 1.8em;
	border-bottom:#999 3px solid;
	color: #009;
	text-decoration:none;
}

#news h1 a, #calendar h1 a, #preschool h1 a {
	color: #009;
	text-decoration:none;
	}

#news h2, #calendar h2, #preschool h2 {
	margin-top: 15px;
	margin-bottom: 15px;

}

#content p { padding-top: 10px;}

#sidebar li {
padding: 5px 10px;
}

#sidebar-life h3 {
padding-bottom: 0px; margin:0;
}
#sidebar-life p {
padding-top: 0px;
}
.info li {
padding: 5px 10px;
}

#footer-container h2, #footer-container img {
	margin-top: 40px;
	}
	#footer-container h2 {
	font-size: 13px;
}
.box p.twit-date{
	font-size: 10px;
	padding:0 10px;
	margin:0;

}


/*
    NAVIGATION 
	LEVEL ONE
*/
ul.dropdown {
	position: relative;
	z-index:100;
}
ul.dropdown li {
	font-weight: bold;
	float: left;
	zoom: 1;
	background: #fff;
}
ul.dropdown a:hover {
	color: #000;
}
ul.dropdown a:active {
	color: #ffa500;
}
ul.dropdown li a {
	display: block;
}

ul.dropdown li.hover, ul.dropdown li:hover {
	background: #ffff37;
	color: black;
	position: relative;
}
ul.dropdown li.hover a {
	color: black;
}
/* 
	LEVEL TWO
*/
ul.dropdown ul {
	width: 120px;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	background:#fff;

}
ul.dropdown ul li {
	font-weight: normal;
	background: #b5daff;
	color: #000;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	float: none;

}
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a {
	border-right: none;
	width: 100%;
	display: inline-block;
}
/* 
	LEVEL THREE
*/
ul.dropdown ul ul {
	left: 100%;
	top: 0;
}
ul.dropdown li:hover > ul {
	visibility: visible;
}

ul.sub-menu li a {
	display: block;
	background: none;
	padding:10px;
	font-size:1em;
	text-decoration:none;
	line-height:1.3em;
	height:1.3em;
	}

/* Boxes */
.box {
font-size:12px;
line-height:1.4em;
overflow:hidden;
position:relative;
margin-top:20px;
}

.box h2 {
	color:#FFF;
	font-size:13px;
	line-height:25px;
	min-height: 25px;
    padding: 10px;
	}

.box h3 {
	color:#000;
	font-size:12px;
	line-height:25px;
    padding: 10px 10px  0 10px;
	}
		

.box p {
	padding:10px;
}


p.no-top-bot-pad {
	padding: 0 10px 0 10px;
}

p.no-top-pad {
	padding: 0 10px 10px 10px;
}

.box_1 h2 {
	background:#fff url(../images/box-h2-1.png) no-repeat scroll 0 0;
margin-top:0px;
}
.box_2 h2 {
	background:#fff url(../images/box-h2-2.png) no-repeat scroll 0 0;
margin-top:0px;
}
.box_3 h2 {
	background:#fff url(../images/box-h2-3.png) no-repeat scroll 0 0;
margin-top:0px;
}
.box_4 h2 {
	background:#fff url(../images/box-h2-4.png) no-repeat scroll 0 0;
margin-top:0px;
}
.box_5 h2 {
	background:#fff url(../images/box-h2-5.png) no-repeat scroll 0 0;
margin-top:0px;
}
.box_6 h2 {
	background:#fff url(../images/box-h2-6.png) no-repeat scroll 0 0;
margin-top:0px;
}
.box_7 h2 {
	background:#fff url(../images/box-h2-7.png) no-repeat scroll 0 0;
margin-top:0px;
}
.box_8 h2 {
	background:#fff url(../images/box-h2-8.png) no-repeat scroll 0 0;
margin-top:0px;
}
.box_9 h2 {
	background:#fff url(../images/box-h2-9.png) no-repeat scroll 0 0;
margin-top:0px;
}
.box_10 h2 {
	background:#fff url(../images/box-h2-10.png) no-repeat scroll 0 0;
margin-top:0px;
}
.box_11 h2 {
	background:#fff url(../images/box-h2-11.png) no-repeat scroll 0 0;
margin-top:0px;
}
.box_12 h2 {
	background:#fff url(../images/box-h2-12.png) no-repeat scroll 0 0;
margin-top:0px;
}
.box_13 h2 {
	background:#fff url(../images/box-h2-13.png) no-repeat scroll 0 0;
margin-top:0px;
}
.box_14 h2 {
	background:#fff url(../images/box-h2-14.png) no-repeat scroll 0 0;
margin-top:0px;
}
.box_15 h2 {
	background:#fff url(../images/box-h2-15.png) no-repeat scroll 0 0;
margin-top:0px;
}
.box_16 h2 {
	background:#fff url(../images/box-h2-16.png) no-repeat scroll 0 0;
margin-top:0px;
}

.box_1 {
	background:transparent url(../images/box-1.png) no-repeat scroll 0 100%;
}
.box_2 {
	background:transparent url(../images/box-2.png) no-repeat scroll 0 100%;
}
.box_3 {
	background:transparent url(../images/box-3.png) no-repeat scroll 0 100%;
}
.box_4 {
	background:transparent url(../images/box-4.png) no-repeat scroll 0 100%;
}
.box_5 {
	background:transparent url(../images/box-5.png) no-repeat scroll 0 100%;
}
.box_6 {
	background:transparent url(../images/box-6.png) no-repeat scroll 0 100%;
}
.box_7 {
	background:transparent url(../images/box-7.png) no-repeat scroll 0 100%;
}
.box_8 {
	background:transparent url(../images/box-8.png) no-repeat scroll 0 100%;
}
.box_9 {
	background:transparent url(../images/box-9.png) no-repeat scroll 0 100%;
}
.box_10 {
	background:transparent url(../images/box-10.png) no-repeat scroll 0 100%;
}
.box_11 {
	background:transparent url(../images/box-11.png) no-repeat scroll 0 100%;
}
.box_12 {
	background:transparent url(../images/box-12.png) no-repeat scroll 0 100%;
}
.box_13 {
	background:transparent url(../images/box-13.png) no-repeat scroll 0 100%;
}
.box_14 {
	background:transparent url(../images/box-14.png) no-repeat scroll 0 100%;
}
.box_15 {
	background:transparent url(../images/box-15.png) no-repeat scroll 0 100%;
}
.box_16 {
	background:transparent url(../images/box-16.png) no-repeat scroll 0 100%;
}