/********************************************random banner home template********************************************************/   
#sectionheader {
	background-image: url(/primarytemplatefiles/recreation/images/banners/main_banner_03.jpg);

	height:181px;

	
	margin-top: -1px;

}

/********************************************end random banner home********************************************************/



#sectionheader {
background-repeat:no-repeat;
height:223px;
width:804px;
}

.columns .column.text.main h1 {
border-bottom:2px solid #FACB3F;
padding-bottom:0;
}

.columns .column.text.main h1, .columns .column.text.main h2 {
color:#004071;
}

.columns .column.text.main h3, .columns .column.text.main h4 {
color: #004071;
}

.columns .column.text.main h3 {
border-bottom:1px dotted #0071BB;
border-top:1px dotted #0071BB;
}


.columns .column.text.main h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:.9em;
	text-transform:uppercase;
	letter-spacing:.3em;
	color:#999999;
	margin-bottom:0;
	font-weight:bold;
	margin-top:10px;
	margin-left:0;
}

a, a:link, a:active, a:hover, a:visited {
color:#0071BB;
}



hr {
border: 0;
color: #FACB3F;
background-color: #FACB3F;
height: 2px;
width: 100%;
text-align: center;
}


ul.bullet li a:hover {
text-decoration:none;
background:#0071BB;
color:#ffffff;
}

ul.bullet li{
list-style-image:url(/primarytemplatefiles/student_dev_enr_area/images/selected_bracket_blue.jpg);
}


.sectionfront
  {
  width:571px;
  height:342px;
  background:url(/students/recreation/images/front1_blk.jpg) no-repeat;
  }
.sectionfront .textbox  {
  width:180px;
  height:342px;
  margin:0;
  float:right;
  }
.sectionfront .textbox p  {
  margin:20px 10px;
  color:#ffffff;
  }
  
.text.main .sectionfront .textbox h1  {
  margin:0 10px;
  font-family:"Lucida Grande","Arial","Helvetica",sans-serif;
  text-transform:uppercase;
  color:#ffffff;

  }
  
p.more a, p.more a:link, p.more a:active, p.more a:hover, p.more a:visited {
color:#679B16;
}

.inlinehead {
text-transform:uppercase;
color:#0071BB;
font-weight:bold;
}

.columns .column.text.main .areas h2  {
margin-bottom:0;
width:180px;
font-size:1.1em;
border-top:none;
padding-top:none;
}

.areas h2 a, .areas h2 a:link, .areas h2 a:hover, .areas h2 a:active, .areas h2 a:visited {
background-color: #0071BB;
color:#ffffff;
padding: 2px 4px 3px;
text-decoration:none;
display:block;
white-space:nowrap;
}

.areas h2 a:hover {
background-color:#FACB3F;
color:#000000;
}

.areas p {
margin-top: 0;
padding-top:0;
}

.areas a img, .areas a:link img, .areas a:hover img, .areas a:active img, .areas a:visited img {
border-bottom: solid #FACB3F 8px;
}

.areas a:hover img {
border-bottom-color: #0071BB;
}

.columns .column.text.main .areas_wide h2 {
width: 275px;
}


#lowerright h2 {
border-bottom:1px dotted #0071BB;
border-top:1px dotted #0071BB;
color:#004071;
}

.floatrightbox {
margin:0;
padding:0;
border:1px dotted #0071BB;
}

.floatrightbox p {
margin: 10px 5px;
}


.floatrightnav {
	float: right;
	width: 160px;
	margin-top: 40px;
	margin-left: 20px;
	margin-bottom: 20px;
	border:1px dotted #0071BB;
	background-color: #F6FBF9;
	padding: 0;
	font-size: 90%;
}


.columns .column.text.main .floatrightnav h4, .columns .column.text.main .floatrightbox h4 {
	padding: 3px 5px;
	margin: 0 0 0;
	background:#FACB3F;
	color:#000000;
	}

.floatrightnav ul.bullet {
	padding: 10px 0 0 25px;
	margin: 0;
}

.floatrightnav ul li {
	margin-left: 0;
	padding-left: 0;
	padding-bottom: 5px;
}


table.rec_hours th{
width:14%;
}

table.rec_hours td {
font-family:"Lucida Grande","Arial","Helvetica",sans-serif;
font-size:.9em;
}

td.laps {
background-color: #0071BB;
color:#ffffff;
}

#lowerright ul.bullet li {
margin:20px 20px 0 0;
}

#abovefold {
margin-bottom: 40px;
}


#abovefold h1 {
font-size:2.5em;
padding-bottom:0;
}

#abovefold p {
font-size:1.1em;
line-height:1.9em;
}



