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

/*** Style for 1 Column Template ***/
html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr{
  margin:0;
  padding:0;
  border:0;
  border-collapse:separate;
  border-spacing:0;
}
html,body{
	height:100%;
	margin:0;
	}
body{
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:100.1%; /*** Don't change this setting. Make all other
font-sizes in % (preferred) or ems ***/
  color:#FFF;
  background:#000; /*** Background colour of page ***/
  min-width:1024px; /*** Content Width ***/
  text-align:center;
}
input,select{
  margin:0;
  padding:0;
}
strong,b{
  font-weight:bold;
}
p{
  font-size:90%;
  line-height:1.1em;
}
#fullheightcontainer{
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  position:relative;
  width:1024px; /*** Content Width ***/
  display:table;
  margin-bottom:-99px; /*** NEGATIVE TOTAL Height of Footer Rows ***/
  background:#000;
}
* html #wrapper{ /*** for IE to reveal the content over to reveal the shady border (same width as that). ***/
  border:none;
}
#wrapper{
  display:block;
  position:relative;
  height:100%;
  width:987px;
  margin-left:18px;
}
#clearheadercenter{
  height:480px; /*** TOTAL Height of Header Rows ***/
  overflow:hidden;
}
#clearfootercenter{
  height:0px; /*** TOTAL Height of Footer Rows ***/
  overflow:hidden;
}
#footer{
  z-index:1;
  position:relative;
  width:100%;
  height:0px;
 
}
#footer-inner{
  /* width:987px;*/ /*** Content Width ***/
  /* margin-left:auto;*/
  margin-right:auto;
  /* height:98px;*/
  margin-top:100px;
  /* min-height:98px; */
	z-index: 0;
}
#footer-inner_left{
float:left;
background:url(/_rsc/img/common/footer/footerleft.jpg) left no-repeat;
width:20px;
height:53px;
}
#footer-inner_right{
float:left;
background:#4D4D4D url(/_rsc/img/common/footer/footerright.jpg) bottom right no-repeat; 
width:14px;
height: 70px;
min-height:70px;
margin: 10px 0px 0px;
 
}
#subfooter1{
  background: #4D4D4D url(/_rsc/img/common/footer/footerleft.jpg) no-repeat 0% 100%;
  float: left;
  height: 70px;
  margin: 10px 0px 0px 22px;
  text-align: left;
  width:967px;
 
}
#header{
  z-index:1;
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:0px;
}
#header-inner{
  width:987px; /*** Content Width ***/
  margin-left:auto;
  margin-right:auto;

}
#subheader1{
  margin:0px 0px;
  text-align:center;
  overflow:hidden;
  position: relative;

}  
#logo {
	z-index: 50;
	left: 23px;
	top:28px;
	width: 252px;
	height: 310px;
	background:url(/_rsc/img/sort/logo.png);
	_background: transparent;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_rsc/img/sort/logo.png', sizingMethod='image');
	position: absolute;
}
#search_form {
	z-index: 100;
	left: 56px;
	top:120px;
	position: absolute;
	width: 180px;
}
#search_field_container, #search_field {
	width: 160px;
	height:17px;
	border:none;
	_border: #ccc 1px solid;
	float:left;
	font-size:80%;
	overflow:hidden;
}
.bannerlinks	{
	text-align:left;
	margin-top:35px;
	line-height:20px;
	z-index:100005;
	font-size:15px;
	color:#FFF;
	
}
.bannerlinks a:link	{
	text-decoration: none;
}
.bannerlinks a:hover	{
	text-decoration: underline;
}
.bannerlinks a:visited 	{
	text-decoration: none;
			
.bannerlinks a:active	{
text-decoration: none;	
					}
}
*html #search_field{
	font-size:100%;
}
#search_field_container_right {
	float:left;
	width:20px;
	clear:none;
}
#subheader2{
  margin: -245px 0px 0px 65px;
  display:block;
  overflow:hidden;
}
.cities, a:link, a:visited, a:active {
	color:#FFFFFF;
	text-decoration:none;

}
.cities a:hover	{
	text-decoration:underline;
	font-size:99%;
	color:#FFFFFF;

}
.cities	li {
	margin-top:10px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:23px;
	color:#FFFFFF;
	text-align:left;
	clear:both;
	margin-left:10px;
	margin-right:30px;
	font-weight:800;
	
}
.eventsbottom	{
	margin-left:20px;
	height:25px;
}
ul nav	{
	 width:164px;
}
ul.nav,
ul.nav li,
ul.nav ul {
	list-style: none;
	margin: 0px 20px;
	padding: 0;
	margin-top:122px;
	width:880px;

}
/*ul.nav .cities	{
	margin-left:10px;
	}*/


