/* @group Design and Layout*/

body {
	background: #eaeaea url(../img/global/page_bg.jpg) center repeat-y;
	padding: 0;
	margin: 0;
}

.clear {
	float: none;
	clear: both;
	width: auto;
}

#container {
	width: 924px;
	margin: 0 auto;
	background: #7bb2f3;
}

/* @group Header */

#header {
	background: #7bb2f3 url(../img/global/header_bg2.jpg) top right no-repeat;
	position: relative;
	height: 109px;
}

/* @group Search Box */

#searchTerms {
	height: 18px;
	width: 166px;
	background: url(../img/searchTerms-bg.png) no-repeat;
	border: 0;
	margin: 0;
	padding: 0;
	/*font: 1.2em Arial, Helvetica, Sans-serif;*/
	font: 90% Verdana, Sans-serif;
	vertical-align:middle;
	color: #666;
}

#searchBox label {
	display: none;
}

#searchBtn {
	
}

#site {
	width: 218px;
}

div.skinned-select {
	margin-top:2px;
	font-size:85%;
	
	/*background: url(../img/global/select_bg.png) no-repeat;*/
}

div.skinned-select select {
/*	opacity: 0;
	filter: alpha(opacity = 0);
	moz-opacity: 0;*/
	position: relative;
	z-index: 100;
}

div.skinned-select .select-text {
	position: absolute;
	text-indent: 10px;
	line-height: 19px;
	width: 218px;
	z-index: 1;
}

div.skinned-select .select-text, div.skinned-select select, div.skinned-select select option {
	width: 218px;
	color: #666;
}

#searchBox {
	position: absolute;
	top: 63px;
	right: 22px;
}

/* @end */

/* non javascript version select */

.my-skinnable-select select {
	width: 150px;
	border: 1px solid #D5E6EE;
}

#govLogo a {
	text-indent: -5000px;
	outline: none;
	background: url(../img/global/sg-gov-logo.gif);
	width: 222px;
	height: 36px;
	display: block;
	position: absolute;
	top: 10px;
	right: 23px;
	outline: none;
}

/* @group Gov Logo Menu */

ul#govMenu {
	font-size:85%;
	list-style-type: none;
	position: absolute;
	top: 45px;
	right: 23px;
	display: block;
	height: 20px;
	text-align: right;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

ul#govMenu li {
	list-style-type: none;
	display: inline-block;
	background: url(../img/global/govsg_li.gif) no-repeat left center;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	float: left;
	text-align: left;
}

ul#govMenu li#menuFeedback {
	width: 70px;
}

ul#govMenu li#menuContactUs {
	width: 75px;
}

ul#govMenu li#menuSitemap {
	
}

ul#govMenu li a, ul#govMenu li a:link {
	color: #5b5f65;
	text-decoration: none;
}

ul#govMenu li a:hover {
	color: #5b5f65;
	text-decoration: underline;
}

/* @end */

/* @group Gov Tabs */

ul#navGov {
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 27px;
	display: block;
	position: absolute;
	top: 82px;
	left: 22px;
}

ul#navGov li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-right: 1px;
	float: left;
}

ul#navGov li a {
	display: inline-block;
	float: left;
	margin: 0;
	padding: 0;
	text-indent: -5000px;
	outline: none;
}

ul#navGov li a:hover {
/*	filter: alpha(opacity=95);
	-moz-opacity: 0.95;
	opacity: 0.95;
*/
}

ul#navGov li a.active:hover {
/*	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
*/	
	cursor: default;
}

li#govGovernment a {
	width: 119px;
	height: 27px;
	background: url(../img/global/govGovernment.png);
	margin-right: 2px; 
	
}

li#govGovernment a:hover, li#govGovernment a.active {
	width: 119px;
	height: 27px;
	background: url(../img/global/govGovernment.png) 0px -27px;
}

li#govCitizenResidents a {
	width: 170px;
	height: 27px;
	background: url(../img/global/govCitizensResidents.png);
	margin-right: 2px;
}

li#govCitizenResidents a:hover, li#govCitizenResidents a.active {
	width: 170px;
	height: 27px;
	background: url(../img/global/govCitizensResidents.png) 0px -27px;
}

li#govBusinesses a {
	width: 109px;
	height: 27px;
	background: url(../img/global/govBusinesses.png);
	margin-right: 2px;
}

