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

/*------------------ Content Manager CSS-------------------*/

#contentManager {width:345px; padding:10px; position:absolute; top:0; left:307px; z-index:500; text-align:center; line-height:18px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; background: #fff url(../images/bigShadowBottom.jpg) center -8px no-repeat;}
#contentManager a {color:#333; text-decoration:underline; font-size:12px;}
#contentManager a:hover {color:#666; text-decoration:none;}
#contentManager .title {font-size:16px;}
#contentManager p {margin-bottom:6px;}

.Admin_mainMenu	{background-color:#eeeeee; padding:2px;}
.Admin_mainMenu a	{color:#006;}
.Admin_mainMenu a:hover	{color:#000;}

#displayOptions		{position:fixed; top:0px; left:0px; width:100%;}

/*--------------Site Map CSS--------------------*/
#siteMap		{}
#siteMap li		{list-style-type:circle; margin-left:10px;}
#siteMap .siteMapSec	{margin-left:15px;}
#siteMap .siteMapSec li	{list-style:none;}

*	{
	margin:0px;
	padding:0px;
}


body,td,th {
	font-family: "Trebuchet MS", Times, serif;
	font-size: 13px;
	color: #333333;
}
body {
	background-color:#003b6a;
	margin: 0;
}
p {margin-bottom:20px;}
a img {border:none;}

p img {margin:12px;}

a:link {color:#00468C; text-decoration:underline;}
a:visited {color:#00468C; text-decoration:underline;}
a:hover {color:#999999; text-decoration:none;}
a:active {color:#00468C; text-decoration:underline;}


#mainWrapper {min-width:960px; margin:0; padding:0; background:url(../images/bg-nav.gif) left 185px repeat-x;}
#header {width:960px; height:185px; margin:0 auto; position:relative;}
#logo {width:280px; height:185px; float:left;}
#logo a {width:280px; height:185px; background:url(../images/header-logo.jpg) no-repeat; display:block; text-indent:-900em;}
#header-img {position:relative; float:right; height:185px; width:680px;}
#wrapper {width:754px; margin:0 auto; position:relative; top:148px;}


#contentWrapper {width:100%; margin:0 auto; border-bottom:solid #ccc 1px; background-color:#fff; display:block;}
#content {width:960px; margin:0 auto; padding:35px 0; display:block; position:relative;}

#quickLinksWrapper {width:100%; background:#c1c1c1 url(../images/bg-qlHeader.gif) repeat-x; border-bottom:solid #ddaf14 9px;}
#quickLinks {width:960px; margin:0 auto;}

#leftColHome {width:270px; float:left; margin:0 0 0 2px; position:relative;}
#midColHome {width:330px; float:left; margin:0 0 0 1px;}
#rightColHome {width:331px; float:right; margin:0;}

#leftColSub {width:180px; float:left; margin:0 0 0 15px; position:relative;}
#rightCol {width:730px; float:left; margin:0 0 0 26px; position:relative;}
	#rightCol p {font-size:12px; margin-left:0;}

#innerLeftCol {width:360px; float:left; margin:0; position:relative;}
#innerRightCol {width:340px; float:right; margin:0; position:relative;}

#aboutInnerRightCol {width:530px; float:left; margin:0 0 0 20px; position:relative;}
#gmap {width:425px; float:left; margin:0 0 20px 45px; position:relative;}

#leftImgCol {width:165px; float:left;}
	#leftImgCol img {padding:4px; border:solid #ccc 1px;}
	#leftImgCol p {margin:0; padding:0; text-align:center;}

#leftColContact {width:240px; float:left;}
#leftColGeneral {width:240px; float:left;}
#rightColGeneral {width:425px; float:left; margin:0 0 20px 45px; position:relative;}

#bioLeftCol {width:350px; float:left;}
#bioRightCol {width:238px; float:left; margin:0 0 0 60px; background-color:#e0edf7; min-height:400px;}
	#bioRightCol p {margin-left:18px;}
	
#leftColSiteMap a {font-size:11px;}

#footer {height:60px; position:relative; color:#fff; width:960px; margin:0 auto; font-size:10px; line-height:16px;}
#linksCopyright {float:left; margin-top:15px;}
#footer a {color:#fff; text-decoration:none;}
#footer a:hover {color:#fff; text-decoration:underline;}

#webCredit {float:right; margin-top:15px;}
#eSPX a {width:40px; height:13px; position:absolute; top:15px; right:250px; background:url(../images/eSPX.gif) no-repeat; text-indent:-900em;}
#twitter a {width:56px; height:13px; position:absolute; top:15px; right:180px; background:url(../images/twitter.gif) no-repeat; text-indent:-900em;}
#fbook a {width:56px; height:13px; position:absolute; top:15px; right:110px; background:url(../images/fbook.gif) no-repeat; text-indent:-900em;}
#fbookalum a {width:100px; height:13px; position:absolute; top:15px; right:0px; background:url(../images/fbook-alum.gif) no-repeat; text-indent:-900em;}
.clear {clear:both;}


#navShadow {background:url(../images/nav-shadow.jpg) repeat-x; height:5px; display:block; clear:both; margin:0; padding:0;}

/*---- Home Slideshow Styles ----*/
#slideshow {
    position:relative;
	float:right;
    height:185px;
	width:680px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


/*---- Home Facts Rotator Styles ----*/
#testimonials {width: 290px;height: 90px;list-style-type: none}
#testimonials .slide {}
blockquote {font-size: 14px;font-family: Georgia, "Times New Roman", Times, serif;color: #666666}

/*---- Headings ----*/
h1 {}
h2 {font-size:24px; font-weight:bold; margin:0 0 15px 0;}
h3 {font-size:16px; font-weight:bold; margin:0 0 5px 0;}
h4 {font-size:12px; font-weight:normal; margin:0 0 2px 0; color:#444;}

.header-InRecentNews {margin:0 0 5px 0; width:153px; height:32px; background:url(../images/header-InRecentNews.gif) no-repeat; text-indent:-900em;}
.header-UpcomingEvents {margin:0 0 5px 0; width:162px; height:32px; background:url(../images/header-UpcomingEvents.gif) no-repeat; text-indent:-900em;}
.header-StayConnected {margin:0 0 5px 0; width:310px; height:32px; background:url(../images/header-StayConnected.gif) no-repeat; text-indent:-900em;}
.header-VarsityFballNews {margin:0 0 0 10px; width:170px; height:27px; background:url(../images/header-VarsityFootballNews.gif) no-repeat; text-indent:-900em; display:block;}
.header-UpcomingVarsityFballGames {margin:0 0 5px 10px; width:253px; height:27px; background:url(../images/header-UpcomingVarsityFballGames.gif) no-repeat; text-indent:-900em;}
.header-AthleticNews {margin:0 0 5px 10px; width:253px; height:27px; background:url(../images/header-AthleticNews.gif) no-repeat; text-indent:-900em;}
.header-Results {margin:0 0 5px 10px; width:253px; height:27px; background:url(../images/header-Results.gif) no-repeat; text-indent:-900em;}
.header-UpcomingGames {margin:0 0 5px 10px; width:253px; height:27px; background:url(../images/header-UpcomingGames.gif) no-repeat; text-indent:-900em;}
.aboutName {font-size:24px;}

.pageTitleMain {font-size:19px; text-transform:uppercase; font-weight:bold; color:#b28b00;}
.pageTitle {font-size:19px; font-weight:bold; color:#fff; background:url(../images/bg-pageTitle.gif) repeat-x; line-height:30px; height:30px; margin:0 0 40px 0; padding:0 0 0 10px;}

.newsTitle {font-size:16px; font-weight:bold; color:#000000;}
	.newsTitleDate {font-size:14px; font-style:italic; color:#999999; font-weight:normal;}


/*---- Footer ----*/
.footerUl {margin:0; padding:0;}
.footerUl ul {margin:0; padding:0; list-style:none;}
.footerUl li {margin:0; padding:0; list-style:none; font-size:10px; color:#444;}


/*---- Lists ----*/
ul.newsHome {margin:0; padding:0;}
ul.newsHome li {margin:0 0 15px 15px; list-style:disc; font-size:11px; color:#555555}
ul.newsHome li a {font-size:10px;}

#innerLeftCol .athleticNews ul {margin:0; padding:0;}
#innerLeftCol .athleticNews li {margin:0 0 15px 15px; list-style:disc;}

ul.pageNumbers {margin:15px 0 0 0; padding:0; float:right; font-size:14px; border-top:solid #ccc 1px;}
ul.pageNumbers li {margin:0; float:left; list-style:none;}
ul.pageNumbers li a {color:#333; text-decoration:underline; padding:5px;}
ul.pageNumbers li a:hover {color:#999; text-decoration:none;}
ul.pageNumbers .current {color:#fff; text-decoration:none; font-size:120%; background-color:#666;}

#general1Col ul {margin:0 0 30px 0; padding:0;}
#general1Col li {margin:0 0 2px 50px; padding:0;}

/*---- Upcoming Events ----*/
.events {padding:5px; font-size:11px;}
.events p {margin:0; padding:0 0 0 10px;}
.eventsBlue {background-color:#e0edf7; display:block;}
.eventDate {width:310px; font-size:11px; font-weight: 700; color:#4D4D4D}
.eventTitle {width:310px;}


/*---- Games ----*/
.gameDate {float:left; width:64px;}
.gameTeams {float:left; width:166px;}
.gameTime {float:left; width:64px;}


/*---- News ----*/
.news {padding:10px;}
#rightCol .news img {margin:0 20px 0 0;}
.newsBlue {background-color:#e0edf7;}
.newsText {overflow:hidden;}
.newsText p {margin:0; padding:0;}

img.newsCalPhotoHoriz {width:239px; height:152px; margin:0 0 30px 0; padding:3px; border:solid #ddd 1px;}
img.newsCalPhotoVert {width:152px; height:239px; margin:0 0 30px 0; padding:3px; border:solid #ddd 1px;}

/*---- Calendar ----*/
.cal {padding:10px;}
.calBlue {background-color:#e0edf7;}
.calText p {margin:0; padding:0;}



/*---- Misc. ----*/
.qlFooter {padding:15px 0; border-top:solid #bbb 1px;}
.footerCol {width:114px; float:left; margin-right:6px;}
.footerCol a {color:#444; text-decoration:none;}
.footerCol a:hover {color:#444; text-decoration:underline;}
.topNews {color:red;}
.newsHeadline {font-size:12px; font-weight:700; #000000; color:#4D4D4D}
a.iconRss {width:14px; height:14px; position:absolute; top:5px; left:160px; background:url(../images/icon-rss.gif); text-indent:-900em; margin:0; display:block;}
.iconRssFeed {margin:0 0 7px 10px; background:url(../images/icon-rss.gif)}
.iconRssInternal a {width:14px; height:14px; position:absolute; top:35px; right:30px; background:url(../images/icon-rss.gif); text-indent:-900em; margin:0; display:block;}
.goldenLions {width:180px; height:110px; background:url(../images/spxGoldenLion.gif) no-repeat; text-indent:-900em; margin-top:15px;}
.bigBottomShadow {width:694px; height:77px; background:url(../images/bigShadowBottom.jpg) no-repeat; margin:25px auto 0 auto; padding:0; clear:both;}
#imgContainer {width:300px; float:right; margin:0 0 0 30px; overflow:hidden;}
.bodyImg {margin:0 0 30px 0; padding:3px; border:solid #ddd 1px;}
.clickToView {margin-top:10px;}
.fontSize16px {font-size:16px;}
.fontSize18px {font-size:18px;}
.bwWrapper {padding:2px; border:solid #ddd 1px;}
.returnHome {position:absolute; top:10px; right:10px; z-index:5000; font-size:10px;}
a.returnHome {color:#fff; font-weight:bold; text-decoration:none;}
a:hover.returnHome {color:#fff; text-decoration:underline;}
a.icsInternal {width:16px; height:21px; position:absolute; top:35px; right:8px; background:url(../images/ics.gif); text-indent:-900em; margin:0; display:block;}
a.printIcon {width:24px; height:21px; position:absolute; top:35px; right:50px; background:url(../images/print.gif); text-indent:-900em; margin:0; display:block;}
.calendarViewSelect {position:absolute; top:35px; left:10px;}
a#customCalLink {position:absolute; top:37px; left:245px; font-size:11px;}
#loggedIn {width:160px; padding:5px; text-align:center; font-size:12px; position:absolute; top:70px; right:0; color:#222; background-color:#fff; -moz-border-radius-topleft:5px; -moz-border-radius-bottomleft:5px; -webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomright:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; z-index:100;}

/*---- Stay Connect Banners ----*/

.scContainer {width:227px; height:50px; position:relative; margin:0 0 30px 0; padding:0; overflow:hidden;}
.scContainer .scOverlay {width:227px; height:50px; position:absolute; top:0; left:0; background:url(../images/bg-stayConnectedImgs.png) no-repeat; z-index:2;}
* html .scContainer .scOverlay {width:227px; height:50px; position:absolute; top:0; left:0; background:url(../images/bg-stayConnectedImgs.gif) no-repeat; z-index:2;}
.scContainer img {z-index:1;}
.scContainer img {width:227px; height:50px; display:block;}

.stayCtext {font-size:11px;}

/*---- Tables ----*/
#contactTable td {padding:3px 0;}
#contactFormTable, td {margin:15px 0; padding:5px 0;}

#facultyStaff {border-collapse:collapse; width:100%; margin:0 auto 20px auto;}
#facultyStaff th {text-align:left; color:#333; font-size:14px; padding:10px;}
#facultyStaff td {padding:10px; font-size:14px;}
#facultyStaff .blueRow {background-color:#e0edf7;}

#roster {border-collapse:collapse; width:100%; margin:0 auto 20px auto;}
#roster th {text-align:left; color:#333; font-size:14px; padding:10px;}
#roster td {padding:10px; font-size:14px;}
#roster .blueRow {background-color:#e0edf7;}
#roster tr:hover td { background:#003569 url(../images/bg-pageTitle.gif) repeat-x; color: #fff; cursor: pointer; }

/*---- Forms ----*/
#contactForm {clear:both; padding-left:10px;}
.input {width:100%; border:solid #ccc 1px; font-size:16px; padding:5px; color:#004689;}
.textArea {width:100%; border:solid #ccc 1px; font-size:16px; padding:5px; color:#004689;}

#emailForm {width:498px; height:542px; border:solid #c0991d 15px; background:url(../images/bg-staffEmailPop.gif) no-repeat;}
.innerFormDiv {width:400px; margin:40px auto 0 auto; font-size:14px; font-weight:bold; color:#000;}
.emailFormInput {width:96%; border:solid #ccc 1px; padding:5px; font-size:14px; font-weight:normal;}
.emailFormTextarea {width:97%; border:solid #ccc 1px; padding:5px; font-size:14px; font-weight:normal;}

/*---- Photo Gallery ----*/
.bgPhotoHoriz {width:315px; height:222px; margin:0 0 30px 0; background:url(../images/bg-photoGalleryHoriz.jpg) no-repeat; float:left; position:relative;}
.bgPhotoHoriz img {width:239px; height:152px; margin:25px 38px 45px 38px; outline:none;}

.bgPhotoVert {width:233px; height:300px; margin:0 0 30px 0; background:url(../images/bg-photoGalleryVert.jpg) no-repeat; float:left; position:relative;}
.bgPhotoVert img {width:152px; height:236px; margin:24px 40px 40px 40px; outline:none;}

.galleryTitle {width:205px; height:16px; position:absolute; top:-18px; left:28px; overflow:hidden; font-size:14px; font-weight:bold;}

.photoGalleryThumb {float:left; margin:0 0 20px 20px;}

/*---- Staff ----*/
.staffPic {width:238px; height:238px; background:url(../images/bg-StaffImg.jpg) no-repeat; margin-bottom:15px;}
.staffPic img {width:184px; height:184px; margin:27px;}



/*---- Buttons ----*/


/*---- Main Nav ----*/
.navWrapper {width:100%; height:29px; display:block; z-index:5;}
#theNav {width:960px; height:29px; margin:0 auto; display:block; z-index:5;}

ul.navi {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 960px;
	font-size:13px;
	z-index:5;
}
ul.navi li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	z-index:5;
}
ul.navi li a {
	padding: 0 15px;
	line-height:29px;
	color: #fff;
	text-decoration: none;
	float: left;
	z-index:5;
}
ul.navi li a:hover{
	background: url(../images/navi_hover.gif) no-repeat center top;
	color:#003b6a;
	z-index:5;
}
ul.navi li .current {background: url(../images/navi_hover.gif) no-repeat center top; color:#003b6a;}
ul.navi li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 29px;
	float: left;
	background: url(subnav_btn.gif) no-repeat center top;
	z-index:5;
}
ul.navi li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.navi li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 28px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 180px;
	font-size:11px;
	z-index:5;
}
ul.navi li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #fff; /*--Create bevel effect--*/
	border-bottom: 1px solid #7f6a27; /*--Create bevel effect--*/
	clear: both;
	width: 180px;
	z-index:5;
}
html ul.navi li ul.subnav li a {
	float: left;
	width: 145px;
	background: #7f6a27;
	padding-left: 20px;
	color:#fff;
	z-index:5;
}
html ul.navi li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #654e18;
	z-index:5;
}

/*----======== Begin NEW navigation ========----*/
ul.menu {list-style:none; margin:0; padding:0; 	width:960px; font-size:13px; z-index:5;}
ul.menu * {margin:0; padding:0; z-index:5;}
ul.menu li {position:relative; float:left; padding: 0 15px 0 0;}
ul.menu li a {display:block; color:#fff; text-decoration:none; padding: 0 15px; line-height:24px; text-decoration:none; z-index:5;}
ul.menu li a:hover {background: url(../images/navi_hover.gif) no-repeat center top; color:#003b6a; z-index:5;}
ul.menu li .current {background: url(../images/navi_hover.gif) no-repeat center top; color:#003b6a;}
ul.menu ul {margin:0; padding:0; position:absolute; top:28px; left:0; background:#654e18; display:none; opacity:0; list-style:none; width:181px; font-size:11px; z-index:5;}
ul.menu ul li {position:relative; border-right:1px solid #fff; width:180px; margin:0; padding:0; border-top: 1px solid #fff; /*--Create bevel effect--*/	border-bottom: 1px solid #7f6a27; /*--Create bevel effect--*/ z-index:5;}
ul.menu ul li a {display:block; padding-left:20px; background-color:#7f6a27; color:#fff; z-index:5;}
ul.menu ul li a:hover {background:none; background-color:#654e18; color:#fff; z-index:5;}
ul.menu ul ul {left:181px; top:-1px; z-index:5;}
ul.menu .sub {background:#7f6a27 url(../images/arrow.gif) 160px 9px no-repeat; z-index:5;}
ul.menu a:hover.sub {background:#654e18 url(../images/arrow.gif) 160px 9px no-repeat; z-index:5;}
/*----======== End NEW navigation ========----*/

/*---- Left SubNav ----*/
ul.leftSubNav {margin:0; padding:0; list-style:none; color:#5c5c5c; font-size:14px; width:180px; font-weight:bold; position:relative;}
ul.leftSubNav li {margin:0 0 0 -12px; padding:0 0 13px 12px; list-style:none; background:url(../images/subnav-shadow.jpg) left bottom no-repeat; position:relative;}
ul.leftSubNav a {color:#5c5c5c; text-decoration:none;}
ul.leftSubNav a:hover {color:#333;}
ul.leftSubNav .current {color:#333;}
ul.leftSubNav .current img {position:absolute; left:-7px; top:0;}
ul.leftSubNav .back {background:none; margin-left:-30px;}

ul.leftSubSubNav {margin:5px 0 20px 0; padding:0; background:none; font-size:13px; font-weight:bold;}
ul.leftSubSubNav li {background:none; padding:0 0 3px 12px;}
ul.leftSubSubNav .current {color:#333;}

ul.leftSubSubSubNav {margin:0 0 7px 0; padding:0; background:none; font-size:12px; font-weight:bold;}
ul.leftSubSubSubNav li {background:none; padding:0 0 3px 24px;}
ul.leftSubSubSubNav .current {color:#004689;}

ul.leftSubSubSubSubNav {margin:0 0 0 0; padding:0; background:none; font-size:12px; font-weight:normal;}
ul.leftSubSubSubSubNav li {background:none; padding:0 0 3px 36px;}
ul.leftSubSubSubSubNav .current {color:#004689; text-decoration:underline; font-weight:bold;}

/*---- Breadcrumb ----*/
#bc {position:absolute; top:12px; left:221px; width:730px;}
#bc a {color:#333; text-decoration:none; font-size:12px;}
#bc a:hover {color:#999; text-decoration:none;}

/*---- accordion ----*/
.ql{
cursor: hand;
cursor: pointer;
margin: 0;
}


.openbody{ /*class added to contents when they are open*/
color: #666;
}

.closedbody{ /*class added to contents when they are closed*/
color: #171640;
}


/*---- Search ----*/
.searchTextInput {border:solid #ccc 1px; padding:2px;}

/*---- Calendar Grid View ----*/
.calGrid {width:100%; margin:0 0 10px 0; border-collapse:collapse;}
.calGrid td {width:14.28%; padding:2px; font-size:14px;}
.calGrid .monthYear {padding:10px; font-size:24px; text-transform:uppercase; font-weight:bold; background-color:#e0edf7;}
.calGrid .prevNext {padding:10px 0; font-size:11px; text-transform:uppercase;}
.calGrid .days {padding:15px 0; color:#7a5617; text-align:center;}
.calGrid .dates {border:solid #e1e1e1 1px; color:#333; text-align:left;}
.calGrid .bgDateActive {background-color:#ffefb8;}

.calGrid ul {margin:10px 0 0 0; padding:0;}
.calGrid ul li {margin:0 7px 10px 7px; padding:0; font-size:10px; font-weight:normal; list-style:none;}
.calGrid ul li a {text-decoration:underline; font-weight:normal; color:#222;}
.calGrid ul li a:hover {text-decoration:none; font-weight:normal; color:#222;}

.headingTitle {font-size:16px; font-weight:bold; color:#5c5c5c; background-color:#e0edf7; line-height:25px; height:25px; margin:0 0 10px 0; padding:0 0 0 10px;}

.calTextDate {width:47px; float:left; padding-right:7px;}
.calTextEvent {width:654px; float:left;}