/* @group Design and Layout*/

body {
	background: #eaeaea url(../img/page_bg.jpg) center repeat-y;
	padding: 0;
	margin: 0;
}

h3 {
    font: 1.3em Arial, Helvetica, Sans-serif; font-weight:bold;

}

.clear {
	float: none;
	clear: both;
	width: auto;
}

#container {
	width: 924px;
	margin: 0 auto;
	background: #98clf5;
}

/* @group Header */

#header {
	background: #98clf5 url(../img/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 0px 0px;
	border: 0;
	margin-top: 14px;
	padding: 0;
	font: 1.2em Arial, Helvetica, Sans-serif;
	vertical-align:middle;
	color: #666;


}

#searchBox label {
	display: none;
}

#searchBtn {
margin-top: 14px;
}

#site {
	width: 218px;
}

div.skinned-select {
	background: url(../img/select_bg.png) no-repeat;
}

div.skinned-select select {

	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: 68px;
	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/sg-gov-logo.gif);
	width: 222px;
	height: 36px;
	display: block;
	position: absolute;
	top: 20px;
	right: 23px;
	outline: none;
}

/* @group Gov Logo Menu */

ul#govMenu {
	list-style-type: none;
	position: absolute;
	top: 60px;
	right: 24px;
	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/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/govGovernment.png);
	margin-right: 2px;
}

li#govGovernment a:hover, li#govGovernment a.active {
	width: 119px;
	height: 27px;
	background: url(../img/govGovernment.png) 0px -27px;
}

li#govCitizenResidents a {
	width: 170px;
	height: 27px;
	background: url(../img/govCitizensResidents.png);
	margin-right: 2px;
}

li#govCitizenResidents a:hover, li#govCitizenResidents a.active {
	width: 170px;
	height: 27px;
	background: url(../img/govCitizensResidents.png) 0px -27px;
}

li#govBusinesses a {
	width: 109px;
	height: 27px;
	background: url(../img/govBusinesses.png);
	margin-right: 2px;
}

li#govBusinesses a:hover, li#govBusinesses a.active {
	width: 109px;
	height: 27px;
	background: url(../img/govBusinesses.png) 0px -27px;
}

li#govNonResidents a {
	width: 129px;
	height: 27px;
	background: url(../img/govNonResidents.png);
	margin-right: 2px;
}

li#govNonResidents a:hover, li#govNonResidents a.active {
	width: 129px;
	height: 27px;
	background: url(../img/govNonResidents.png) 0px -27px;
}
/* @end */
/* @end */

#content {
	background: #fff;
	width: 880px;
	margin: 0 auto;
	min-height: 200px;
	height: auto;
}

#content .con {
	padding: 10px;
}

#frameContent {
	background: #fff;
	width: 880px;
	margin: 0 auto;
	min-height: 200px;
	height: auto;
}

#frameContent .con {
	padding: 10px;
}

/* @group Footer */

#footer {
	background: #fff url(../img/footerTop-bg.jpg) no-repeat top center;
	width: 924px;
	margin: 0 auto;
}

#footer .con {
	width: 880px;
	margin: 0 auto;
	height: 60px;
	padding: 29px 0 0;
}

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

#footer ul li {
	background: url(../img/govsg_li.gif) no-repeat left center;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	list-style: none;
	float: left;
	padding-right: 20px;
}

#footer .copyright {
	float: right;
}

/* @end */

/*@end*/

/* @group Typography */

body {
	font: 62.5% Verdana, Sans-serif;
}

#header {
	
}

#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 {
	
}

#frameContent {
	
}

#footer ul li a, #footer ul li a:link {
	text-decoration: none;
	color: #000;
}

#footer ul li a:hover {
	text-decoration: underline;
}

#footer .copyright {
	color: #666;
}

/* @end */

/* @group Design and Layout */

body {
	
}

#container.index {
	background:#fff none repeat scroll 0 0;
	margin:0 auto;
	width:924px;
}
/* @group Header */

#header {
	background: none;
}

.bgWrap {
	background: #9BC5F7 url(../img/gov/mastheadWithLogo.jpg) no-repeat left top;
}

.featuresBox {
	background: #fff url(../img/gov/mastheadFull.jpg) no-repeat;
	height: 550px;
}

#siteLogo a {


/*upper left logo link*/
  text-indent: -5000px;
	width: 238px;
	height: 55px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 12px;
	left: 23px;
	outline: none;
}

#siteHeader {
	width: 880px;
	height: 25px;
	margin: 0 auto;
	background: url(../img/gov/navSub-bg.jpg) repeat-x;
	float: none;
	clear: both;
}

#siteHeader ul {
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#navSub li {
	list-style: none;
	list-style-type: none;
	display: inline-block;
	float: left;
	padding: 0;
	margin: 0;
}

ul#fontcontrol li {
	list-style: none;
	list-style-type: none;
	display: inline-block;
	float: right;
	padding: 5px 1px 3px 1px;;
	margin: 0 5px 0 0;
}


ul#navSub li a, ul#navSub li a:link {
	display: inline-block;
	height: 19px;
	margin: 3px 0 3px 8px;
	float: left;
	text-indent: -5000px;
	outline: none;
}

li#subHome a {
	background: url(../img/gov/subHome.gif);
	width: 51px;
}

li#subHome a:hover, li#subHome a.active {
	background: url(../img/gov/subHome.gif) 0px -19px;
}

li#subAboutUs a {
	background: url(../img/gov/subAboutUs.gif);
	width: 72px;
}

li#subAboutUs a:hover, li#subAboutUs a.active {
	background: url(../img/gov/subAboutUs.gif) 0px -19px;
}

li#subNews a {
	background: url(../img/gov/subNews.gif);
	width: 49px;
}

li#subNews a:hover, li#subNews a.active {
	background: url(../img/gov/subNews.gif) 0px -19px;
}

li#subCalendar a {
	background: url(../img/gov/subCalendar.gif);
	width: 71px;
}

li#subCalendar a:hover, li#subCalendar a.active {
	background: url(../img/gov/subCalendar.gif) 0px -19px;
}

li#subDirectory a {
	background: url(../img/gov/subDirectory.gif);
	width: 73px;
}

li#subDirectory a:hover, li#subDirectory a.active {
	background: url(../img/gov/subDirectory.gif) 0px -19px;
}

li#subInformationPolicies a {
	background: url(../img/gov/subInformationPolicies.gif);
	width: 148px;
}

li#subInformationPolicies a:hover, li#subInformationPolicies a.active {
	background: url(../img/gov/subInformationPolicies.gif) 0px -19px;
}

li#subCareers a {
	background: url(../img/gov/subCareers.gif);
	width: 65px;
}

li#subCareers a:hover, li#subCareers a.active {
	background: url(../img/gov/subCareers.gif) 0px -19px;
}

li#subUsefulLinks a {
	background: url(../img/gov/subUsefulLinks.gif);
	width: 92px;
}

li#subUsefulLinks a:hover, li#subUsefulLinks a.active {
	background: url(../img/gov/subUsefulLinks.gif) 0px -19px;
}

li#subFAQs a {
	background: url(../img/gov/subFAQs.gif);
	width: 49px;
}

li#subFAQs a:hover, li#subFAQs a.active {
	background: url(../img/gov/subFAQs.gif) 0px -19px;
}

/* @end */

/* @group Content Top */

