@charset "UTF-8";
/* CSS Document */
/* Stuff in the content column can't be wider than 440px or it breaks in I.E. */
@import url(jumplinks.css);


* {
	outline:none;
}
img { 
	border:none;
}
body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	background: #d5d4be url(../images/pageBG.jpg) top center fixed;
}
#page {
	width:790px;
	margin:0 auto;	
	font-size:small;
	color:#111;
	background-image:url(../images/backgroundTexture.jpg);
	background-position:top center;
	background-repeat:repeat-y;
}
#container {
	background:url(../images/topBGbanner.jpg) no-repeat;
	background-position:top center;
}
#ucb {
	width:750px;
	margin:0 20px;
}
#banner {
	height:55px;
	position:relative;
	width:750px;
	margin:0 20px;
}
h1 {
	margin:0;
	padding:0;
}
h1 a:link, h1 a:visited {
	display:block;
	height:55px;
	background-image:url(../images/banner-dark.jpg);
	text-indent:-9999px;
}
#studentaffairs {
	position:absolute;
	width:187px;
	height:24px;
	background-image:url(../images/studentaffairs.gif);
	text-indent:-9999px;
	display:block;
	top:14px;
	right:7px;
}
#nav {
	height:35px;
	margin-left:20px;
}
#nav ul {
	list-style:none;
	margin:0;
	padding:0;
}
#nav ul li {
	display:inline;
	position:relative;
	float:left;
	z-index: 10; /* ZJ */
}
#nav ul li a:link, #nav ul li a:visited {
	display:block;
	float:left;
	height:35px;
	background-image:url(../images/nav-torn.jpg);
	text-indent:-9999px;
}
a#homeLink {
	width:57px;
	}
a#facilitiesLink {
	width:82px;
	background-position:-57px 0;
	}
a#clubLink {
	width:99px;
	background-position:-139px 0;
	}
a#instructionLink {
	width:175px;
	background-position:-238px 0;
}
a#intramuralLink {
	width:151px;
	background-position:-413px 0;
}
a#outdoorLink {
	width:150px;
	background-position:-564px 0;
}
a#homeLink:hover, li:hover a#homeLink, li.iehover a#homeLink {
	background-position:0 -35px;
}
a#facilitiesLink:hover, li:hover a#facilitiesLink, li.iehover a#facilitiesLink {
	background-position:-57px -35px;
}
a#clubLink:hover, li:hover a#clubLink, li.iehover a#clubLink  {
	background-position:-139px -35px;
}
a#instructionLink:hover, li:hover a#instructionLink, li.iehover a#instructionLink  {
	background-position:-238px -35px;
}
a#intramuralLink:hover, li:hover a#intramuralLink, li.iehover a#intramuralLink  {
	background-position:-413px -35px;
}
a#outdoorLink:hover, li:hover a#outdoorLink, li.iehover a#outdoorLink  {
	background-position:-564px -35px;
}
body#facilities a#facilitiesLink:link, body#facilities a#facilitiesLink:visited, body#facilities a#facilitiesLink:hover {
	background-position:-57px -70px;
}
body#clubSports a#clubLink:link, body#clubSports a#clubLink:visited, body#clubSports a#clubLink:hover {
	background-position:-139px -70px;
}
body#instructionPrograms a#instructionLink:link, body#instructionPrograms a#instructionLink:visited, body#instructionPrograms a#instructionLink:hover {
	background-position:-238px -70px;
}
body#intramuralSports a#intramuralLink:link, body#intramuralSports a#intramuralLink:visited, body#intramuralSports a#intramuralLink:hover {
	background-position:-413px -70px;
}
body#outdoorPrograms a#outdoorLink:link, body#outdoorPrograms a#outdoorLink:visited, body#outdoorPrograms a#outdoorLink:hover {
	background-position:-564px -70px;
}
ul#menu li ul {
	display:none;
	position:absolute;
	z-index:500;
	top:35px;
	left:7px;
	background: #fff url(../images/paperBG.jpg);
	border-bottom:3px solid #749aaf;
	padding-bottom:5px;
	width:150px;
}
ul#menu li:hover ul {
	display:block;
}
ul#menu li ul li {
	display:inline;
	width:150px;
}
ul#menu li ul li a:link, ul#menu li ul li a:visited {
	background:none;
	text-indent:0px;
	display:block;
	float:none;
	padding:2px 5px;
	height:auto;
	color:#c45e3d;
	text-decoration:none;
	
}
ul#menu li ul li a:hover {
	color:#749aaf;
}
#mainBody {
	clear:both;
	/*
	changed 4/21/09
	overflow:auto;
	*/
	line-height:135%;
	padding:0 20px;
	
	/*
	background-image:url(../images/line1.gif);
	background-repeat:no-repeat;
	background-position:31px 0;
	*/
	}
