body {
	background-color:#000000;
	font-family: tahoma, arial, "sans-serif";
	font-size: medium;
}
div.logo{
	background-image:url(../images/HCCSlogo.gif);
	width:172px;
	background-repeat:no-repeat;
	float:left;
	height:117px;
}

h1{
	font-family: arial, "sans-serif";
	font-weight: bold;
	font-size: 150%;
	text-align: center;
	letter-spacing: .2em;
	color:black;
}
#header{
	margin:0px;
	padding:0px;
	background-color:#000000;
	height:117px;
}

#container{
	width:800px;	
	margin:0 auto; 
}
#nav{
	border: 1px solid #D2FEFE;
	}
#leftcol{
	float:left;
	width: 172px;
	display: inline;
	padding:10px 0;
	margin:10px 0;
}
#leftcol ul{
	position: relative;
	left:-25px;
	list-style-type: none;
}
#leftcol li{
	width:100%;
	margin: 4px 0px;
	background-color:#D2FEFE;
	display:block;
	padding:3px;
	padding-left:10px;
	color: black;
}
#leftcol a {
	color: #121212;
}
#topNav {
	background-color:#000000;
	width:620px;
	padding:10px 0;
	margin:10px 0;
	border: 1px solid #D2FEFE;
	float:right;
}
#topNav ul {
	position:relative;
	left:-20px;
	list-style-type: none;
	float:left;
}
#topNav li {
	display:inline;
}
#topNav a {
	color: #000000;
	float:left;
	display:block;
	margin:3px;
	text-decoration:none;
	width:90px;
	height:50px;
	background: #D2FEFE;
	padding:2px 0 0 0;
	text-align:center;
	font-weight:bold;
}
#leftcol li.currentPage, #topNav a.currentPage {
	background-color: #8EBABA;
}	
#main {
	float: right;
	background-color: white;
	padding:5px;
	padding-left:10px;
	width: 610px;
}
#main a {
	color:black;
}
#main a:hover {
	color:white;
	background-color:black;
}
#main ul {
	margin:0;
	position:relative;
	left: 10px;
}
div.decoration {
	background:url(../images/westPier.png) no-repeat;
	background-position:center center;
	width:100%;
	height:275px;
}
#footer {
	width: 100%;
	background-color:#000000;
	font-size: small;
	padding:5px;
	text-align: right;
	clear: both;
	border:1px solid #121212;
}
#footer a{
	color: white;
}
#footer a:hover{
	background-color: white;
	color: black;
}
img {
	padding:5px;
	background-color:#D2FEFE;
	border:1px solid #121212;
	margin:10px;
}
img.rightAlign{
	float:right;
}
img.leftAlign{
	float:left;
}

.fieldName {
	font-weight: bold;
}
.fieldData { 
	padding:2px;
	display:inline;
}

a.thumbnail {
	width: 175px;
	float: left;
	margin: 0 10px 10px 0;
	text-decoration: none;
	color:black;
}

a.thumbnail img {
	
}

a.thumbnail p {
	margin: 0;
	padding: 0 20px 30px 10px;
}
.clear {
	clear: left;
}
#styleSheetSwap{
	font-size:85%;
	color:#D2FEFE;
	border: 1px solid #D2FEFE;
}