#contentTop {
	background: url(../img/gov/contentTop-bg.png) repeat-x 0 top;
	height: 29px;
	width: 880px;
	margin: 0 auto;
	line-height: 1.2em;
}

#contentTop div {
	padding-top: 3px;
}

#breadCrumbs {
	float: left;
	margin-left: 10px;
	margin-top: 3px;
}

#lastUpdated {
	float: right;
}

#share {
	float: right;
}

#printPage {
	float: right;
	height: 16px;
	display: inline-block;
	background: url(../img/gov/iconPrint.gif) no-repeat left top;
	padding: 3px 0 5px 25px;
	margin: 2px 10px 0 20px;
	clear: right;	
}

#printPage a:link {
}

#emailPage {
	float: right;
	height: 16px;
	display: inline-block;
	background: url(../img/gov/iconEmailAFriend.gif) no-repeat left top;
	padding: 3px 0 5px 25px;
	margin: 2px 10px 0 20px;
}

#emailPage a:link {
}


/* @end */
#content {
	width: 875px;
	background: #f3f3f3 url(../img/gov/content-bg.png) repeat-y 0 5px;
	padding-right: 5px;
}

#frameContent {
	width: 875px;
	height: 680px;
	background: #f3f3f3 url(../img/gov/content-bg.png) repeat-y 0 5px;
	padding-right: 5px;
}

/* @group Content Main */
#homedateweather {
	width: 880px;
	margin: 5px 0px 0px 25px;
	position: relative;
	font: normal 1.1em;
	color: #696969;
	
}


#contentMain {
	width: 700px;
	background: #f3f3f3 url(../img/gov/contentMain-btm.png) no-repeat 0 bottom;
	float: right;
}

#frameContentMain {
	width: 875px;
	height: inherit;
	background: #f3f3f3 url(../img/gov/contentMain-btm.png) no-repeat 0 bottom;
	float: right;
}

#featuresContent {
	width: 880px;
	margin: 5px auto 0;
	position: relative;

}

#featuresSlideshow {
	width: 650px;
	height: 280px;
	position: relative;
}
#featuredSlide {
	width: 650px;
	height: 280px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
}
#newsBar {
	position: absolute;
	right: 0;
	top: -24px;
	width: 220px;
	padding-top:3px;
}

#otherContent {
	width: 880px;
	margin: 0 auto;
	padding: 0 0 30px;
	float: none;
	overflow: hidden;
	clear: both;
	height: 1%;
}
#otherContent .container {
	float: none;
	overflow: hidden;
	clear: both;
	height: 1%;
}
#otherContent #col1, #otherContent #col2, #otherContent #col3 {
	width: 280px;
	float: left;
	
}
#otherContent #col1 div,
#otherContent #col2 div,
#otherContent #col3 div {
	position: relative;
	
}
#otherContent #col1, #otherContent #col2 {
	margin-right: 20px;
}

#featuresContent .header, #otherContent .header {
	padding-bottom: 5px;
	padding-top: 2px;	
	font: bold 1.4em "Trebuchet MS", Helvetica, sans-serif;
	margin: 0 0 5px;
	background: url(../img/gov/index_header_border.gif) repeat-x left bottom;
	display: block;
	float: none;
	clear: both;
	overflow: hidden;
	height: 1%;
}
#featuresContent .header {
	background: none;
	border-bottom: 1px solid #6b859a;

}

#newsBar ul {
	margin: 10px 0 5px;
	padding: 0;
	display: block;
	float: none;
	overflow: hidden;
	height: 230px;
	border-bottom: 1px solid #6b859a;
	font-size: 11px;
}

#newsBar ul li {
	list-style: none;
	list-style-type: none;
	background: url(../img/gov/col_li.gif) no-repeat 0 6px;
	padding: 0 0 0 10px;
	margin: 0 0 10px;
	display: block;
	float: none;
}

#otherContent .wrapper ul {
	margin: 0 0 15px;
	padding: 0;
	display: block;
	float: none;
	overflow: hidden;
	height: 1%;
}

#otherContent ul li {
	list-style: none;
	list-style-type: none;
	background: url(../img/gov/col_li.gif) no-repeat 0 6px;
	padding: 0 0 0 10px;
	margin: 0 0 10px;
	display: block;
	float: none;
	line-height: 1.5em;
}
#otherContent #col3 li {
	margin: 0 0 5px;
}

#theBanners {
	float: none;
	overflow: hidden;
	height: 1%;
}

.morelink {
	position: absolute;
	right: 0;
	top: 3px;
	background: url(../img/gov/col_li.gif) no-repeat 0 12px;
	padding: 7px 0 0 10px;
}
.newsalert {
	/*position: absolute;
	right: 0;
	top: 3px;*/
	background: url(../img/gov/col_li.gif) no-repeat 0 5px;
	padding: 0 0 0 10px;
	height: 20px;
	/*font-size: 0.9em;*/
	font-size:0.9em;
	font-weight: bold;
}
.rsslink {
	background: url(../img/gov/iconRss.gif) no-repeat;
	position: absolute;
	right: 0;
	top: 250px;
	padding: 0 0 0 37px;
	height: 15px;
}
.twitterlink {
    background: url(../img/gov/twitter.png) no-repeat;
    position: absolute;
    right: 0;
    top: 250px;
    padding: 0 0 0 20px;
    height: 15px;
}
/* @group Feedback */

#contentMain ul.feedback, #contentMain ul.feedback li {
	list-style: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#contentMain ul.feedback li:first-child, #contentMain ul.feedback li.firstChild {
	background: none;
}

#contentMain ul.feedback li {
	background: url(../img/gov/feedbackLi-btm.jpg) no-repeat left top;
	height: 110px;
	margin-left: 20px;
	padding-top: 19px;
	display: block;
	width: 600px;
}

#contentMain ul.feedback li img {
	width: 84px;
	height: 84px;
	float: left;
	clear: left;
	display: inline;
	margin-right: 20px;
}

#contentMain ul.feedback li p {
	margin: 0;
	padding: 0;
}

/* @end */

/* @group About Us */

#subPage .contentArea {
	padding: 20px;
}

#frameContent .contentArea {
	padding-left: 4px;
	padding-bottom: 0;
	padding-right: 0;
	height: 620px;
}


/* @end */

/* @group Calendar */

form#calendarSearch {
	width: 628px;
	padding: 0;
	margin: 10px 0 0 20px;
	background: url(../img/gov/calendarSearch-bg.jpg);
	height: 85px;
	overflow: hidden;
}
form#calendarSearch .header {
	font: bold 1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #434343;
	display: block;
	padding: 12px 0 0 15px;
}
form#calendarSearch table {
	margin-left: 12px;
}
form#calendarSearch td {
	font: bold 0.9em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #666;
}
#Keyword {
	height: 14px;
	width: 203px;
	border: 1px solid #b1b1b1;
}
#StartDate, #ToDate {
	height: 14px;
	width: 127px;
	border: 1px solid #b1b1b1;
}
#Zone {
	width: 218px;
	height: 18px;
	border: 1px solid #b1b1b1;
	font: 1em Arial, Helvetica;
}

#calendarSearch .button {
	background: url(../img/gov/btn-bg-grey.gif) repeat-x;
	border: none;
	color: #efefef;
	font: bold 12px "Trebuchet MS", Helvetica, sans-serif;
	height: 18px;
	margin: 0;
	padding: 0 5px 3px;
	width: auto;
}
#calendarSearch img {
	vertical-align: text-bottom;
	padding-bottom: 1px;
}