#mainBody a:link, #mainBody a:visited {
	color:#397197;
	text-decoration:none;
	border-bottom:1px solid #c35a39;
	}
#mainBody a:hover {
	color:#c35a39;
}
.breadcrumbs {
	font-size:90%;
}
#mainBody .breadcrumbs a:link, #mainBody .breadcrumbs a:visited {
	border-bottom:none;
}

#subnav {
	background-color:#FFF;
	background:url(../images/paperBG2.jpg) bottom right;
	margin-right:10px;
	margin-top:20px;
	position:relative;
	padding-top:25px;
	padding-bottom:8px;
}	
#contentColumn img.photo {
	border:1px solid #cac8bc;
	padding:5px;
	background-color:#FFF;
}
#contentColumn img.photoRight {
	border:1px solid #cac8bc;
	padding:5px;
	background-color:#FFF;
	margin:0 0 3px 3px;
}
#contentColumn img.photoLeft {
	border:1px solid #cac8bc;
	padding:5px;
	background-color:#FFF;
	margin:0 3px 13px 0px;
}
#contentColumn img.photoTiny {
	border:1px solid #cac8bc;
	padding:5px;
	background-color:#FFF;
	margin-right:48px;
}
#subnav ul {
	list-style:none;
	margin:0;
	padding:0 0 0 8px;
}
#subnav ul li {
	display:inline;
}
#subnav ul li a:link, #subnav ul li a:visited {
	display:block;
	padding:4px 15px;
	font-size:110%;
	border:none;
}
#subnav ul li ul li a:link, #subnav ul li ul li a:visited {
	padding-left:30px;
}
#subnav ul li a.current:link, #subnav ul li a.current:visited, #subnav ul li a.current:hover {
	background:url(../images/currentArrow.gif) no-repeat left center;
	padding-left:25px;
	color:#c45e3d;
	font-weight:bold;
}
#subnav select {
	margin:4px 15px;
}
#subnav form {
	margin:0;
	padding:0;
}
#contentColumn {
	margin-right:245px;
	/*padding-right:20px;*/
	position:relative;
	width:485px;
}
.content {
	padding:13px;
}
h2 {
	margin:10px 0px 4px 0px;
	padding:0px;
	color:#0c6e25;
	font-size:150%;
}
h2 strong {
	color:#0c6e25;
}
h3 {
	color:#6e4219;
	background:url(../images/line4.gif) no-repeat bottom left;
	padding-bottom:6px;
	margin-bottom:3px;
	font-size:135%;
	clear:left;
}
h3 + p {
	margin-top:3px; 
	padding-top:0px;
}
h4 {
	color:#603950; 
	font-size:120%;
	margin-bottom:0;
	padding-bottom:0;
	clear:left;
}
h4 + p {
	margin-top:0px; 
	padding-top:0px;
}
strong, b {
	color:#6e3626;
}
#mainBody table {
	border-spacing:0; 	
	border-bottom:1px solid #858a6f;
	border-right:1px solid #858a6f;
}
#mainBody table caption {
	font-weight:bold;
	text-align:left;
	color:#6e5c4b;
	font-size: 135%;
}
#mainBody table tr {
	/*background-image:url(../images/line2.gif);
	background-repeat:no-repeat;
	background-position:top left;*/
}
#mainBody table tr.alt {
	background-image:url(../images/tableAltBG.gif);
}	
#mainBody table tr td.tableHead {
	color:#6e3626; 
	background-color:#becdd3; 
	background-image:none; 
	font-size:110%; 
	font-weight:bold; 
	padding:3px;
	border-top:1px solid #858a6f;
	text-align:left; 
	vertical-align:bottom;
}
#mainBody table tr.alt td.tableHead {	
	color:#6e3626; 
	background-color:#becdd3; 
	background-image:none; 
	font-size:110%; 
	font-weight:bold; 
	padding:5px;
	border-top:1px solid #858a6f;
	text-align:left;
	vertical-align:bottom; 
}
#mainBody table tr td {
	border:none;
	margin:0px;
	padding:3px;
	border-top:1px solid #858a6f;
	border-left:1px solid #858a6f;
}	
#mainBody table.schedule {
	font-size:80%;
	line-height:120%;
	width:440px;
}
#mainBody table.schedule tr td {
	margin:0px;
	padding:3px;
}	

