@charset "utf-8";
.scsu-shell-width {
	/*width: 911px;*/
}
#scsuSubsiteArea {
	width: 855px;
	border: 5px solid #fff;
}
#top {
	background-color: #222222;
	background-image: url(/campusrec/images/shell/h2-fade.png);
	background-repeat: repeat-x;
}
#top a {
	text-decoration: none;
	display: block;
	color: #ffffff;
	
	background-image:url(/campusrec/images/shell/stC02.png);
	background-repeat:no-repeat;
}
#top a.recHeader {
	display: block;
	height: 80px;
	overflow: hidden;
	vertical-align: bottom;
}

#top h5 {
	font-size: .7em;
	margin:0px 0px 0px 0px;
	padding: 32px 0px 0px 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: #000000 2px 2px 2px;
}
#top h2 {
	font-size: 1.1em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 10px;
	font-family: "Arial Black", Gadget, sans-serif;
	text-shadow: #000000 3px 3px 3px;
}
#top #topnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	border-top: 1px solid #ffffff;
}
#top #topnav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#top #topnav ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
}
#top #topnav ul li a {
	display: block;
	width: 75px;
	border-right: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	float: left;
	padding: 3px 5px;
	background-color: #333333;
	color: #ffffff;
	text-decoration: none;
	background-image: url(/campusrec/images/shell/h2-fade.png);
	background-repeat: repeat-x;
}
#top #topnav ul li a:hover {
	background-color: #000000;
	color: #ffffff;
}
#mainSite {
	clear: both;
	overflow: auto;
}
#navigation {
	clear: left;
	overflow: auto;
	float: left;
	width: 200px;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	
}
#navigation h3, #navigation h2, navigation li {
	margin:0px;
	padding: 0px;
}
#navigation ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
#navigation li {
	list-style-type:none;
}
#navigation h2 a {
	display: block;
	width: 179px;
	padding: 10px 10px 7px 10px;
	font-size: .6em;
	text-decoration: none;
	color: #ffffff;
	background-color: #333333;
	background-image: url(/campusrec/images/shell/h2-fade.png);
	background-repeat: repeat-x;
	border-bottom: 1px solid #ffffff;
}
#navigation ul li a {
	display: block;
	width: 179px;
	font-size: 75%;
	text-decoration: none;
	background-color: #E3E3E3;
	border-bottom: 2px solid #ffffff;
	padding: 3px 10px 3px 10px;
	color: #000000;
	font-weight: normal;
}
#navigation ul li a.active {
	font-weight: bold;
}
#navigation ul li a:hover {
	background-color: #333333;
	color: #ffffff;
}
#navigation ul li ul {
	/* border-bottom: 1px solid #ffffff; */
}
#navigation ul li ul li a {
	background-color: #f5f5f5;
	color: #000000;
	padding: 3px 10px 3px 30px;
	width: 159px;
	margin-top: -1px;
	font-weight: normal;
	font-size: .7em;
	/*border-left: 3px solid #ffffff;
	border-right: 3px solid #ffffff;*/
}
#navigation ul li ul li a:hover {
	color: #ffffff;
}
#main {
	width: 855px;
	background-color: #efefef; /* Fix this for small pages */
	overflow: hidden;
}
/** All Content **/
#content {
	width: 655px;
	margin-left: 200px;
	background-color: #ffffff; /*Check here*/
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	overflow: hidden;
	clear: right;
}
#content #pageContent {
	color: #333333;
	background-color: #ffffff;
	/* display: none; */
	overflow: hidden;
}
#content #pageContent h2.sectionTitle, #content #pageContent #pageMain h2.sectionTitle {
	background-color: #000;
	margin: 0px;
	padding: 8px 12px;
	background-image: url(/campusrec/images/shell/h2-fade.png);
	background-repeat: repeat-x;
	border-bottom: 1px dotted #7a7a7a; /* 7a7a7a */
	color: #ffffff;
	font-size: .8em;
}
#content #pageContent h2 {
	font-size: .8em;
	padding: 10px 10px 0px 0px;
	margin: 0px 0px 3px 0px;
}
#content #pageContent h3 {
	font-size: .8em;
	padding: 0px 0px 3px 0px;
	margin: 0px 0px 3px 0px;
	border-bottom: 1px dotted #dddddd;
	clear: right;
}
#content #pageContent img {
	margin: 0px 0px 10px 10px;
}
#content #pageContent .staffBox img {
	margin: 0px;
}
#content #contentArea #intramural img {
	margin: -12px 0px 0px -12px;
}
#content #pageContent h3.sectionTitle {
	background-color: #000;
	margin: 0px -5px 10px -5px;
	padding: 5px 10px;
	background-image: url(/campusrec/images/shell/h2-fade.png);
	background-repeat: repeat-x;
	border-bottom: 1px dotted #7a7a7a; /* 7a7a7a */
	color: #ffffff;
	font-size: .8em;
}
#content #pageContent h4 {
	font-size: .75em;
	font-weight: bold;
	margin: 0px 0px 1px 0px;
	padding: 0px 0px 1px 0px;
}
#content #pageContent #contentArea {
	padding: 12px;
	margin: 0px;
}
#content #pageContent p {
	font-size: .75em;
	margin: 0px;
	padding: 0px 0px 1.5em 0px;
}
#content #pageContent td {
	font-size: .75em;	
}
#content #pageContent td td, #content #pageContent li li, #content #pageContent li table td {
	font-size: 1em;
}
#content #pageContent tr td h3, #content #pageContent tr td li  {
	font-size: 1em;
}	
#content #pageContent li ul {
	margin-bottom: 0px;
}
#content #pageContent .nobullet li {
	list-style-type: none;
}
#content #pageContent .lister td {
	padding-top:3px;
}
#content #pageContent #pageMain {
	background-color: #333333;
	min-height: 200px;
	border-bottom: 1px dotted #ffffff;
	overflow: hidden;
	/* overflow-y: scroll; /* This works if I need it */
	/* overflow-x: hidden; */
}
#content #pageContent ul, #content #pageContent ol {
	margin: 0em 0px 1em 1.5em;
	padding: 0em 0px 0px 1.5em;
}
#content #pageContent #pageMain p {
	color: #ffffff;
	font-size: .75em;
	margin: 0px;
	padding: 0px 0px 1em 0px;
}
#content #pageContent ul {
	margin-left: .5em;
}
#content #pageContent li {
	font-size: .75em;
	margin: 0px;
	padding: 0px;
}
#content #pageContent #pageMain li {
	color: #ffffff;
}
#content #pageContent p p, #content #pageContent li p {
	font-size: 1em;
}
#content #pageContent a {
	color: #cc0000;
}
#content #pageContent a:hover {
	color: #333333;
}
#content #pageContent #pageMain a {
	color: #e8e4a3;
}
#content #pageContent #pageMain a:hover {
	color: #eeeeee;
}
#content #pageContent #pageMain #contentArea h3 {
	color: #ffffff;
}
#content #pageContent #newsBlock h2.sectionTitle {
	background-color: #000;
	margin: -5px -5px 0px -5px;
	padding: 8px 12px 8px 12px;
	background-image: url(/campusrec/images/shell/h2-fade.png);
	background-repeat: repeat-x;
	border-bottom: 1px dotted #7a7a7a;
	color: #ffffff;
	font-size: .8em;
}