#LinkRss {
	text-align: right;
	width: 630px;
	margin: 10px 0;
}
a.buttonRss {
	background: url(../img/gov/iconRss.gif) no-repeat left center;
	padding-left: 21px;
	font: bold 10px Verdana;
	
}
#LinkRss a.buttonDownloadEvents:link, #LinkRss a.buttonDownloadEvents:visited {
	background: url(../img/gov/btnDownloadEvents-bg.gif) no-repeat;
	width: 121px;
	height: 21px;
	border: none;
	color: #efefef;
	font: bold 11px/20px 'Trebuchet MS', 'Lucida Grande';
	padding-bottom: 3px;
	display: inline-block;
	text-align: center;
}
#LinkRss a.buttonDownloadEvents:hover {
	text-decoration: none;
}
ul#calendarMenu, ul#calendarMenu li {
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#calendarMenu {
	width: 630px;
	margin-left: 20px;
	clear: both;
	height:1%;
	overflow:hidden;
	border-bottom: 1px solid #d1d1d1;
	background: url(../img/gov/calendarMenu-bg.jpg) repeat-x;
}

ul#calendarMenu li {
	display: inline;
}

ul#calendarMenu li a:link, ul#calendarMenu li a:visited {
	display: inline-block;
	float: left;
	height: 36px;
	width: 143px;
	padding-left: 13px;
	background: url(../img/gov/calendarMenu-bg.jpg) repeat-x;
	border-left: 1px solid #F3F3F3;
	color: #fff;
	font: bold 12px/2.5em "Lucida Grande", Lucida, Verdana, sans-serif;
}
ul#calendarMenu li:first-child a:link, ul#calendarMenu li:first-child a:visited {
	border-left: none;
}

ul#calendarMenu li a:hover {
	background: url(../img/gov/calendarMenu-bg.jpg) repeat-x left -36px;
	color: #c00;
}
#contentMain #calendarMenu li a.active {
	background: url(../img/gov/calendarMenu-bg.jpg) repeat-x left -36px;
	color: #c00;
}
ul#calendarList {
	background: url(../img/gov/calendarList-bg.jpg) repeat-y;
	width: 630px;
}

ul#calendarList, ul#calendarList li {
	list-style: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul#calendarList li {
	border-bottom: 1px solid #d1d1d1;
	float: none;
	clear: both;
	height:1%;
	overflow:hidden;
	padding: 15px;
}

ul#calendarList li .img img {
	padding: 10px;
	background: #fff;
}
ul#calendarList li .img {
	display: block;
	float: left;
}
ul#calendarList li div.info {
	float: left;
	display: block;
	width: 450px;
	padding-top: 10px;
}
ul#calendarList li div.info .title {
	
}
ul#calendarList a.downloadMobileAudio {
	padding-left: 20px;
	background: url(../img/gov/iconAudio.gif) no-repeat left center;
	font: bold 0.85em Verdana;
}
ul#calendarList a.downloadMobileVideo {
	padding-left: 20px;
	background: url(../img/gov/iconVideo.gif) no-repeat left center;
	font: bold 0.85em Verdana;
}

#monthMenu {
	width: 630px;
	background: #e1a8a2 url(../img/gov/calendarMonthMenu.gif) repeat-x 0 bottom;
	height: 25px;
}
#monthMenu .prev, #monthMenu .next {
	font: bold 0.9em "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #fff;
	text-transform: uppercase;
	padding: 0 5px;
}
table#monthMenu a:link, table#monthMenu a:visited {
	color: #fff;
}
#monthMenu .next {
	text-align: right;

}
#monthMenu .current {
	color: #fff;
	text-transform: uppercase;
	font: bold 1.1em "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: center;
}
table#calendarView {
	background-image: url(../img/gov/calendarList-bg.jpg);
	width: 630px;
	border-bottom: 1px solid #e4e4e4;
}
#calendarView tr td, #calendarView tr th {
	border-left: 1px solid #e4e4e4;
	color: #434343;
	font-size: 0.9em;
	padding: 10px 5px 0;
	margin: 0;
}
#calendarView tr td:first-child, #calendarView tr th:first-child {
	border-left: none;
}

#calendarView tr th {
	color: #fff;
	font-size: 0.94em;
	border-bottom: 1px solid #e4e4e4;
	text-align: left;
	background: #aeaeae url(../img/gov/calendarViewTh.gif) repeat-x 0 top;
	padding: 3px 5px;
}
#calendarView tr.days td {
	font-weight: bold;
	background: #dedede url(../img/gov/calendarViewDays.gif) repeat-x 0 top;
	padding: 3px 5px;
}
#calendarView tr.events td {
	padding: 10px 5px;
	vertical-align: top;
}



#calendarPopup {
	margin: 0;
	padding: 0;
	font: 62.5% Verdana;
	color: #434343;
}
#calendarPopup a, #calendarPopup a:link, #calendarPopup a:visited {
	color: #bd1200;
	text-decoration: none;
}
#calendarPopup .container {
	margin: 0 auto;
	width: 600px;
	height: auto;
	padding-top: 80px;
	padding-bottom: 20px;
	background: #f3f3f3 url(../img/gov/feedbackFormHeader.jpg) no-repeat;
	font-size: 1.2em;
	float: none;
}

#calendarPopup small {
	text-align: center;
	display: block;
	color: #666;
}

#calendarPopup div.infoBox {
	float: none;
	overflow:hidden;
	padding: 20px;
	background: url(../img/gov/feedbackFormDivider.gif) no-repeat center bottom;
}
#calendarPopup .title {
	color: #bd1200;
	font-weight: bold;
}

#calendarPopup div.infoBox .img img {
	padding: 5px;
	background: #fff;
}
#calendarPopup div.infoBox span.img {
	display: block;
	float: left;
}
#calendarPopup div.infoBox div.info {
	float: left;
	display: block;
	padding-top: 5px;
	width: 410px;
	margin-left: 20px;
}
#calendarPopup div.infoBox .title {
	
}
#calendarPopup div.infoBox a.downloadMobileAudio {
	padding-left: 20px;
	background: url(../img/gov/iconAudio.gif) no-repeat left center;
	font: bold 0.85em Verdana;
	color: #bd1200;
	text-decoration: none;

}
#calendarPopup div.infoBox a.downloadMobileVideo {
	padding-left: 20px;
	background: url(../img/gov/iconVideo.gif) no-repeat left center;
	font: bold 0.85em Verdana;
	color: #bd1200;
	text-decoration: none;

}
div#popupLinks {
	background: url(../img/gov/feedbackFormDivider.gif) no-repeat center bottom;
	padding: 12px 0 12px 17px;
}
div#popupLinks a {
	padding-left: 22px;
	text-decoration: none;
	width: 115px;
	height: 16px;
	vertical-align: text-bottom;
	display: inline-block;
	font: bold 0.85em Verdana;
	color: #bd1200;
	margin-bottom: 10px;
}
a.linkRegistration {
	background: url(../img/gov/iconRegistration.gif) no-repeat left center;
}
a.linkMoreInfo {
	background: url(../img/gov/iconMoreInfo.gif) no-repeat left center;
}
a.linkEnquiry {
	background: url(../img/gov/iconEnquiry.gif) no-repeat left center;
	width: 80px;
}
a.linkEmailAFriend {
	background: url(../img/gov/iconEmailAFriend.gif) no-repeat left center;
}
a.linkPda {
	background: url(../img/gov/iconPda.gif) no-repeat left center;
}
a.linkOutlook {
	background: url(../img/gov/iconOutlook.gif) no-repeat left center;
}
a.linkPrint {
	background: url(../img/gov/iconPrint.gif) no-repeat left center;
	width: 80px;
}
a.linkCloseThisWindow {
	background: url(../img/gov/iconClose.gif) no-repeat left center;
}