li#govBusinesses a:hover, li#govBusinesses a.active {
	width: 109px;
	height: 27px;
	background: url(../img/global/govBusinesses.png) 0px -27px;
}

li#govNonResidents a {
	width: 129px;
	height: 27px;
	background: url(../img/global/govNonResidents.png);
	margin-right: 2px;
}

li#govNonResidents a:hover, li#govNonResidents a.active {
	width: 129px;
	height: 27px;
	background: url(../img/global/govNonResidents.png) 0px -27px;
}
/* @end */
/* @end */

#content {
	background: #fff9f4;
	width: 880px;
	margin: 0 auto;
	min-height: 200px;
	height: auto;
}

#content .con {
	padding: 10px 14px;
	font-family: Verdana, Sans-serif;
}


/* @group Footer */

#footer {
	width: 924px;
	margin: 0 auto;
	height:30px;
}

#footer .con {
	background: #fff;
	width: 872px;
	margin: 0 auto;
	height: 23px;
	padding: 3px 0 0;
	padding-right:4px;
	padding-left:4px;

}

#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer ul li {
	background: url(../img/global/footer_li.gif) no-repeat right center;
	margin: 0;
	padding: 0;
	padding-left: 3px;
	list-style: none;
	float: left;
	padding-right: 9px;
}

#footer ul li.nobullet{background: none}

#footer .copyright {
	float: right;
	margin-right:4px;
}



/* @end */

/*@end*/

.lastupdated {
	font: 100% Verdana, Geneva, sans-serif;
	color: #666;
	margin-right:4px;
}

table{text-align:left;padding:0;margin:0;}
td{vertical-align:top;}

/* @group Typography */

body {
	/*font: 62.5% Verdana, Sans-serif;*/
	font: 75% Verdana, Geneva, sans-serif;
	color: #333;
	BACKGROUND-COLOR: #ffffff;
	line-height:150%;
	font-family: Verdana, Geneva, sans-serif;	
}

.normred {
	/*font: 62.5% Verdana, Sans-serif;*/
	font: 100% Verdana, Geneva, sans-serif;
	color: #FF0000;
	line-height:150%;
	font-family: Verdana, Geneva, sans-serif;	
}

.smallred {
	/*font: 62.5% Verdana, Sans-serif;*/
	font: 85% Verdana, Geneva, sans-serif;
	color: #cc0000;
	line-height:150%;
	font-family: Verdana, Geneva, sans-serif;	
}

#header {
	
}
h1,h2,h3,h4,h5,h6,p,img{margin:0;padding:0}
img{border:0;}
h1{
	font: 200% Arial, Helvetica, sans-serif;
	font-weight:200;
	color: #336699;
	line-height:100%;
	
}
h2{font: 120% Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #cc6600;
	letter-spacing:1px;
	text-transform:uppercase;
	margin-bottom:10px;
	}
h3{font: 110% Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing:1px;
	text-transform:uppercase;
	margin-bottom:12px;
	font-weight:200;
	}
h4{font: 90% Verdana, Geneva, sans-serif;
	color: #c56302;
	letter-spacing:1px;
	text-transform:uppercase;
	font-weight:100;
	margin-top:8px;
	}
h5{
	font: 80% Verdana, Geneva, sans-serif;
	color: #666;
	font-weight:100;
	margin-top:8px;	
	}
h6{
	font: 110% Arial, Helvetica, sans-serif;
	color: #336699;
	letter-spacing:1px;
	text-transform:uppercase;
	margin-bottom:7px;
	font-weight:200;	
	}
a, a:link {
	text-decoration: none;
	color: #3366cc;
}

 a:hover {
	text-decoration: underline;
}

#site {
	font: 1.1em Arial, Helvetica, Sans-serif;
	color: #666;
}

ul#govMenu li * {
	font: 1.1em 'Trebuchet MS', 'Lucida Grande';
	font-weight: bold;
	text-decoration: none;
}

#content {
	background-image:url('../img/citizen/gradient.gif');
    background-repeat:repeat-x;
	padding-top:13px;
	
}

#footer ul li a, #footer ul li a:link {
	text-decoration: none;
	color: #666;
}

#footer ul li a:hover {
	text-decoration: underline;
}

#footer .copyright {
	margin-top:-1px;
	color: #666;
}

/* @end */
