#main {
	width: 100%;
	margin: 0;
	padding: 0;
	color: #000;
	background: #fff;
	
}
#boxes {
  width: 70%;         /* width of .main container */
  float: left;        /* left side of window */
  margin: 0;
  padding: 1% 2%;
}

.clear {
  clear: both;        /* extend height of .main to longest column */
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}


/* Inset 3D Raised */
.raised {background: transparent; width:100%; margin:0 auto;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#0077C0; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#0077C0; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#0077C0; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#0077C0; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#0077C0; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#0077C0; border-left:1px solid #aaa; border-right:1px solid #999;}

.raised .b2blue {background:#5289E6; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3blue {background:#5289E6; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4blue {background:#5289E6; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4bblue {background:#5289E6; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3bblue {background:#5289E6; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2bblue {background:#5289E6; border-left:1px solid #aaa; border-right:1px solid #999;}

.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#0077C0; border-left:1px solid #fff; border-right:1px solid #999;}

/* Inset 3D Raised */
.raisedple {background: transparent; width:100%; margin:0 auto;}
.raisedple h1, .raisedple p {margin:0 10px;}
.raisedple h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.raisedple p {padding-bottom:0.5em; color:#fff;}
.raisedple a, .raisedple a:hover, .raisedple a:active, .raisedple a:visited {padding-bottom:0.5em; color:#fff;font-size:1.2em;font-weight: bold;}

.raisedple .top, .raisedple .bottom {display:block; background:transparent; font-size:1px;}
.raisedple .b1, .raisedple .b2, .raisedple .b3, .raisedple .b4, .raisedple .b1b, .raisedple .b2b, .raisedple .b3b, .raisedple .b4b {display:block; overflow:hidden;}
.raisedple .b1, .raisedple .b2, .raisedple .b3, .raisedple .b1b, .raisedple .b2b, .raisedple .b3b {height:1px;}
.raisedple .b2 {background:#C00077; border-left:1px solid #fff; border-right:1px solid #eee;}
.raisedple .b3 {background:#C00077; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raisedple .b4 {background:#C00077; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raisedple .b4b {background:#C00077; border-left:1px solid #eee; border-right:1px solid #999;}
.raisedple .b3b {background:#C00077; border-left:1px solid #ddd; border-right:1px solid #999;}
.raisedple .b2b {background:#C00077; border-left:1px solid #aaa; border-right:1px solid #999;}

.raisedple .b1 {margin:0 5px; background:#fff;}
.raisedple .b2, .raisedple .b2b {margin:0 3px; border-width:0 2px;}
.raisedple .b3, .raisedple .b3b {margin:0 2px;}
.raisedple .b4, .raisedple .b4b {height:2px; margin:0 1px;}
.raisedple .b1b {margin:0 5px; background:#999;}
.raisedple .boxcontent {display:block;  background:#C00077; border-left:1px solid #fff; border-right:1px solid #999; padding: 5px;}

/* Inset 3D Raised */
.raisedyel {background: transparent; width:100%; margin:0 auto;}
.raisedyel h1, .raisedyel p {margin:0 10px;}
.raisedyel h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.raisedyel p {padding-bottom:0.5em; color:#fff;}
.raisedyel a {padding-bottom:0.5em; color:#fff;}
.raisedyel .heading {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em; font-weight: bold; color: #fff; padding: 5px 10px 5px 10px ;}

.raisedyel.top, .raisedyel .bottom {display:block; background:transparent; font-size:1px;}
.raisedyel .b1, .raisedyel .b2, .raisedyel .b3, .raisedyel .b4, .raisedyel .b1b, .raisedyel .b2b, .raisedyel .b3b, .raisedyel .b4b {display:block; overflow:hidden;}
.raisedyel .b1, .raisedyel .b2, .raisedyel .b3, .raisedyel .b1b, .raisedyel .b2b, .raisedyel .b3b {height:1px;}
.raisedyel .b2 {background:#0077C0; border-left:1px solid #fff; border-right:1px solid #eee;}
.raisedyel .b3 {background:#0077C0; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raisedyel .b4 {background:#0077C0; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raisedyel .b4b {background:#0077C0; border-left:1px solid #eee; border-right:1px solid #999;}
.raisedyel .b3b {background:#0077C0; border-left:1px solid #ddd; border-right:1px solid #999;}
.raisedyel .b2b {background:#0077C0; border-left:1px solid #aaa; border-right:1px solid #999;}

.raisedyel .b1 {margin:0 5px; background:#fff;}
.raisedyel .b2, .raisedyel .b2b {margin:0 3px; border-width:0 2px;}
.raisedyel .b3, .raisedyel .b3b {margin:0 2px;}
.raisedyel .b4, .raisedyel .b4b {height:2px; margin:0 1px;}
.raisedyel .b1b {margin:0 5px; background:#999;}
.raisedyel .boxcontent {display:block;  background:#0077C0; border-left:1px solid #fff; border-right:1px solid #999; padding: 5px;}


.sws{
	background-color: #0077C0;
	background-image: url(web.gif);
	background-position: left center;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px 10px 5px 50px ;
	
}
.sws a, .sws a:hover, .sws a:visited, .sws a:active{
	color: #fff;
}
.heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px 10px 5px 10px ;
}
.col1 {
	left: 0;
	position: absolute;
	margin: 0;
	padding: 0;
	width: 19%;
}
.col2 {
	left: 20%;
	position: absolute;
	margin: 0;
	padding: 0;
	width: 19%;
}
.col3 {
	left: 40%;
	position: absolute;
	margin: 0;
	padding: 0;
	width: 19%;
}
.col4 {
	left: 60%;
	position: absolute;
	margin: 0;
	padding: 0;
	width: 19%;
}
.col5 {
	left: 80%;
	position: absolute;
	padding: 0;
	width: 20%;
}
#mainFrame {
	left: 0%;
	padding: 0 20px 40px 20px;	
	background: #FFF;
}
#mainNavHolder {
	position: relative;
	margin: 10px 0 0 0;
	padding: 0;
	
	
}
.mainNavBlock1 {
	width: 20%;
	font-size: 1.5em;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0 0 7px 0;
	padding:  2px;
	background: #0077C0;	
	border: 1px solid #ccc;	
	text-align: center;
	height: 75px;
}
.mainNavBlock1 a, .mainNavBlock1 a:visited, .mainNavBlock1 a:active{
	color: #FFFFFF;
	text-decoration: none;
}
.mainNavBlock1 a:hover {
	color: #000000;
	text-decoration: underline;
}
.mainNavBlock2 {
	/*width: 100%;
	height: 100px;
	margin: 0 0 7px 0;
	padding: 2px;
	background: #E9A0FE;	
	border: 1px solid #ff0;	
	text-align: center;
	
	padding-top: 25px;
	vertical-align: middle;
	*/
	
	font-size: 1.5em;
	font-weight: bold;
	color: #000;
	background: #C8C5E0;
	text-align: center;
	
	
	height: 75px;
	width: 20%;
	
	
	
	}

.mainNavBlock2 .textHeader{
	margin: 0;
	padding: 3px 0 5px 5px;
}

.mainNavBlock2 a, .mainNavBlock2 a:visited, .mainNavBlock2 a:active {
	color: #000;
	text-decoration: none;
}
.mainNavBlock2 a:hover {
	color: #000;
	text-decoration: underline;
}
.mainNavBlock3 {
	font-size: 1.5em;
	font-weight: bold;
	color: #000;
	background: #FFFFD9;
	text-align: center;
	
	height: 75px;
	width: 20%;
		
	}
.mainNavBlock3 a, .mainNavBlock3 a:visited, .mainNavBlock3 a:active {
	color: #000;
	text-decoration: none;
}
	
	
.mainNavBlock1 h1 {font-size:1em; color:#fff; letter-spacing:1px;}
.mainNavBlock2 h1 {font-size:1em; color:#fff; letter-spacing:1px;}
.mainNavBlock1 .textHeader {
	margin: 0;
	padding: 3px 0 5px 5px;
	font-size:1em;
	color: #000;
	vertical-align: middle;
}
/*---------------------------*/



/*---------------------------*/

.mainNavBlockImage {
	width: 100%;
	height: 100px;
	margin: 0 0 7px 0;
	padding:  5px 0 0 0;
	background: #fff;
	border: 1px solid #ccc;	
}

/*---------------------------*/


#mainNavHolder a:link		{ color: #FFFFFF; text-decoration: none; font-size:1em;}
#mainNavHolder a:visited	{ color: #FFFFFF; text-decoration: none; font-size:1em;}
#mainNavHolder a:hover		{ color: #7CA6BE; text-decoration: none; font-size:1em;}
#mainNavHolder a:active		{ color: #FFFFFF; text-decoration: none; font-size:1em;}


#mainNavHolder .mainNavBlock1 .textHeader a:hover		
{ color: #ff0; text-decoration: none; }

#mainNavHolder .mainNavBlock2 .textHeader a:link		
{ color: #000; text-decoration: none; }
#mainNavHolder .mainNavBlock2 .textHeader a:hover		
{ color: #606; text-decoration: none; }

/*---------------------------*/

/******** Staffzone styles ***************/
.sz-bluebox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #5289E6;
	text-align: center;
	padding: 5px;
	}
.sz-redbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #AB0048;
	text-align: center;
	padding: 5px;
	}

.staffzone a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	}
.staffzone a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	}
.staffzone a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
	}
.staffzone a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	}
	
	
/******* styles for the countdown on the homepage ******/
.lcdstylebox {
 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	border: 1px solid #5C6098; 
	width: 80%;
	margin: 0;
	padding: 6px;
	float: left;
}
.lcdstyleheader{ /*Example CSS to create LCD countdown look*/
background-color:#ffffff;
color:#8683B8;
display:block;
text-align: left;
border-bottom: thin solid #8683B8;
font: bold 110% Verdana;
padding: 3px;
}
.lcdstyle{ /*Example CSS to create LCD countdown look*/
background-color:#fff;
color:#000;
font: bold 120% Verdana;
padding: 3px;
}

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

.tblrc, .poll, .pollttl{
 color: #fff;
}