/* @end */

/* @end */

#contentMain .footer {
	background: #f3f3f3 url(../img/gov/contentMain-btm2.png) no-repeat 0 top;
	float: none;
	clear: both;
	height: 20px;
	padding-top: 10px;
}
#contentMain .footer .lastUpdated {
	color: #666;
	font: 0.9em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	float: left;
	display: block;
}
#contentMain .footer a.backToTop {
	background: url(../img/gov/arrow-up.gif) no-repeat left center;
	padding-left: 10px;
	float: right;
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	margin-right: 10px;
}

#frameContentMain .footer {
	background: #f3f3f3 url(../img/gov/contentMain-btm2.png) repeat-x 0 top;
	background-position: 4px 0;
	padding-left: 4px;
	float: none;
	clear: both;
	height: 20px;
	padding-top: 10px;
}
#frameContentMain .footer .lastUpdated {
	color: #666;
	font: 0.9em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	float: left;
	display: block;
}
#frameContentMain .footer a.backToTop {
	background: url(../img/gov/arrow-up.gif) no-repeat left center;
	padding-left: 10px;
	float: right;
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	margin-right: 10px;
}
/* @group Sidebar */

#sidebar {
	width: 150px;
	float: left;
	display: block;
}

#sidebar h2 {
	text-align: left;
	font-weight: normal;
	padding: 15px 0 0 15px;
	margin: 0;
}

#sidebar h2.divider {
    background: url(../img/gov/sidebarMenu-bg.jpg) no-repeat 10px bottom;
    padding-bottom: 10px;
}


#Calendar #sidebar h2 {
	background: url(../img/gov/sidebarH2-bg.jpg) no-repeat 15px bottom;
	padding-bottom: 12px;
}
#Directory #sidebar h2 {
	background: url(../img/gov/sidebarDivider.gif) no-repeat 15px bottom;
	padding-bottom: 12px;
}


/* @group Menu */

ul#sidebarMenu, ul#sidebarMenu li {
	list-style: none;
	list-style-type: none;
	padding: 0 0 0 15px;
	margin: 0;
}
ul#sidebarMenu {
	background: url(../img/gov/sidebarMenu-bg.jpg) no-repeat 15px bottom;
	padding-bottom: 6px;
}
ul#sidebarMenu li {
	padding: 0;
	margin: 0;
	line-height: 0;
	position: relative;
}
ul#sidebarMenu li a {
	padding: 5px 10px 5px 0;
	margin: 0;
	border-bottom: 1px solid #cbcbcb;
	display: block;
	width: 170px;
}
ul#sidebarMenu li.withSub a {
	background: url(../img/gov/sidebarMenuArrow.gif) no-repeat right center;
	padding: 5px 10px 5px 0;
	margin: 0;
	border-bottom: 1px solid #cbcbcb;
	display: block;
}

/* @end */


/* @group Sub Menu */

ul#sidebarMenu li ul {
	display: none; 
	position: absolute;
	left: 151px;
	top: 0px;
	z-index: 99;
	width: 177px;
}
ul#sidebarMenu li ul li a, ul#sidebarMenu li.withSub ul li a {
	padding: 5px 10px 5px 15px;
	margin: 0;
	border-bottom: 1px solid #cbcbcb;	
	background: #e1e1e1;
}

/* @end */
#sidebarBlurbs {
	padding: 15px 0;
	border-bottom: 1px solid #cbcbcb;
	margin: 0 0 10px 15px;
}
/* @group Banners */

ul#sidebarBanners, ul#sidebarBanners li {
	list-style: none;
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 15px;
}
ul#sidebarBanners li {
	padding: 0;
	margin: 0 0 10px;
}
ul#sidebarBanners li img {
	border: none;
}

/* @end */

/* @end */

/* @group Footer */

#footer {
	background: #fff url(../img/gov/footerTop-bg.jpg) no-repeat top center;
	width: 924px;
	margin: 0 auto;
	padding: 300px 0 0;
}

#footer.index {
	width: 924px;
	margin: 0 auto;
	padding: 0 0 0 0 ;
	background: #fff;
	float: none;
}

#footer .con {
	width: 880px;
	margin: 0 auto;
	padding: 7px 0 0;
	height: 47px;
	border-top: 1px solid #b1b1b1;
}

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

#footer ul li {
	background: url(../img/govsg_li.gif) no-repeat left center;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	list-style: none;
	float: left;
	padding-right: 20px;
}

#footer .copyright {
	float: right;
}

/* @end */

/* @group Feedback Form */



#feedbackForm {
	margin: 0;
	padding: 0;
	font: 62.5% Verdana;
}
#feedbackForm form {
	margin: 0 auto;
	width: 600px;
	height: 360px;
	padding-top: 80px;
	padding-bottom: 20px;
	background: #f3f3f3 url(../img/gov/feedbackFormHeader.jpg) no-repeat;
	font-size: 1.2em;
}
#feedbackForm td {
	font-size: 1em;
}
#feedbackForm table {
	width: 365px;
	margin: 0 auto;
}
#feedbackForm .fields{
	width: 560px;
	height: 275px;
	margin: 0 auto;
	padding-top: 28px;
	background: url(../img/gov/feedbackFormBg.gif) no-repeat;
}
#feedbackForm .button {
	background: url(../img/gov/btn-bg.gif) no-repeat;
	width: 79px;
	height: 23px;
	color: #fff;
	font: bold 0.9em 'Trebuchet MS', 'Lucida Grande';
	border: none;
}
#feedbackForm button {
	background: url(../img/gov/btnClose-bg.gif) no-repeat;
	width: 124px;
	height: 22px;
	padding-bottom: 1px;
	color: #fff;
	font: bold 0.9em 'Trebuchet MS', 'Lucida Grande';
	border: none;
}
#feedbackForm h1 {
	font-size: 1.8em;
	color: #c00;
	text-align: center;
	padding: 10px;
	margin: 0;
}
#feedbackForm .text {
	width: 278px;
	height: 16px;
	border: 1px solid #b1b1b1;
}
#feedbackForm select {
	width: 278px;
	height: 20px;
	border: 1px solid #b1b1b1;
}

#feedbackForm textarea {
	width: 278px;
	height: 91px;
	border: 1px solid #b1b1b1;
}
#feedbackForm small {
	text-align: center;
	display: block;
	color: #666;
}

/* @end */

/* @end */

/* @group Typography */

/* @group Content Top */

#breadCrumbs {
	font: 0.9em Verdana, Arial, Helvetica, Sans-Serif;
	color: #666;
}

#breadCrumbs a, #breadCrumbs a:link, #breadCrumbs a:visited {
	color: #c90000;
	text-decoration: none;
}

#breadCrumbs a:hover {
	text-decoration: underline;
}

#lastUpdated, #printPage, #printPage a:link, #printPage a:visited, #emailPage, #emailPage a:link, #emailPage a:visited {
	color: #666;
	font: 1em Arial, Helvetica, Sans-serif;
	text-decoration: none;
}
/*#printPage {
	line-height: 2em;
}
#printPage a:link {
	line-height: 2em;
}*/
#printPage a:hover, #emailPage a:hover  {
	text-decoration: underline;
}