#mainBody table.plain {
	border-bottom:none;
	border-right:none;
}
#mainBody table.plain tr.alt {
	background-image:none;
}
#mainBody table.plain tr td {
	border-top:none;
	border-left:none;
}	
#mainBody #contentColumn ul {
	list-style:none;	
}
#mainBody #contentColumn ul li {
	background:url(../images/bullet.gif) no-repeat 0 5px;
	padding-left:15px;
}
#mainBody #contentColumn ul li ul li {
	background:url(../images/bullet2.gif) no-repeat 0 5px;
	padding-left:15px;
}
#mainBody #contentColumn ol li {
	padding-bottom:3px;
} 
#footer {
	clear:both;
	font-size:85%;
	overflow:auto;
	
	padding:15px 0;
	margin:0 20px;

}
#footer #footerbar {
background-color:#c45e3d;
background-image:url(../images/footerbarBG.jpg);
color:white;
padding:8px 5px 8px 45px; 
margin-top:10px;
font-weight:bold; 
}
#footerbar h3 {
	color:#FFF;
	background:none;
	margin:0;
	padding:0 0 5px 0;
}
#footer a#wordmark {
	float:left;
	margin:10px;
}
#footer .content {
	margin-left:160px;
	padding-top:15px;
	}
#footer a:link, #footer a:visited {
	color:white;
	text-decoration:none;
}
#footer a:hover {
	color:#FFF;
	text-decoration:underline;
}
/*for FAQs */
#contentColumn dl.faqs dt {
	margin-bottom:.5em; 
	font-weight:bold;
}
#contentColumn dl.faqs dd {
	display:none; 
	margin:5px 0 8px 0; 
	padding:6px; 
	background-color:#f1decc; 
	border:1px solid #c35a39;
}
#sidebar img.photo {
	border:1px solid #cac8bc;
	padding:5px;
	background-color:#FFF;
}
div.faqfix {
	height:0px; 
	visibility:hidden;
	clear:left;
}
#subnav form {
	background:url(../images/selectBG.gif) no-repeat; 
	height:40px; 
	padding-top:7px;
}

/*for picture based navigation lists in the Content Column */
/*Note: make picture 100 x 100 */
  #mainBody #contentColumn table#navListPics a {
	display: block; 
	text-decoration:none; 
	text-align:center; 
	border:none; 
	padding:5px;
}

#mainBody #contentColumn table#navListPics a:hover {
	color:#6e3626; 
	background:whitesmoke;
}
#mainBody #contentColumn table#navListPics a.current {
	color:#6e3626;
	background:whitesmoke;
 } 
 
/* New Tabs */
#mainBody #contentColumn #navList {
	padding: 3px 0; 
	margin-left: 0;  
	list-style: none; 
	border-bottom: 1px solid #778; 
	width:440px;
}
#mainBody #contentColumn #navList li { 
	margin: 0; 
	display: inline; 
	background:none; 
}
#mainBody #contentColumn #navList li a { 
	padding: 3px 15px; 
	margin-left: 3px; 
	border: 1px solid #778; 
	border-bottom: none;
	background: #DDE; 
	text-decoration: none; 
}
#mainBody #contentColumn #navList li a:hover { 
	color: #000; 
	background: #AAE; 
	border-color: #227; 
}
#mainBody #contentColumn #navList li a.selected { 
	background: none; 
	border-bottom: 1px solid #d7d6c1; 
}
/* PLAIN TABS */
#mainBody #contentColumn ul#semesterTabs {
	width:410px;
	padding:0px 15px;
	margin:0; 
	list-style:none;  
	font-weight:bold;  
	border-bottom:1px solid gray; 
	height:25px;
	clear:left;
}
#mainBody #contentColumn ul#semesterTabs li {
	display: inline; 
	background-image:none; 
	float:left;
	margin:0;
	padding:0;
}
#mainBody #contentColumn ul#semesterTabs a {
	float: left; 
	display: block; 
	color:#6e3626; 
	margin: 0 2px 0 0px; 
	padding: 0px 15px; 
	text-decoration: none; 
	text-align:center; 
	background-color:#becdd3; 
	border:1px solid gray; 
	line-height:24px;
} 
#mainBody #contentColumn ul#semesterTabs a:hover { 
	color:#6e3626; 
	background:#d5c5c0; 
}
#mainBody #contentColumn ul#semesterTabs a.selected { 
	background-image:url(../images/contentBG.jpg);
	color:black; 
	border-bottom:1px solid #edebdc;
} 
#mainBody #contentColumn ul#semesterTabs a:hover.selected { 
    background-image:url(../images/contentBG.jpg); 
	color:black; 
	border-bottom:1px solid #edebdc;
} 