#content h2.calendarTitle {
	background-color: #000;
	margin: 0px;
	padding: 8px 12px;
	background-image: url(/campusrec/images/shell/h2-fade.png);
	background-repeat: repeat-x;
	border-bottom: 1px solid #7a7a7a;
	color: #ffffff;
	font-size: .9em;
}
#content table.eventlisting {
	margin: 10px;
	width: 482px;
	/* width: 440px; */
	margin-right: 155px;
	overflow: hidden;
}
#content #attention {
	width: 482px;
	border: 1px solid #cc0000;
	border-top: 5px solid #cc0000;
	margin-bottom: 1px;
	padding: 8px;
	background-color: #FFC;
	color: #333;
}
#content #attention p.newsdate {
	margin: 0px;
	padding: 0px;
	font-size: .55em;
}
#content #attention h2.newsteasertitle {
	margin: 0px;
	padding: 0px;
	font-size: .8em;
	display: none;
}
#content #attention .teaser p {
	font-size: .7em;
	margin: 0px 0px .25em 0px;
}
#content #pageContent h2.newsteasertitle {
	font-size: .8em;
	margin: 0px 0px 9px 0px;;
	padding: 0px 0px 3px 0px;
	border-bottom: 1px solid #7a7a7a;
	background-image:none;
}