/* @end */

#content {
	font: 1.2em Verdana, Arial, Helvetica, Sans-Serif;
}

#frameContent {
	font: 1.2em Verdana, Arial, Helvetica, Sans-Serif;
}

/* @group Content Main */
#featuresContent, #otherContent {
	font-size: 1.1em;
}
#otherContent li a:link, #otherContent li a:visited  {	
	text-decoration: none;
	color: #000;
	font-weight: normal;
	font-size: 1em;
}


#featuresContent li a:link, #featuresContent li a:visited {
	text-decoration: none;
	color: #000;
	font-weight: normal;
	font-size: 1em;
}
#featuresContent li a:hover, #otherContent li a:hover  {
	/*color: #c90000;*/
	text-decoration: underline;
}

#otherContent a:link, #otherContent a:visited {
	text-decoration: none;
	color: #c90000;
	font-weight: bold;
	font-size: 0.85em;
}


#newsBar a:link, #newsBar a:visited {
	text-decoration: none;
	color: #c90000;
	font-weight: bold;
	font-size: 0.9em;
	
}

#featuresContent a:hover, #otherContent a:hover  {
	color: #c90000;
	text-decoration: underline;
}
#featuresContent .newsalert a:link, #featuresContent .newsalert a:visited {
	text-decoration: none;
	color: #c90000;
	font-weight: bold;
	font-size: 1em;
	
}
#featuresContent .newsalert a:hover {
	text-decoration: underline;
}

.contentArea {
	color: #434343;
	padding: 20px;
	line-height: 1.2em;
	min-height:300px;
}

html>body .contentArea { /* IE < 7 doesn't understand child selectors */
	color: #434343;
	padding: 20px;
	line-height: 1.2em;
	height: auto; 
	min-height: 300px;
}


#content a, #content a:link, #content a:visited {
	color: #c00;
	text-decoration: none;
}
#content a:hover {
	text-decoration: underline;
}

#frameContent a, #frameContent a:link, #frameContent a:visited {
	color: #c00;
	text-decoration: none;
}

#frameContent a:hover {
	text-decoration: underline;
}

/* @group Calendar */

ul#calendarList .info .title {
	color: #c90000;
	font-weight: bold;
}

/* @end */

/* @end */

/* @group Sidebar */
#sidebar h2 {
	font: 1.55em Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	color: #c00;
}
/*#sidebar {
	font-size: 1.1em;
}*/
ul#sidebarMenu *  {
	font: 0.95em Verdana, Arial, Helvetica;

}
ul#sidebarMenu li a:link, ul#sidebarMenu li a:visited {
	color: #434343;	
}
ul#sidebarMenu li a:hover {
	color: #c00;
}

#sidebarBlurbs {
	font-size: 0.9em;
}

/* @end */



/* @group Feedback Form */



/* @end */

/* @end */

/* @group Row listing style */

ul#rowListing, ul#rowListing li {
	list-style: none;	
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#rowListing {
	width: 630px;
	background: url(../img/gov/calendarList-bg.jpg) repeat-y 0 0;
}

ul#rowListing li {
	display: block;
	float: none;
	border-bottom: 1px solid #d1d1d1;
	position: relative;
	padding: 5px 10px 5px 10px;
	line-height:20px;
	
}

ul#rowListing li .header {
	font-size: 1.15em;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-weight:bold;
}

#rowListing a.linkOut {
	background: url(../img/gov/iconLinkout.gif) no-repeat left center;
	padding-left: 20px;
	float: right;
	font-weight: bold;
	font-size: 0.85em;
	display: block;
	position: absolute;
	right: 10px;
	top: 5px;
}
#rowListing a.linkOut:link, #rowListing a.linkOut:visited {
	
}

/* Poh Sooon rowListing class start */
ul.rowListing, ul.rowListing li {
	list-style: none;	
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.rowListing {
	width: 630px;
	background: url(../img/gov/calendarList-bg.jpg) repeat-y 0 0;
}

ul.rowListing li {
	display: block;
	float: none;
	border-bottom: 1px solid #d1d1d1;
	position: relative;
	padding: 5px 10px 5px 10px;
	line-height:20px;
	
}

ul.rowListing li .header {
	font-size: 1.15em;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-weight:bold;
}

.rowListing a.linkOut {
	background: url(../img/gov/iconLinkout.gif) no-repeat left center;
	padding-left: 20px;
	float: right;
	font-weight: bold;
	font-size: 0.85em;
	display: block;
	position: absolute;
	right: 10px;
	top: 5px;
}
.rowListing a.linkOut:link, .rowListing a.linkOut:visited {
	
}



/* Poh Sooon rowListing class end */

/* Poh Soon sg50yrscontent class start */
.sg50yrscontent .leftcontent2{
    width:47%;
    text-align: left;
    float:left;
    position:relative;
    padding-right:10px;
}

.sg50yrscontent .rightcontent2{
    width:50%;
    text-align: left;
    float:right;
    position:relative;
    padding-top:17px;
}

.sg50yrscontent .leftimg2{
    width:40%;
    float:left;
    position:relative;
    padding-right:7px;
    padding-left:7px;
}


.sg50yrscontent .rightimg2{
    width:55%;
    float:right;
    position:relative;
    padding-right:0px;
}
/* Poh Soon sg50yrscontent class end */

#sg50yrscontent .leftcontent2{
    width:47%;
    text-align: left;
    float:left;
    position:relative;
    padding-right:10px;
}

#sg50yrscontent .rightcontent2{
    width:50%;
    text-align: left;
    float:right;
    position:relative;
    padding-top:17px;
}

#sg50yrscontent .leftimg2{
    width:40%;
    float:left;
    position:relative;
    padding-right:7px;
    padding-left:7px;
}


#sg50yrscontent .rightimg2{
    width:55%;
    float:right;
    position:relative;
    padding-right:0px;
}

/* @group SG 50 Years Main */

#contentMainSG50Yrs {
	width: 670px;
	background: url(../img/gov/sg50yrsBg.jpg) no-repeat 20px 20px;
	float: right;
	min-height:750px;
}

#contentBreak { height:200px;}

#sg50yrscontent, #sg50yrscontent p {
	width:100%;
	text-align:justify;
}

#sg50yrscontent .leftcontent{
	width:65%;
	text-align: left;
	float:left;
	position:relative;
	padding-right:15px;
}

#sg50yrscontent .rightcontent{
	width:30%;
	text-align: left;
	float:right;
	position:relative;
}

#sg50yrscontent .leftcontent2{
	width:47%;
	text-align: left;
	float:left;
	position:relative;
	padding-right:10px;
}

#sg50yrscontent .rightcontent2{
	width:50%;
	text-align: left;
	float:right;
	position:relative;
	padding-top:17px;
}

#sg50yrscontent .leftimg{
	width:45%;
	float:left;
	position:relative;
	padding-right:5px;
	padding-left:7px;
}

#sg50yrscontent .leftimg2{
	width:40%;
	float:left;
	position:relative;
	padding-right:7px;
	padding-left:7px;
}

#sg50yrscontent .rightimg{
	width:45%;
	float:right;
	position:relative;
	padding-right:20px;

}

#sg50yrscontent .rightimg2{
	width:55%;
	float:right;
	position:relative;
	padding-right:0px;

}


