body {
	background-color: #FFF;
	margin: 0;
	padding: 10px;
	font-family:  Georgia, "Times New Roman", Times, serif;
	font-size: 90%;
}

.l, h3 {
	text-align: left;
}

#container {
	background-color: #EDEEF0;
	border: 1px solid #DAD5D9;
	padding: 0;
}
#pageHeader {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	background-color: #292c23
}
#pageHeader h1 {
	height: 189px;
	margin: 0;
	background-image: url(headerh1.jpg);
	background-repeat:no-repeat;
}
#pageHeader h1 span {
	display: none;
}
#pageHeader h2 {
	background-color: #6BA0D2;
	margin: 0;
	padding-bottom: 3px;
}
#topSummary {
	position: absolute;
	right: 23px;
	top: 17px;
	width: 12em;
	height: 168px;
	padding: 3px;
	margin: 0;
	border: 1px solid #0C2953;
	text-align: center;
	font-size: 90%;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	line-height: 110%;
	color: #000;
	background-image: url(summary.jpg);
	background-repeat: no-repeat;
	background-position: 50% 100%; 
	background-color: #0C2953;	
}
#ad {
	padding: 0 15em 0 0;
}
#preamble {
	padding: 0 195px 0 1em;
	margin: 0 0 10px 0;
}
#preamble h3 {
	margin: 15px 0 0 0;
	padding: 6px 20px 2px 6px;
	font-size: 150%;
	font-variant: small-caps;
	color: #6BA0D2;
	background-image: url(rightbox.gif);
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-color: #F6F7F7;
}
#preamble h3 span {
	display: block;
	padding: 20px 0 15px 48px;
	background-image: url(welcome.jpg);
	background-repeat: no-repeat;
	background-position: 0 50%;
}
#preamble p {
	text-align: justify;
	line-height: 150%;
	margin: 0;
	padding: 0 20px 6px 6px;
}
#preamble p:first-letter, #preamble p span:first-letter {
	color: #6BA0D2;
	font-size: 140%;
	font-weight: bold;
	margin: 0 2px 0 0;
}
#supportingText {
	margin: 0;
	padding: 10px 16em 0 1em;
	font-size: 90%;
}
#wireless, #noticeboard,#freepc, #recycle {
	border: 2px solid #FFF;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
 }


#notices {
	margin: 0 1em 10px 0;
	float: left;
	width: 48%;
}

#featured {
	background-color: #e6e7e7;
}

#featured p {
	font-size: 125%;
}

#freepc,#recycle,#wireless {
	margin: 0 0 10px 0;
}

#hillsboroughnet {
	width:48%;
	float:right;
}

#supportingText h3 {
	margin: 0;
	padding: 5px 30px 1px 2px;
	font-size: 120%;
	font-variant: small-caps;
	color: #6BA0D2;
	border-bottom: 1px solid #6BA0D2;
	background-color: #F6F7F7;
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

.featurednotice {
	background-image: url(featurednoticeh3.jpg);
}

.featuredlink {
	background-image: url(featuredlinkh3.jpg);
}

#wireless h3 {
	background-image: url(wirelessh3.jpg);
}
#noticeboard h3 {
	background-image: url(noticeboardh3.jpg);
}
#freepc h3 {
	background-image: url(freepch3.jpg);
}
#recycle h3 {
	background-image: url(recyclepch3.jpg);
}
#supportingText p {
	text-align: justify;
	margin: 10px 10px 0 10px;
	padding: 1px 3px 2px 3px;
}
#supportingText p:first-letter, #supportingText p span:first-letter {
	font-weight: bold;
}
#supportingText a:link {
	color: #0083FF;
	font-weight: bold;
}
#supportingText a:visited {
	color: #204160;
	font-weight: bold;
}
#supportingText a:hover, #supportingText a:active {
	color: #8C0000;
	font-weight: bold;
	text-decoration: none;
}
#linkList {
	font-size: 90%;
	font-family: Arial, Tahoma, Helvetica, Verdana, Arial, Geneva, Helvetica, sans-serif;
	position: absolute;
	right: 21px;
	width: 12em;
	border: 1px solid #0C2953;
	padding: 0;
	margin: 0;
	background-color: #A4ACB3;
}
#linklistintro {
	font-size: 90%;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	position: absolute;
	right: 21px;
	width: 12em;
	border: 1px solid #0C2953;
	padding: 0;
	margin: 0;
	background-color: #A4ACB3;
	height: 60px;
	text-align: center;
	top: 230px; 
	font-size: 90%;
	padding: 3px;
	color: #FFF;
}
#linkList {
	top: 280px; background-color: #6BA0D2;
	border-left: 1px solid #0C2953;
	padding-left:6px;
}
#linkList h3 {
	background-color: #0C2953;
	color: #FFF;
        margin: 0;
	margin-left: -6px;
	border-top: 3px solid #0C2953;
	padding: 30px 1px 1px 1px;
	background-repeat: no-repeat;
}
#linkList h3.tech {
	background-image: url(freepch3.gif);
	background-position: 10% 7%;
}
#linkList h3.church {
	background-image: url(churchh3.jpg);
}
#linkList h3.sport {
	background-image: url(sporth3.jpg);
	background-position: 40% 50%;
}
#linkList h3.school {
	background-image: url(schoolh3.jpg);
	background-position: 40% 50%;
}
#linkList h3.dining {
	background-image: url(restauranth3.jpg);
	background-position: 50% 90%;
}
#linkList h3:first-letter, #linkList h3 span:first-letter {
	color: #FFF;
	font-size: 160%;
}
#linkList ul {
	list-style-type: none;
	font-size: 90%;
	color: #FFF;
	margin: 0;
	padding: 6px;
	background-color: #A4ACB3;
}
#linkList li {
	padding: 3px 2px 3px 2px;
	margin-bottom: 4px;
}
#linkList li:hover {
	padding: 2px 1px 2px 1px;
	border: 1px dotted #0C2953;
	background-color: #6BA0D2;
}

#linkList a:link, #linkList a:visited {
	border-left: 6px solid #FFF;
	padding-left: 6px;
	font-weight: bold;
	text-decoration:none;
	color: #FFF;
}
#linkList a:visited {
	color: #204160;
}
#linkList a:hover, #linkList a:active {
	border-left: 6px solid #FFD800;
	padding-left: 2px;
	color: #FFD800;
	text-decoration: none;
	font-weight: bold;
}

#columnbox {-moz-column-width:20em;-moz-column-gap:1em;
	column-width:20em;column-gap:1em; 
	background-image: url(rightbox.gif);
	background-repeat: repeat-y;
	background-position: 100% 100%;
	background-color: #F6F7F7;
	padding: 0 10px 0px 10px;
}