body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#fff;
	font-size:100%;
}
a {
	color:#369;
}
a:hover {
	color:#fff;
	background:#369;
	text-decoration:none;
}
h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
	text-align: center;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
img {
	margin:10px 0 5px;
}
#ads img {
	display:block;
	padding-top:10px;
}

/* Header styles */
#header {
	background-color:##FFC;
	border-bottom:1px solid #000;
	clear:both;
	float:left;
	width:100%;
}

/* 'widths' sub menu */
#layoutdims {
	clear:both;
	background:#eee;
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
}
#deltAlert {
	width: 250px;
	margin: 0 auto;
}

/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	margin: 0 auto;
	overflow:hidden;		/* This chops off any overhanging divs */
}
.colmask table {
	border-collapse:collapse;
	border: 1px solid black;
}

/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	background: #FFE;
	float:left;
	width:850px;
	position:relative;
	overflow:hidden;
	margin: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: rgba(0,0,0,0.8) 3px 3px 3px;
	-webkit-box-shadow: rgba(0,0,0,0.8) 3px 3px 3px;
	box-shadow: rgba(0,0,0,0.8) 3px 3px 3px;
}
.col1 td {
	font-size: 75%;
}

.col2 td {
	font-size: 75%;
	background: #FFF;
}
.col3  td,
.col3 p {
	font-size: 75%;
}
/* 3 Column settings */
.threecol {
	background:#fff;		/* right column background colour */
}
.threecol .colmid {
	right:20%;			/* width of the right column */
}
.threecol .colleft {
	right:50%;			/* width of the middle column */
}
.threecol .col1 {
	width:40%;			/* width of center column content (column width minus padding on either side) */
	left:100%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:27%;			/* Width of left column content (column width minus padding on either side) */
	left:27%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:25%;			/* Width of right column content (column width minus padding on either side) */
	left:72%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #000;
}
#footer p {
	padding:10px;
	margin:0;
}
#officialContent {
	background: #FFF;
	border: solid;
	height: 300px;
	padding: 10px;
	margin: 5px;
	overflow: auto;
	-moz-box-shadow: rgba(0,0,0,0.8) 3px 3px 3px;
	-webkit-box-shadow: rgba(0,0,0,0.8) 3px 3px 3px;
	box-shadow: rgba(0,0,0,0.8) 3px 3px 3px;
}
.roundedShadow {
	border: 0;
	margin: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: rgba(0,0,0,0.8) 3px 3px 3px;
	-webkit-box-shadow: rgba(0,0,0,0.8) 3px 3px 3px;
	box-shadow: rgba(0,0,0,0.8) 3px 3px 3px;
}

#menu{
	clear: both;
	float: left;
	padding-top: 0px;
	padding-left: 0px;
	width: 800px;
}

#jobPosting{
	clear: both;
	float: left;
	padding-top: 0px;
	padding-left: 0px;
	width: 800px;
}
/*cssButton*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.cssButton{
	float: left;
	background-color: #EFF;
	border: 1px #000 inset;
	padding: 1px 4px;
	margin: 5px 5px;
	width: 90px;
	height: 40px;
	color: black;
	text-decoration: none;
	text-align:center;
	font: bold 75% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: rgba(0,0,0,0.8) 3px 3px 3px;
	-webkit-box-shadow: rgba(0,0,0,0.8) 3px 3px 3px;
	box-shadow: rgba(0,0,0,0.8) 3px 3px 3px;
}

.cssButton a:visited{
	color: black;
}

.cssButton a:hover{
	border: 1px #FFF inset;
	color: gray;
	padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
	margin: 5px 1px;
	-moz-box-shadow: rgba(0,0,0,0.8) 0px 0px 0px;
	-webkit-box-shadow: rgba(0,0,0,0.8) 0px 0px 0px;
	box-shadow: rgba(0,0,0,0.8) 0px 0px 0px;
}

.cssButton a:active{
	color: lime;
}
/********************************************************************************/
/* Glowing Tabs Menu */
    
#glowingtabs{
width:800px;
font-size:90%;
line-height:normal;
overflow: hidden;
border-bottom: 1px solid #7e9fff; /*Add border strip to bottom of menu*/
}

#glowingtabs ul{
clear:both;
list-style-type: none;
margin:0;
margin-left: 5px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

#glowingtabs li{
float:left;
display:inline;
margin:0;
padding:0;
width: 120px;
height: 45px;
}

#glowingtabs a{
float:left;
background:url(graphics/glowtab-left.gif) no-repeat left top;
margin:0;
margin-right: 5px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;
}

#glowingtabs a span{
float:left;
display:block;
background:url(graphics/glowtab.gif) no-repeat right top;
padding: 4px 12px 2px 3px;
font-weight:bold;
color:#00F;
width: 100px;
height: 45px;
text-align:center;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#glowingtabs a span {float:none;}
/* End IE5-Mac hack */

#glowingtabs a:hover span {
color: #006;
}

#glowingtabs #current a{ /*Selected Tab style*/
background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
}

#glowingtabs #current a span{ /*Selected Tab style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
color: black;
}

#glowingtabs a:hover{ /*onMouseover style*/
background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/
}

#glowingtabs a:hover span{ /*onMouseover style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
}
#hours,
#holidays,
#locationsTable,
#govDeals,
#electedOfficials {
	background: #69F;
	float:left;
	position:relative;
	overflow:hidden;
	margin: 10px;
	padding-top: 10px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: rgba(0,0,0,0.8) 3px 3px 3px;
	-webkit-box-shadow: rgba(0,0,0,0.8) 3px 3px 3px;
	box-shadow: rgba(0,0,0,0.8) 3px 3px 3px;
}
#locationsTable th {
	background-color:#69F;
}
#electedOfficials a {
	color:#000;
}