#sg50yrscontent .split{
clear:both;
}

#sg50yrscontent img.thumb{
padding:0px 0px 5px 0px
}


#sg50yrssmallnote { 
	font: bold 0.78em Arial, Helvetica, Geneva, sans-serif;
	color:#433925;
	text-align:left;
	padding:3px 3px 3px 12px;
	background:url(../img/gov/sidebarMenuArrow.gif) no-repeat 5px 7px;
}

/* Poh Soon sg50yrscontent class start */
.sg50yrscontent, .sg50yrscontent p {
	width:100%;
	text-align:justify;
}

.sg50yrscontent .leftcontent{
	width:65%;
	text-align: left;
	float:left;
	position:relative;
	padding-right:15px;
}

.sg50yrscontent .rightcontent{
	width:30%;
	text-align: left;
	float:right;
	position:relative;
}

.sg50yrscontent .leftcontent2{
	width:47%;
	text-align: left;
	float:left;
	position:relative;
	padding-right:10px;
}

.sg50yrscontent .rightcontent2{
	width:50%;
	text-align: left;
	float:right;
	position:relative;
	padding-top:17px;
}

.sg50yrscontent .leftimg{
	width:45%;
	float:left;
	position:relative;
	padding-right:5px;
	padding-left:7px;
}

.sg50yrscontent .leftimg2{
	width:40%;
	float:left;
	position:relative;
	padding-right:7px;
	padding-left:7px;
}

.sg50yrscontent .rightimg{
	width:45%;
	float:right;
	position:relative;
	padding-right:20px;

}

.sg50yrscontent .rightimg2{
	width:55%;
	float:right;
	position:relative;
	padding-right:0px;

}


.sg50yrscontent .split{
clear:both;
}

.sg50yrscontent img.thumb{
padding:0px 0px 5px 0px
}

.sg50yrssmallnote { 
	font: bold 0.78em Arial, Helvetica, Geneva, sans-serif;
	color:#433925;
	text-align:left;
	padding:3px 3px 3px 12px;
	background:url(../img/gov/sidebarMenuArrow.gif) no-repeat 5px 7px;
}

/* Poh Soon sg50yrscontent class end */

/* @group Homepage Top Banner sldier style */
.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0px 0px 0px 0px;
	background-color: #6699ff;/*tpk tunning*/
}
		
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 0px 0px;
	position: relative;
	width: 650px;
	overflow:hidden;
}

/* These 2 lines specify style applied while slider is loading TPK tuning*/
.csw {width: 650px; height: 280px; background: #6699ff; overflow: hidden;}
.csw .loading {margin: 10px 0 20px 0; text-align: center; background-color:#6699ff; width:650px; height: 280px; }

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	border: 0px solid #39c; /* this is the border. should have the same value for the links */
	margin: auto;
	width: 650px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 280px;
	clear: both;
	background: #fff;
}
		
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 650px;
	list-style-type: none;
/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
		
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 280px;
	position: relative;
	width: 650px; /* Also specified in  .stripViewer  above */
}
		
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 0px;
}

.stripViewer .panelContainer .panel .wrapper .banner{ /* banner 1 image place holder */
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:650px;
	height:280px;
}

.stripViewer .panelContainer .panel .wrapper .banner1{ /* banner 1 image place holder */
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-color: #6699ff; /*tpk tuning */
	width:650px;
	height:280px;
}

.stripViewer .panelContainer .panel .wrapper .banner2{ /* banner 2 image place holder */
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-color: #6699ff; /*tpk tuning */
	width:650px;
	height:280px;
}

.stripViewer .panelContainer .panel .wrapper .banner3{ /* banner 3 image place holder */
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-color: #6699ff; /*tpk tuning */
	width:650px;
	height:280px;
}


.stripViewer .panelContainer .panel .wrapper .mainWhiteTitle{ /* banner main title (in WHITE Color text, apply this style together with a dark backround only) */
	font: 20px Arial, Helvetica, Sans-Serif;
	font-weight:bold;
	color:#fdfdfd;
	width:550px;
	padding:15px 5px 5px 10px;
}

.stripViewer .panelContainer .panel .wrapper .bannerWhiteContent{ /* banner sub introduction content, limited to maximum 4 lines (in WHITE Color text, apply this style together with a dark backround only */
	font: 12px Arial, Helvetica, Sans-Serif;
	font-weight:bold;
	color:#fdfdfd;
	padding:5px 5px 5px 10px;
	line-height:17px;
	width:350px;
	clear:both;
}

.stripViewer .panelContainer .panel .wrapper .mainBlackTitle{ /* banner main title (in BLACK Color text, apply this style together with a light backround only) */
	font: 20px Arial, Helvetica, Sans-Serif;
	font-weight:bold;
	color:#000000;
	width:550px;
	padding:15px 5px 5px 10px;
}

.stripViewer .panelContainer .panel .wrapper .bannerBlackContent{ /* banner sub introduction content, limited to maximum 4 lines (in BLACK Color text, apply this style together with a light backround only */
	font: 12px Arial, Helvetica, Sans-Serif;
	font-weight:bold;
	color:#000000;
	padding:5px 5px 5px 10px;
	line-height:17px;
	width:350px;
	clear:both;
}

.stripViewer .panelContainer .panel .wrapper .mainRedTitle{ /* banner main title (in RED Color text, apply this style together with a light backround only) */
	font: 20px Arial, Helvetica, Sans-Serif;
	font-weight:bold;
	color:#bc1700;
	width:550px;
	padding:15px 5px 5px 10px;
}

.stripViewer .panelContainer .panel .wrapper .bannerRedContent{ /* banner sub introduction content, limited to maximum 4 lines (in RED Color text, apply this style together with a light backround only */
	font: 12px Arial, Helvetica, Sans-Serif;
	font-weight:bold;
	color:#bc1700;
	padding:5px 5px 5px 10px;
	line-height:17px;
	width:350px;
	clear:both;
}

.stripViewer .panelContainer .panel .wrapper .mainBlueTitle{ /* banner main title (in BLUE Color text) */
	font: 20px Arial, Helvetica, Sans-Serif;
	font-weight:bold;
	color:#0000FF;
	width:550px;
	padding:15px 5px 5px 10px;
}

.stripViewer .panelContainer .panel .wrapper .bannerBlueContent{ /* banner sub introduction content, limited to maximum 4 lines (in BLUE Color text */
	font: 12px Arial, Helvetica, Sans-Serif;
	font-weight:bold;
	color:#0000FF;
	padding:5px 5px 5px 10px;
	line-height:17px;
	width:350px;
	clear:both;
}

.stripViewer .panelContainer .panel .wrapper .mainYellowTitle{ /* banner main title (in YELLOW Color text) */
	font: 20px Arial, Helvetica, Sans-Serif;
	font-weight:bold;
	color:#FFFF00;
	width:550px;
	padding:15px 5px 5px 10px;
}

.stripViewer .panelContainer .panel .wrapper .bannerYellowContent{ /* banner sub introduction content, limited to maximum 4 lines (in YELLOW Color text */
	font: 12px Arial, Helvetica, Sans-Serif;
	font-weight:bold;
	color:#FFFF00;
	padding:5px 5px 5px 10px;
	line-height:17px;
	width:350px;
	clear:both;
}

.stripViewer .panelContainer .panel .wrapper .mainGreenTitle{ /* banner main title (in GREEN Color text) */
	font: 20px Arial, Helvetica, Sans-Serif;
	font-weight:bold;
	color:#00FF00;
	width:550px;
	padding:15px 5px 5px 10px;
}