ul.nav a {
color:#fff;
text-decoration:none;
}
ul.nav {
position: relative;
 z-index: 597;
 float: right;

}
ul.nav li {
 float: left;
 line-height: 1.5em;
 vertical-align: middle;
 width: 164px;
}
ul.nav li a{
}
.nav-text {
    height:100px;
    width:150px;
}

 ul.nav li a.nav-button, ul.nav li a.nav-button:hover {
 height:113px;
 }
 ul.nav ul {
 position:absolute;
 z-index: 599;
 width:355px;
 top:80px;
 overflow:hidden;
}
ul.nav ul li {
 font-size:8pt;

 z-index: 599;
 width: 154px;
}

ul.nav li a > ul {
z-index: 599;
overflow:hidden;
} 

#community .pic {
	background: #418D81;
	
}
#student .pic {
	background: #8E3212;
	
}
#aboutcc .pic {
background: #222D40;

}
.cities	.pic	{
margin-left:10px;

}
/* not longer in use
#highschool .pic {
background: #557F13;
}*/

#container-center{
}
/*these target the events area*/
.spot{
float:left;
padding-top:20px;
background: url(../img/sort/events-grad.jpg) #000 top repeat-x;
margin:35px 25px 0px 15px;
z-index:999;
}

.content {
height:180px;
width: 290px;
margin-left: 5px;
padding:20px auto auto 15px;
z-index:800;
	line-height:20px;
}
#spot-image  {
margin:0px 0px 0px 10px;
padding:0px 0px 0px 8px;
width:257px;
list-style-image: url(../../images/photo_library/misc_artwork/bullet-half-triangle.png);
color:#fff;
z-index:1200;
font-size: 13px;

}
#spot-image a:link, a:hover, a:visited {
color:#FFF;

}
#spot-image ul li	{
	color:#000;

	
}
/*end events area tags*/

/*these target the center news area*/

.news{
float:left;
margin-top:35px;
width:305px;
background:url(../img/sort/news-grad.jpg) #000 top repeat-x;

}
.news a:link, a:hover, a:visited {

color:#FFF;
}
.contentnews {
height:180px;
width: 290px;
padding-left:22px;
padding-top:37px;
list-style-image: url(../../images/photo_library/misc_artwork/bullet-half-triangle.png);
z-index:800;
	line-height:20px;
	font-size: 13px;
}
.contentnews a:link, a:hover, a:visited {
color:#FFF;

}
.contentnews a:hover	{
text-decoration:undeline;
}
.contentnewsmore	{
	padding-top:230px;
	color:#000;
}
/*end news area tags*/

/*these target the multi-media area*/
.mult{
float:left;
background: url(../img/sort/media-grad.jpg) #000 top repeat-x;
margin:35px 0px 0px 25px;
width:305px;
}
.contentmedia {
height:180px;
width: 290px;
margin-top:47px;
padding-left:20px;
list-style-image: url(../../images/photo_library/misc_artwork/bullet-half-triangle.png);
color:#fff;
z-index:800;
}
/*end multimedia area tags*/

.news-inner{
width:253px;
font-size:70%;
padding:15px;
}


.news-inner li{
height:20px;
width:263px;
list-style-type:none;
display:block;
margin:10px;
background:#aaa;
}
.month{
text-transform:uppercase;
float:left;
height:20px;
width:30px;
background:#000;
background:#fff;
color:#000;
padding-left:5px;
}
.day{
height:20px;
float:left;
color:#000;
font-weight:bold;
padding-left:5px;
width:25px;
}
.event {
float:left;
height:20px;
font-family:"Times New Roman", Times, serif;
font-size:120%;
padding-left:5px;
display: block;
}
.event a {
color:#fff;
text-decoration:none;
}
.event a:hover{
text-decoration:underline;
font-size:85%;
}




#gallery {
padding:20px;
}
#directEditButton {
    padding-top:10px;
    color: #FFF;
	text-decoration: none;
	font-size: 60%;
	font-variant: small-caps;
}
/**html .mult, *html .spot, *html .news {
margin-top:20px;
}*/
#centerfill{
	display:none
	}
/*
#shadybottom,#shadytop{
  margin:0px;
  height:18px;
  overflow:hidden;
  
}

#shadytop{}
#shadybottom div{}
#shadytop div{}
#shadybottom div div,#shadytop div div{
margin:0px 18px;
height:18px;
overflow:hidden;
}
#shadytop div div{}
*/
.ada508 {
    display: none;
    margin: -999px -999px 0px 0px;
}