#content #pageContent #news p {
	font-size: .7em;
	margin: -3px 0px 1em 0px;
	padding: 0px;
}
#content #pageContent #news p.newsdate {
	position:static;
	float: right;
	text-align: right;
	font-size: .6em;
	margin: 5px 0px 0px -155px;
	padding: 0px 0px 0px 5px;
	background-color: #ffffff; /*Check here*/
	color: #333333;
	display: block;
	width: 150px;
}
#content #imageBlock {
	width: 500px;
	height: 250px; /* height: 255px; */
	background-color: #333;
	overflow: hidden;
	border-bottom: 1px solid #ffffff;
	/* border-right: 1px solid #888888; */
}
#content #eventdisplay {
	display: block;
	width: 500px;
	background-color: #ffffff; /*Check here*/
}
#content #eventdisplay td .standard,
#content #eventdisplay td p,
#content #eventdisplay td li {
	font-size: 1em;
}
#content #eventdisplay td h3 {
	font-size: 1.2em;
}
#content #eventdisplay td ul {
	margin-bottom: 1em;	
}
#content #eventdisplay h2 {
	display: none;
}

#content #calendar {
	width: 154px;
	float: right;
	background-color: #eeeeee;	
	overflow: hidden;
}
#calendar h4 {
	margin: 0px;
	padding: 0px;
}
#calendar h4 a {
	background-image: url(/campusrec/images/shell/h2-fade.png);
	background-repeat: repeat-x;
	border-bottom: 1px solid #ffffff;
	background-color: #000;
	margin: 0px;
	display: block;
	color: #ffffff;
	font-size: 0.9em;
	padding: 10px 10px 7px 10px;
	border-bottom: 1px solid #ffffff;
	text-decoration: none;
}
.calendarPaging {
	margin: 0px 10px 0px 10px;
	width: 480px;
	text-align: center;
	font-size: .7em;
}
#content #calendar #monthcalendar table.calendarTable {
	width: 156px;
}
#content #calendar table.calendarTable {
	color: #cccccc;
	margin-top: 0px;
}
#content #calendar table.calendarTable th {
	font-weight: bold;
	font-size: .8em;
	background-color: #ffffff;
	border-bottom: 1px solid #cccccc;
	color: #000000;
}
#content #calendar table.calendarTable td {
	padding: 3px;
	text-align: right;
	font-size: .7em;
	/* border: 1px solid #cccccc; */
}
a.m {
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}
#content #calendar .calendarTopBar {
	background-image: url(/campusrec/images/shell/h2-fade.png);
	background-repeat: repeat-x;
	background-color: #000000;
}
#content #calendar .event a.calendarSideLink {
	display: block;
	color: #333333; /*Check here*/
	text-decoration: none;
	padding: 5px;
	font-size: .7em;
	background-color: #ffffff; /*Check here*/
	font-size: .7em;
	border-bottom: 1px dotted #555555;
}
#content #calendar .event a:hover.calendarSideLink {
	color: #333333;
	background-color: #eeeeee;
}
#content #calendar .event .date {
	/* border: 1px solid #333333; */
	color: #888888;
	font-size: .9em;
}
#content #calendar .event .what {
	/* border: 1px solid #333333;
	font-weight: bold; */
}
#content #calendar .event .details {
	/* border: 1px solid #333333; */
	color: #888888;
	font-size: .9em;
}
.pullOut {
	background-color: #ffffff;
	clear: right;
	border: 1px dotted #cccccc;
	padding: 7px;
	margin: 0px 0px 7px 7px;
	width: 250px;
	float: right;
}
.pullOut p {

}
#pageContent #contentArea h2, #pageContent #Schedule h2 {
	margin: 0px;
	padding: 5px 10px 5px 10px;
	font-size: 1em;
}
#pageContent #Schedule h2 {
	font-size: .8em;
}
#pageContent #contentArea p.indent {
	padding-left: 2em;
}
a.eventListLink {
	font-size: .8em;
	display: block;
	padding: 5px;
	color: #333333;
	text-decoration: none;
	text-align: center;
	background-color: #f7f7f7;
}
a.eventListLink:hover {
	background-color: #f0f0f0;
	color: #000000;
	text-decoration: underline;
}
#content #newsBlock {
	font-family: Arial, Helvetica, sans-serif;
	/* width: 490px;  /* INLINE ON PAGES THAT NEED IT!!! */ 
	padding: 5px;
	background-color: #ffffff; /*Check here*/
	color: #333333; /*Check here*/
	
}
#content #news {
	padding: 15px 8px 8px 8px;
}
#content #news h2 a {
	text-decoration: none;
	color: #333333; /*Check here*/
}
#content #news h2 a:hover {
	text-decoration: underline;
	color: #cc0000;
}
#content #scoresBlock {
	width: 144px;
	border-left: 1px solid #7a7a7a;
	padding: 5px;
	float: right;
	background-color: #000;
}
#content #scores {
	padding: 15px 8px 8px 8px;	
}