.stripViewer .panelContainer .panel .wrapper .bannerGreenContent{ /* banner sub introduction content, limited to maximum 4 lines (in GREEN Color text */
	font: 12px Arial, Helvetica, Sans-Serif;
	font-weight:bold;
	color:#00FF00;
	padding:5px 5px 5px 10px;
	line-height:17px;
	width:350px;
	clear:both;
}

.stripViewer .panelContainer .panel .wrapper ul.actionbutton
{
    list-style: none;
    list-style-type: none;
    display: inline-block;
    width: 90%;
    background-color: transparent;
}

.stripViewer .panelContainer .panel .wrapper ul.actionbutton li
{
    list-style: none;
    list-style-type: none;
    display: inline-block;
    float: left;
    padding: 0;
    margin: 0;
}

.stripViewer .panelContainer .panel .wrapper ul.actionbutton li a, .stripViewer .panelContainer .panel .wrapper ul.actionbutton li a:link {
    display: inline-block;
    margin: 1px 1px;
    float: left;
}



.stripViewer .panelContainer .panel .wrapper .actionbutton{ /* action button place holder */
	padding:5px 5px 5px 10px;
	height:50px;
	width:30px;
	clear:both;
}

.stripViewer .panelContainer .panel .wrapper img.actionbutton{ 
	border:0px;
}	
		
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto; display:none;
}
		

		
.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 230px;
	text-indent: -9000em;
}
		
.stripNavL a, .stripNavR a {/* Do not remove this */
	display: block;
	height: 40px;
	width: 40px;
}
		
#cross-links {
	text-align: left; 
	position:absolute;
	top:232px;
	background-image:url(../img/gov/homeban-tabbg.png);
	background-repeat:repeat-x;
	height:48px;
	width:650px;
	clear:both;
}

#homebantumnb {
	display:block;
	width:650px;
}

#homebantumnb .banner1thumb{
	width:214px;
	padding:3px 0px 3px 2px;
	float:left;
}

#homebantumnb .banner1thumb img{
border: 1px solid #474747;
}

#homebantumnb .banner1thumb:hover img{
border: 1px solid #bc1700;
}

#homebantumnb .banner1thumb{
	color:#ffffff;
	text-decoration:none;
}

#homebantumnb .banner1thumb a:link, #homebantumnb .banner1thumb a:visited{
	color:#A5A5A5;
	text-decoration:none;
	font: 11px Arial, Helvetica, Sans-Serif;
	font-weight:bold;
}

#homebantumnb .banner1thumb a:hover, #homebantumnb .banner1thumb a:active{
	color:#ffffff;
	text-decoration:none;
	font: 11px Arial, Helvetica, Sans-Serif;
	font-weight:bold;

}

#homebantumnb .banner1thumb .leftthumb{
	width:60px;
	height:45px;
	float:left;
}

#homebantumnb .banner1thumb .rightdes{
	width:150px;
	height:45px;
	float:right;
	color:#FFFFFF;
	text-decoration:none;

}

a:focus { outline:none }

/* for 50 years */


.stripViewer50 .panelContainer50 .panel50 ul {
	text-align: left;
	margin: 0 15px 0 30px;
}

.slider-wrap50 { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 20px 0 20px 0px;
	position: relative;
	width: 100%;
	font: 1.1em Arial, Helvetica, Sans-serif;
	color: #434343;
	line-height:18px;
}

/* These 2 lines specify style applied while slider is loading */
.csw50 {width: 100%; height: 460px; background: transparent; overflow: scroll}
.csw50 .loading50 {margin: 200px 0 300px 0; text-align: center}

.stripViewer50 { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	border: 0px; /* this is the border. should have the same value for the links */
	margin: auto;
	width: 600px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 1000px;
	clear: both;
	background:transparent;
}

.stripViewer50 .panelContainer50 { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer50 .panelContainer50 .panel50 { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 600px; /* Also specified in  .stripViewer  above */
}

.stripViewer50 .panelContainer50 .panel50 .wrapper50 { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 5px;
}

.stripNav50 { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto; display:none;
}

.stripNav50 ul { /* The auto-generated set of links */
	list-style: none;
}

.stripNav50 ul li {
	float: left;
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */
}

.stripNav50 a { /* The nav links */
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	background: #c6e3ff;
	color: #000;
	text-decoration: none;
	display: block;
	padding: 0 15px;
}

.stripNav50 a:hover {
	background: #9cf;
}

.stripNav50 a.current {
	background: #39c;
	color: #fff;
}

.stripNavL50, .stripNavR50 { /* The left and right arrows */
	position: absolute;
	top: 230px;
	text-indent: -9000em;
}

.stripNavL50 a, .stripNavR50 a {
	display: block;
	height: 40px;
	width: 40px;
}

.stripNavL50 {
	left: 0;
}

.stripNavR50 {
	right: 0;
}

.stripNavL50 {
	background: url("../img/arrow-left.gif") no-repeat center;
}

.stripNavR50 {
	background: url("../img/arrow-right.gif") no-repeat center;
}

/* Sitemap */
ul#rowListing li.level2{
    display: block;
    float: none;
    position: relative;
    border-bottom: 0px solid #d1d1d1;    
    padding: 5px 10px 5px 40px;
    line-height:20px;
    
}

ul#rowListing li.level3{
    display: block;
    float: none;
    position: relative;
    border-bottom: 0px solid #d1d1d1;    
    padding: 5px 10px 5px 100px;
    line-height:20px;
    background-image:url(../img/gov/arrow-sitemap.gif);
    background-repeat:no-repeat;
    background-position:80px 8px;
    
}

ul#rowListing li .sitemapheader {
    font-size: 1.15em;
    font-family:Arial, Helvetica, sans-serif;
    color:#333333;
    font-weight:bold;
}

/*
#colPoll {
	display: none;
}
*/

/* @end */

div.sociable { margin: 0px 0px; }


.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
	
}#MB_overlay {
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 9999;
	border: 0;
	background-color: #000!important;
}
#MB_overlay[id] { position: fixed; }

#MB_window {
	position: absolute;
	top: 0;
	border: 0 solid;
	text-align: left;
	z-index: 10000;
}
#MB_window[id] { position: fixed!important; }

#MB_frame {
	position: relative;
	background-color: #EFEFEF;
	height: 100%;
}

#MB_header {
	margin: 0;
	padding: 0;
}

#MB_content {
	position: relative;
	padding: 6px .75em;
	overflow: auto;
}

#MB_caption {
	font: bold 100% "Lucida Grande", Arial, sans-serif;
	text-shadow: #FFF 0 1px 0;
	padding: .5em 2em .5em .75em;
	margin: 0;
	text-align: left;
}

#MB_close {
	display: block;
	position: absolute;
	right: 5px; top: 4px;
	padding: 2px 3px;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
}
#MB_close:hover {
	background: transparent;
}

#MB_loading {
	padding: 1.5em;
	text-indent: -10000px;
	background: transparent url(spinner.gif) 50% 0 no-repeat;
}

