body {
	background: #fafafa;
	font-family: "Trebuchet MS", Trebuchet, verdana, arial, sans-serif;
	font-size: 12px;
	color: #454545;
	padding: 0 0px;
	margin: 0;
}

div#wrapper {
	background: #fafafa;
	color: #aaa;
	padding-left: 12px;
	position: relative;
	width: 800px;
}

div#logo {
	height: 135px;
	background: url(images/bg_logo.gif) no-repeat;
}

div#logo img {
	padding-left: 1px;
}

div#tagline {
	font-family: "Trebuchet MS", Trebuchet, verdana, arial, sans-serif;
	font-weight: bold;
	font-size:14px;
	position:absolute;
	left:440px;
	top:57px;
}


div#navigation {
	height: 22px;
}

div#navigation ul {
	margin-left: 0px;
	list-style:none;
	padding: 0px;
	height: 20px;
}

div#navigation li {
	float: left;
	margin-right: 12px;
}

div#navigation li a {
	background: url(images/global_navigation.png) no-repeat;
	display: block;
	height:20px;
	width:100px;
	/* So that text will not be rendered on screen */
	text-indent: -10000px;
	/* Needed for older browsers, e.g., Mozilla 1.7 */
	text-decoration:none;
}

div#navigation li a:hover {
	background-image:url(images/global_navigation_hi.png);
}

div#navigation li.current a {
	color: #949494;
	background-image: url(images/global_navigation_active.png);
}

div#navigation li.gn1 a {width: 65px; background-position: -0px 0px;}
div#navigation li.gn2 a {width: 66px; background-position: -84px 0px;}
div#navigation li.gn3 a {width: 90px; background-position: -169px 0px;}
div#navigation li.gn4 a {width: 83px; background-position: -277px 0px;}
div#navigation li.gn5 a {width: 95px; background-position: -378px 0px;}
div#navigation li.gn6 a {width: 59px; background-position: -491px 0px;}
div#navigation li.gn7 a {width: 52px; background-position: -568px 0px;}

div#footer{
	padding-right: 50px;
	text-align: center;
}


div#footer ul {
	list-style-type: none;
	margin: 0;
}

div#footer li {
	display: inline;
	margin-left: 20px;
	padding: 0;
}

div#footer a{
	color:#bbb;
}

div#footer ul.active a{
	color:#d0d0d0;
}

div#footer a:hover{
	color:#888;
}


div#smewrapper {
	float: left;
	width: 200px;
	min-height: 255px;
}

div#smeinnerleft {
	background: url(images/digitalcoast.gif) top right no-repeat;
	width: 198px;
	min-height: 255px;
	overflow: hidden;
}

div#smecaption {
	padding-left: 6px;
	margin-top: 135px;
	width: 156px;
}

div#servicearea {
	margin-left: 220px;
	width: 270px;
	min-height: 255px;
	color: black;
}

div#servicearea ul {
	margin-top: 0;
}

div#announcelist {
	overflow: hidden;
	color: black;
	padding-right: 5px;
	padding-left: 2px;
}

div#announcelist ul {
	margin: 0;
	list-style: none;
	padding-left: 1em;
	text-indent: -1em;
}

div#announcelist ul li {
	margin-top: 5px;
	margin-bottom: 5px;
}

div#serviceswrapper {
	background: url(images/hand.gif) no-repeat right bottom;
	height: 300px;
}

div#servicestext {
	float: left;
	width: 310px;
}

div#servicescaption {
	float: left;
	width: 120px;
	margin-left: 36px;
	margin-top: 36px;
	color: black;
}

div#billboardwrapper {
	height: 320px;
}

div#billboard {
	float: left;
	background: url(images/billboard.gif) no-repeat;
	width: 500px;
	height: 320px;
}

div#billboardinside {
	padding-left: 20px;
	padding-top: 11px;
	width: 446px;
	height: 122px;
}

div#billboardtext {
	float: left;
	width: 320px;
	padding-left: 12px;
}

div.leftcolumn {
	float: left;
	overflow: hidden;
	width: 505px;
}

div.middlespacercolumn {
	float: left;
	overflow: hidden;
	width: 10px;
}

div.rightcolumn {
	float: left;
	overflow: hidden;
	width: 230px;
}

div.singlecolumn {
	width: 800px;
}

div.insideblock {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0;
	color: black;
}

div.insideblock ul {
	margin-top: 0;
}

div#staff ul {
	list-style-type: disc;
	padding-left: 14px;
}

span.redtitle {
	font-size: 1.2em;
	font-weight: bold;
	color: #bf1b1c;
}

span.redtitlelarge {
	font-size: 1.5em;
	font-weight: bold;
	color: #bf1b1c;
}

span.yellowhighlight {
	background-color:yellow;
}

span.strikethrough {
	text-decoration: line-through;
}

span.bold {
	font-weight: bold;
}

p.indentblock {
	margin-left: 10px;
}


.box {
	background: #f6f6f6;
	margin-bottom: 5px;
	height: auto !important;
	height: 1%; /* For IE */
}

.box .boxhead {
	height: 3px;
	overflow: hidden;
	background: url(images/round_t_r.gif) no-repeat top right;
}

.box .boxhead img {
	height: 3px;
	width: 3px;
	background: url(images/round_t_l.gif) no-repeat;
}

.box .boxfoot {
	height: 5px;
	background: url(images/round_b_r.gif) no-repeat top right;
}

.box .boxfoot img {
	height: 5px;
	width: 5px;
	background: url(images/round_b_l.gif);
}

.box .boxbody {
	border-right: solid 1px #d6d6d6;
	border-left: solid 1px #d6d6d6;
	height: auto !important;
	height: 1%; /* For IE */
}

/* Example CSS to create LCD countdown look. */
.lcdstyle{
  background: black;
  color:lime;
  font: bold 18px MS Sans Serif;
  text-align: center;
}

/* Example CSS to create LCD countdown look */
.lcdstyle sup{
  font-size: 80%
}