#contentArea .newspublicationname {
	display: none;
}
#pageContent #contentArea h2.newstitle {
	margin: 0px;
	padding: 0px 0px 2px 0px;
	border-bottom: 1px dotted #777777;
	font-size: .9em;
}
#contentArea table tbody tr.newslistheader td {
	font-weight: bold;
	border-bottom: 1px dotted #777777;
}
#pageContent #contentArea p.newsdate {
	padding: 2px 0px 1em 0px;
	font-style: italic;
	color: #777777;
	font-size: .6em;
}
table .eventlisting td {
	border-bottom: 1px solid #ffffff;
}
table .eventlisting td h3 {
	margin: 0px;
	padding: 0px;
	font-size: 1em;
}
.eventlisting h3 {
	color: #000000;
}
.standard {
	color: #000000;
	font-size: .8em;
}
.standard td p {
	font-size: 1.5em;
}
#content .staffBox {
	float: right;
	border: 1px dotted #cccccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px;
	margin: 0px 0px 5px 5px;
	font-size: .7em;
}
#content #pageMain img {
	margin: 0px 0px 10px 10px;
}
#miniGallery {
	float: right;
	width: 135px;
}
#contentArea #miniGallery img {
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

/*--------------INTRAMURALS----------------------------*/
#intramural .banner {
	margin: -12px 0px 0px -12px;
	padding: 0px;
	}
#intramural tr , #rentals tr {
	border-top: 1px dotted #7a7a7a;
	}
#intramural tr td, #rentals tr td{
	border-bottom: 1px dotted #7a7a7a;
	padding: 5px 0px 5px 0px;
	}
#pageContent #pageMain #contentArea .intramuralButtons a{
	clear: right;
	background-image: url(../images/shell/h2-fade.png);
	background-repeat: repeat-x;
	border: 1px dotted #777777;
	float: right;
	width: 200px;
	margin: 30px 15px 0px 0px;
	text-align: center;
	padding: 8px 0px 8px 0px;
	text-decoration: none;
	color: #ffffff;
	}
.smaller {
	font-size: .65em;
}
#pageContent #pageMain #contentArea .homeImage {
	margin: -12px 0px -15px -12px;
}
#pageContent #pageMain #contentArea .intramuralButtons a:hover{
	background-color: #000000;
}
/*-----Hall of Champions------*/
#hoc {
	margin: 0px 0px 0px -12px;
	padding: 0px;
	width: 655px;
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000000;
	}
#hoc h2 {
	color: #ffffff;
	background-color: #000000;
	border-top: 1px solid #ffffff;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	text-align:center;
	font-size: 1em;
}
#hoc-nav {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px -25px;
	list-style-type: none;
	overflow: auto;
}
#hoc-nav ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#hoc-nav  li {
	display:inline;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	float: left;
}
#hoc #hoc-nav a {
	padding: 5px 3px 5px 3px;
	font-size: .8em;
	margin: 0px;
	list-style-type: none;
	text-decoration: none;
	width: 115px;
	text-align: center;
	display:block;
	color:#fff;
	cursor: pointer;
}
#hoc #hoc-nav a:hover{
	color: #fff;
	text-decoration: underline;
}
#hoc .content {
	overflow: hidden;
	clear: right;
	padding-top: 10px;
	height: 400px;
	width: 655px;
	color: #ffffff;
}
#hoc .content p {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}
/*--------------INTRAMURALS----------------------------*/
#scroller { 
	height: 300px; 
	width: 450px; 
	overflow-y: scroll; 
	overflow-x: hidden;
	margin: 0px;
}
#facilitiesKey  {
	background-image: url(../images/shell/G70.png);
	margin: 30px -12px -12px -12px;
	padding: 15px;
	color: #ffffff;
	}
#facilitiesKey a {
	text-decoration: none;
}
#facilitiesKey a:hover {
	text-decoration: underline;
	}
.hours, #rates {
	font-size: .9em;
}
.daySchedule {
	padding: 5px;
	border-right: 1px dotted #dddddd;
	border-left: 1px dotted #dddddd;
	border-bottom: 1px dotted #dddddd;
	margin: -2px 0px 10px 10px;
}
/*--------------  fitness schedule   ----------------------------*/
#fitness tr , #rentals tr {
	border-top: 1px dotted #7a7a7a;
	}
#fitness tr td, #rentals tr td{
	border-bottom: 1px dotted #7a7a7a;
	border-right: 1px dotted #7a7a7a;
	padding: 5px 2px 5px 2px;
	}