/* Color scheme */
#MB_window {
	background-color: #EFEFEF;
	color: #000;
	
	-webkit-box-shadow: 0 0 64px #000; 
	-moz-box-shadow: #000 0 0 64px; 
	box-shadow: 0 0 64px #000;
}
	#MB_frame {
		padding-bottom: 4px;
		
		-webkit-border-bottom-left-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;

		-moz-border-radius-bottomleft: 4px;
		-moz-border-radius-bottomright: 4px;

		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
	}
	
	#MB_content { border-top: 1px solid #F9F9F9; }

	#MB_header {
	  background-color: #DDD;
	  border-bottom: 1px solid #CCC;
	}
		#MB_caption { color: #000 }
		#MB_close { color: #777 }
		#MB_close:hover { color: #000 }


/* Alert message */
.MB_alert {
	margin: 10px 0;
	text-align: center;
}

#featuresContent .HomeHighlightbtn {
  background: #960e00;
  padding: 3px 9px 3px 9px;
  /*margin: 5px 9px 3px 9px;*/ 
  border: 1px solid #65150c;
  color: #ffffff;
  line-height: 0px;
  text-decoration: none;
  font: 11px Arial, Helvetica, Sans-Serif;
  font-weight:bold;
	Width: 65px;
	margin-top: 100px;
	clear:both;
}

* html #featuresContent .HomeHighlightbtn {
  background: #960e00;
  padding: 3px 9px 3px 9px;
  /*margin: 5px 9px 3px 9px;*/ 
  border: 1px solid #65150c;
  color: #ffffff;
  line-height: 0px;
  text-decoration: none;
  font: 11px Arial, Helvetica, Sans-Serif;
  font-weight:bold;
	Width: 65px;
	margin-top: 20px;
	clear:both;
}

#featuresContent .HomeHighlightbtn a:link, #featuresContent .HomeHighlightbtn a:active, #featuresContent .HomeHighlightbtn a:visited {
  color: #ffffff;
  text-decoration: none;
}

#featuresContent .HomeHighlightbtn a:hover {
  color: #ffffff;
  text-decoration: none;
}

/* for homepage highlights banner - use this class if the background photo is in light color*/
/* Red color arrow & text*/
.morehighlight-red {
    position: absolute;
    right: 0px;
    top: 3px;
    background: url(../img/gov/col_li.gif) no-repeat 0 5px;
    padding: 0 5px 0 10px;
	color:#bd1200;
    text-decoration:none;
    font: 11px Arial, Helvetica, Sans-Serif;
    font-weight:bold;    
}

.morehighlight-red a:link, .morehighlight-red a:visited, .morehighlight-red a:active {
  color:#bd1200;
    text-decoration:none;
    font: 11px Arial, Helvetica, Sans-Serif;
    font-weight:bold;
}

.morehighlight-red a:hover {
  color:#bd1200;
    text-decoration:underline;
    font: 11px Arial, Helvetica, Sans-Serif;
    font-weight:bold;
}
/* End Red color arrow & text*/

/* for homepage highlights banner - use this class if the background photo is in dark color*/
/* White color arrow & text*/
#morehighlight-white {
    position: absolute;
    right: 5px;
    top: 5px;
    background: url(../img/gov/col_li_white.gif) no-repeat 0 5px;
    padding: 0 5px 0 10px;
    float: right;
    color: #ffffff;
    font: 11px Arial, Helvetica, Sans-Serif;
    font-weight:bold;  
    text-decoration:none;        
  
}

#morehighligh-white a:link {
    color: #ffffff;
    font: 11px Arial, Helvetica, Sans-Serif;
    font-weight:bold;  
    text-decoration:none;

}

#morehighlight-white a:visited {
    color: #ffffff;
    font: 11px Arial, Helvetica, Sans-Serif;
    font-weight:bold;  
    text-decoration:none;
}

#morehighlight-white a:active {
    color: #ffffff;
    font: 11px Arial, Helvetica, Sans-Serif;
    font-weight:bold;  
    text-decoration:none;
}

#morehighlight-white a:hover {
    color: #ffffff;
    font: 11px Arial, Helvetica, Sans-Serif;
    font-weight:bold;  
    text-decoration:underline;
}

li#subAboutUs a {
	  color:#ffffff;
    text-decoration:underline;
    font: 11px Arial, Helvetica, Sans-Serif;
    font-weight:bold;
}



/* End White color arrow & text*/



/* for 50 yrs page */
#leftbarbanner {
    position: relative;
    padding: 10px 10px 10px 20px;
    clear:both;
}

/* for survey */
#dropinboxv2cover{
width: 230px; /*change width to desired */
height: 180px;  /*change height to desired. REMOVE if you wish box to be content's natural height */
position:absolute; /*Don't change below 4 rules*/
z-index: 100;
overflow:hidden;
visibility: hidden;
}

#dropinboxv2{
width: 210px; /*change width to above width-20. */
height: 180px; /*change height to above height-20. REMOVE if you wish box to be content's natural height*/
border: 1px dotted #cdc9be; /*Customize box appearance*/
background: #d4dad0 url(../img/gov/surveyBg.jpg) repeat-x;
padding: 4px;
position:absolute; /*Don't change below 3 rules */
left: 0;
top: 0;
color: #383838;
}

#surveytitle {
float: left;
font: 13px Arial, Helvetica, Sans-serif;
/*color: #383838;*/
color:green;
font-weight: bold;
position: relative;
padding: 1px 5px 2px 2px;
}

#surveytext {
/*float: left;*/
font: 12px Arial, Helvetica, Sans-serif;
color: #383838;
font-weight: normal;
position: relative;
padding: 10px 5px 2px 2px;
line-height: 16px;
clear: both;
	
}

#surveyimg{
top: 10px;
position: relative;
left: 0px;
}

#surveybutton #HomeHighlightbtn {
  background: #729088 url(../img/gov/btn-surveybg.gif) 0px 0px repeat-x;
  padding: 3px 5px 3px 5px;
  margin: 5px 9px 3px 110px;
  border: 1px solid #ffffff;
  color: #ffffff;
  text-decoration: none;
  font: 11px Arial, Helvetica, Sans-Serif;
	font-weight:bold;
	/*float: left;*/
	position: absolute;
	clear: left;
	left: 10px;
	top: -75px;

}


.mooSlide img {
	float: left;
	margin-right: 20px;
}

#container {
	height: auto;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding:10px;
}
.mooSlide {
	background-color: #000000;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #FFFFFF;
	font-size: 11px;
}
.mooSlide h1 {
	font-size: 17px;
}

code {
	font-size: 12px;
	line-height: 16px;
}

/* the following are the definition for the sneak preview */
#topbar{
position: absolute;
border: 1px solid #eeede5;
padding: 5px 0px 5px 0px;
margin: 0px;
background-color: #ebe9ed;
width: 96%;
visibility: hidden;
z-index: 1001;
text-align:center;
background-image:url(../img/gov/btmbarbg.gif);
background-repeat:repeat-x;
border-left:1px solid #a7a6aa;
border-right:1px solid #a7a6aa;
border-bottom:1px solid #d0d0d0;
	font-size: 1.1em;
}

/* the following are the definition for the sneak preview for IE6*/
*html #topbar{
position: absolute;
border: 1px solid #eeede5;
padding: 5px 0px 5px 0px;
margin: 0px;
background-color: #ebe9ed;
width: 95%;
visibility: hidden;
z-index: 1001;
text-align:center;
background-image:url(../img/gov/btmbarbg.gif);
background-repeat:repeat-x;
border-left:1px solid #a7a6aa;
border-right:1px solid #a7a6aa;
border-bottom:1px solid #d0d0d0;
font-size: 1.1em;
}