#mainBody #contentColumn div.semesterBox { 
	width:408px;
	padding:10px 15px;
	background-image:url(../images/contentBG.jpg);
	border-top:1px solid #edebdc;
	border-left:1px solid gray;
	border-right:1px solid gray;
	border-bottom:1px solid gray;
}
/* end Plain Tabs */

/* A to Z Sports Tabs */
#a2zlist {
	margin:0;
	padding:0;
	list-style:none;
	overflow:auto;
}
#a2zlist li {
	background:none;
	display:inline;
}
#a2zlist li a:link, #a2zlist li a:visited {
	display:block;
	float:left;
}
/* HOMEPAGE STYLES */
#announcements, #hours {
	float:left;
	width:375px;
	position:relative;
}
h2.welcome {
	/*background: none;*/
	font-size:115%;
	margin:0;
	padding:0;
	color:#000;
}
#announcementsWrapper {
	background:url(../images/featureBGWide.jpg) bottom left;
	/*background-position:bottom left;*/
	padding-bottom:15px;
}
#announcementsWrapper2 {
	height:275px;
	overflow:auto;
	position:relative;
	padding:0 10px;
}
h3.announcements {
	height:30px;
	margin:0 0 0 20px;
	padding:0;
	background:url(../images/announcementsHeading.gif) no-repeat;
	text-indent:-9999px;
}
h3.hoursFallSpring {
	height:30px;
	margin:0;
	padding:0;
	background:url(../images/hoursHeadingFallSpring.gif) no-repeat;
	text-indent:-9999px;
}
h3.hoursSummer {
	height:30px;
	margin:0;
	padding:0;
	background:url(../images/hoursHeadingSummer.gif) no-repeat;
	text-indent:-9999px;
}
h3.hoursBreak {
	height:30px;
	margin:0;
	padding:0;
	background:url(../images/hoursHeadingBreak.gif) no-repeat;
	text-indent:-9999px;
}
h3.hoursSpecial {
	height:30px;
	margin:0;
	padding:0;
	background:url(../images/hoursHeadingSpecial.gif) no-repeat;
	text-indent:-9999px;
}
#hoursWrapper {
	background:url(../images/featureBGWide.jpg) bottom left;
	margin:15px 10px 0 0;	
	padding:5px 5px 15px 15px;
}
table#hoursTable tr {
	background:none;
}
table#hoursTable tr td {
	padding:3px;
	font-size:90%;
	border-top:1px solid #BBB;
}
#hours table#hoursTable {
	width:100% !important;
}
#hours table tr {
	background:none !important;
}
#promo {
	margin:10px 0;
}
#homeFeature {
	width:730px;
	margin:25px auto 5px;
}
#homeFeaturePhotos {
	height:190px;
	overflow:hidden;
}
#homeFeaturePhotos a:link, #homeFeaturePhotos a:visited, #homeFeaturePhotos a:hover {
	border:none;
}
#featureMenu {
	background:url(../images/featureBottom.jpg) no-repeat;
	background-position:bottom;
	line-height:35px;
	height:41px;
}
#featureMenu .links {
	margin-left:145px;
}
#featureMenu p {
	margin:0;
	padding:0;
}
#featureBottom {
	height:41px;
	background:url(../images/featureBottom.jpg) no-repeat;
	line-height:37px;
	font-weight:bold;
	font-size:90%;
}
#featureBottom .links {
	margin-left:145px;
}
#featureMenu .links a:link, #featureMenu .links a:visited {
	color:#333;
	border:none;
}
#featureMenu .links a:hover {
	color:#FFF;
}
#featureMenu .links a.current:link, #featureMenu .links a.current:visited, #featureMenu .links a.current:hover {
	color:#c15230;
}
/* PAPERCLIPS, TAPE, ETC */
#announcements .photoWrapper span {
	background:url(../images/paperclipleft2.png) no-repeat;
	width:65px;
	height:35px;
	position:absolute;
	display:block;
	top:5px;
	left:-19px;
}
#hours .photoWrapper span {
	background:url(../images/paperclipright2.png) no-repeat;
	width:65px;
	height:35px;
	position:absolute;
	display:block;
	top:5px;
	right:-9px;
}
.paperclip-right {
	position:absolute;
	top:0px;
	right:-25px;
	z-index:10;
}
.photoWrapper{
	position:relative;
}
.photoWrapperRight {
	position:relative;
	float:right;
	margin:10px 0px 0 5px;
}
.photoWrapperLeft {
	position:relative;
	float:left;
	margin:10px 5px 0 0;
}
#contentColumn .photoWrapper span {
	background:url(../images/paperclipleft2.png) no-repeat;
	width:65px;
	height:35px;
	position:absolute;
	display:block;
	top:5px;
	left:-19px;
}
#contentColumn .photoWrapperRight span {
	background:url(../images/tape.png) no-repeat;
	width:77px;
	height:27px;;
	position:absolute;
	display:block;
	top:-11px;
	right:19px;
}
#contentColumn .photoWrapperLeft span {
	background:url(../images/tape.png) no-repeat;
	width:77px;
	height:27px;
	position:absolute;
	display:block;
	top:-11px;
	right:19px;
}
#subnav span {
	background:url(../images/paperclipright2.png) no-repeat;
	width:65px;
	height:35px;
	position:absolute;
	display:block;
	top:0px;
	right:-19px;
}
#sidebar {
	width:240px;
	float:right;
}
/*
#sidebar div.feature {
	margin:0px 10px 10px 10px;
	border:2px solid #9b6a5b;
	background-image:url(../images/featureBG.jpg);
	background-color:#d5c5c0;
	padding:0px;	
}
#sidebar div.feature h4 {background-color:#9b6a5b; color:white; margin:0px; padding:4px;}
*/