/*

ul.intramurals {
	float:left;
	list-style-type:none;
	margin-bottom:0;
	margin-left:22px;
	margin-top:162px;
	padding:0;
	

}
ul.intramurals li {
	display: inline;
	float:left;
	height:auto;
	margin:1px 10px 0 0;
	padding:7px 10px 3px 0;
	font-family: "Lucida Grande","Arial","Helvetica",sans-serif;
	border-right:1px solid #cccccc;
	font-weight:normal;
	font-size:.95em;
}

ul.intramurals li:last-child {
	border-right: none;
		

}

ul.intramurals li a, ul.intramurals li a:link, ul.intramurals li a:visited, ul.intramurals li a:hover, #sectiontitle ul li a:active  {

	color:#0071BB;
	text-decoration:none;
}

ul.intramurals li a:hover {
	text-decoration: underline;
}
*/


ul.intramurals {
	list-style-type: none;
	margin-right: 0;
	margin-top: 0;
	padding-left:0;
}


ul.intramurals li{
	display: inline;
	text-decoration: none;
	padding: 0 5px;
	border-right: 1px solid #cbcbcb;
	font-size:.95em;
	margin:0;
}

ul.intramurals li.hide {
display:none;
}

ul.intramurals li.display {
display:inline;
}

ul.intramurals li:first-child {
padding-left:0;
}

ul.intramurals li:last-child {
	border-right: none;
}


ul.intramurals li a, ul.intramurals li a:link, ul.intramurals li a:visited, ul.intramurals li a:active{
	text-decoration: underline;
}

ul.intramurals li a:hover {
	text-decoration: none;
}



table.intramurals th {
color:#004071;
font-size:1.2em;
}	

table.intramurals td.width50 {
width:50%;
}

table.intramurals td.width33 {
width:33%;
}


.columns .column.text.main table.intramurals h4{
margin-top:0;
}


.imagerightborder8 {
float:right;
margin-left: 20px;
margin-right: 0;
padding:0;
border-top:8px solid #0071BB;
border-bottom:8px solid #FACB3F;
}

.imageborder8 {
border-top:8px solid #0071BB;
border-bottom:8px solid #FACB3F;
}

table.rentals {
margin-bottom:0;
}

table.rentals th.column_1 {
width:40%;
}

table.rentals th.columns {
width:15%;
}






/* nav color */

h2.custom_nav_right a, 
	h2.custom_nav_right a:link, 
	h2.custom_nav_right a:visited, 
	h2.custom_nav_right a:hover,
	h2.custom_nav_right a:active {
		color:#004071;
	}

	h2.custom_nav_right a:hover {
		background-color: #004071;
		color: #ffffff;
	}

	h2.custom_nav_right {
		border-color:#0071BB;
	}


	ul.custom_nav_right li.selected a,
	ul.custom_nav_right li.selected a:link,
	ul.custom_nav_right li.selected a:visited,
	ul.custom_nav_right li.selected a:hover,
	ul.custom_nav_right li.selected a:active {
		background-image:url(/primarytemplatefiles/student_dev_enr_area/images/selected_bracket_blue.jpg);
		background-repeat:no-repeat;
		background-position:0 3px;
	}


	ul.custom_nav_right li a,
	ul.custom_nav_right li a:link,
	ul.custom_nav_right li a:visited,
	ul.custom_nav_right li a:hover,
	ul.custom_nav_right li a:active {
		color: #0071BB; 

	}

	ul.custom_nav_right li a:hover {
		background-image:url(/primarytemplatefiles/student_dev_enr_area/images/selected_bracket_blue.jpg);
		background-repeat:no-repeat;
		}


	ul.custom_nav_right li ul li a,
	ul.custom_nav_right li ul li a:link,
	ul.custom_nav_right li ul li a:visited,
	ul.custom_nav_right li ul li a:hover,
	ul.custom_nav_right li ul li a:active {	
		color: #777;
	}

	ul.custom_nav_right li.selected ul li a,
	ul.custom_nav_right li.selected ul li a:link,
	ul.custom_nav_right li.selected ul li a:visited,
	ul.custom_nav_right li.selected ul li a:hover,
	ul.custom_nav_right li.selected ul li a:active {	
		color: #777;
		background-image:none;
	}


	ul.custom_nav_right li.selected ul li a:hover {
		background-image:url(/primarytemplatefiles/student_dev_enr_area/images/selected_bracket_blue.jpg);
		background-repeat:no-repeat;
	}



	ul.custom_nav_right li ul li.selected a,
	ul.custom_nav_right li ul li.selected a:link,
	ul.custom_nav_right li ul li.selected a:visited,
	ul.custom_nav_right li ul li.selected a:hover,
	ul.custom_nav_right li ul li.selected a:active {
			color: #666;
			font-weight: bold;
			background-image:url(/primarytemplatefiles/student_dev_enr_area/images/selected_bracket_blue.jpg);
			background-position:0 3px;
			background-repeat:no-repeat;
	}

tr.first td {
	padding-top: 20px;
}

tr.second td{
	padding-bottom: 10px;
	border-bottom: 2px solid #FACB3F;
}

p.more a, p.more a:link, p.more a:active, p.more a:hover, p.more a:visited {
color:#0071BB;
}

.widget a, .widget a:link, .widget a:active, .widget a:hover, .widget a:visited {
color:#0071BB;
}