/*--------------   HOURS   ----------------------------*/
#pageContent #contentArea .hours h2, #rates h2   {
	background-color:#333333;
	background-image:url(http://www.stcloudstate.edu/campusrec/images/shell/h2-fade.png);
	background-repeat:repeat-x;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .8em;
	padding: 5px;
	margin: 0px;
	clear: both;
}
.hours h2, #rates h2   {
	background-color:#333333;
	background-image:url(http://www.stcloudstate.edu/campusrec/images/shell/h2-fade.png);
	background-repeat:repeat-x;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .8em;
	padding: 5px;
	margin: 0px;
	clear: both;
}
.hours h5, #rates h5 {
	background-color:#fbfbfb;
	/* background-image:url(http://www.stcloudstate.edu/campusrec/images/shell/h2-fade.png);
	background-repeat:repeat-x; */
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	height: 15px;
	border-right: 1px solid #333333;
	overflow: hidden;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-radius-topleft: 5px;
	-webkit-border-radius-topright: 5px;
}
.hours h5:hover, #rates h5:hours {
	background-color: #555555;
	color: #eeeeee;
	/* width: 228px; */
	}
.hoursArea, .ratesArea {
	clear: both;
}
.springFall, .level01 {
	width: 194px;
	margin: 0px 0px 5px 0px;
	padding: 5px;
	border: 1px dotted #aaa;
	border-top: none;
	float: left;
	clear: both;
	background-color: #ffffff;
	}
.intersession, .level02 {
	width: 194px;
	margin: 0px 0px 5px 6px;
	padding: 5px;
	border: 1px dotted #aaa;
	border-top: none;
	float: left;
	background-color: #ffffff;
}
.summer, .level03 {
	width: 195px;
	margin: 0px 0px 5px 6px;
	padding: 5px;
	border: 1px dotted #aaa;
	border-top: none;
	float: left;
	background-color: #ffffff;
}

.exceptions, .exceptions2 {
	margin: 0px 0px 1em 0px;
	padding: 5px 5px 5px 8px;
	border-bottom: 1px dotted #aaa;
	clear: both;
	font-size: .75em;
	}
.exceptions {
	display: block;
	width: 618px;
	}
.exceptions2 {
	width: 232px;
	}
.hours h3, #rates h3 {
	color: #900;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin: 8px 0px 6px 5px;
	}
.hours h4, #rates h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000;
	margin: 5px 0px 0px 0px;
	}
.hours p, rates p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000;
	margin: 0px 0px 0px 0px;
	padding-left: 5px;
	}
.floatover {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: right;
	}

/*last display.............................................*/
.springFall2 {
	width: 496px;
	margin: -15px 0px 5px 0px;
	padding: 5px 5px 5px 5px;
	border: 1px dotted #666;
	border-top: none;
	}

.summer2 td tr {
	border-right: 1px dotted #666;
	}
#siteFeature {
	background-color: #fbfbfb;
	font-size: .7em;
	border-left: 1px solid #cc0000;
	border-right: 1px solid #cc0000;
	border-bottom: 1px solid #cc0000;
	margin: -12px -12px 1em 350px;
	padding: 10px;
}
hr {
	clear: both;
}
.note {
	font-size: .8em;
	color: #888888;
	font-style: italic;
}

/* Event Calendar Shedule */
#pageContent #eventSchedule {
	border: 1px dotted #cccccc;
	margin: 10px;
	padding: 5px;
	background-color: #fbfbfb;
}
#pageContent #eventSchedule p.eventScheduleTitle {
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
}
#pageContent #eventSchedule table.eventScheduleTable td.eventScheduleHeader {
	background-color: #eeeeee;
	border-bottom: 1px dotted #cccccc;
	font-weight: bold;
}
#pageContent #eventSchedule table.eventScheduleTable td.eventScheduleDetail {
	border-bottom: 1px dotted #cccccc;
	font-size: .6em;
}
.fitnessSchedule {
	font-size: .8em;
}
.fitnessScheduleMain {
	background-color: #eeeeee;
}
#content #pageContent #contentArea #Schedule .hours h2 a {
	color: #ffffff;
	text-decoration: none;
}
#content #pageContent #contentArea #Schedule .hours h2 a:hover {
	text-decoration: underline;
	color: #dddddd;
}
#content .title {
	clear: both;
	margin-bottom: 1em;
	display: block;
	float: left;
	width: 70px;
}
#content .information {
	display: block;
	margin-bottom: 1em;
	width: 550px;
	float: right;
}

@media print {
	#top h2, #top h5 {text-shadow: none;}
	#topnav, #navigation {display: none}
    #mainSite, #main, #pageContent, #content {display: inline;} /* Fix Printing Problems - Without only prints one page */
}