/* change to class="specialfeature"
#sidebar div.feature .content {
	padding:0px 7px;
}
#sidebar div.feature, #sidebar div.sbfeature {
	margin-right:10px;
	margin-top:20px;	
	background:url(../images/featureBG.jpg) bottom right;
	padding:5px 14px;
}
#sidebar div.feature h4, #sidebar div.feature2 h4 {
	font-weight:bold; 
	margin:0px; 
	padding:4px;
}
#sidebar div.feature2 .content {
	padding:0px 7px;
}
*/

div.featuresidebar {position:absolute; left:500px; width:230px; clear:right;}

div.specialfeature {
    width:200px;
	margin-right:10px;
	margin-top:20px;	
	background:url(../images/featureBG.jpg) bottom right;
	padding:10px 14px;
}
div.specialfeature h4 {
	font-weight:bold; 
	margin:0px; 
	padding:4px;
}
div.specialfeature .content {
	padding:0px 7px;
}

/* Old One
div.contentfeature {
	margin-top:20px;	
	background:url(../images/featureBGWide.jpg) no-repeat bottom left;
	padding:5px 5px 14px 15px;
}
*/

div.contentfeature {
    width:440px;	
	padding:5px 5px 25px 5px;
	margin-top:20px;
	background: url(../images/tornPaper2.jpg) bottom right;	
}

div.contentfeature h4 {
	font-weight:bold; 
	margin:0; 
	padding:4px;
}
	
	
#sidebar .photoWrapper {
	position:relative;
	margin-right:10px;
}
#sidebar .photoWrapper span{
	background:url(../images/paperclipright2.png) no-repeat;
	width:65px;
	height:35px;
	position:absolute;
	display:block;
	top:5px;
	right:-19px;
}


/* ALERT */

#alert {
	background-image:url(../images/rec-alert.jpg);
	background-repeat:no-repeat;
	background-color:#000;
	color:#FFF;
	border-top:1px solid #000;
	font-weight:bold;
	font-size:130%;
	padding:40px 10px 10px;
	display:none;
	text-transform:uppercase;
	line-height:120%;
}



#sportSearchBar {
	background-color: #52995b;
	background-image:url(../images/sportsearchbar.jpg);
	padding: 8px 10px;
}
#sportSearchBar h1 {
	float: left;
	padding-right: 35px;
	margin-right: 5px;
	color: #fff;
	font-size: 115%;
	text-transform: uppercase;
	background: url(../images/sportArrow.gif) no-repeat right; 
}
#sportSearchBar select {
	margin: 0;
	padding: 0;
}
.arrow {
	font-size:120%;
	font-weight:bold;
}
.photoWrapperLeft span, .photoWrapperRight span {behavior:url(../iepngfix.htc);} 

div.sportsList {width:134px; float:left; margin-right:5px; padding:5px 5px 20px 5px; background: url(../images/tornPaper2.jpg) bottom right no-repeat;}
div.sportsList ul {margin-left:0px; padding-left:0px; list-style-position:outside;}
div.sportsList h4 {border-bottom:1px solid #603950; margin-top:0px;}

p.backtotop {clear:left; font-size:90%;}