#topNav td.skipHide {
background-color : #9CF;
color : #000;
font-size : 1em;
font-weight : normal !important;
padding: 0px 0px 0px 0px;
text-transform : capitalize !important;
}
	#topNav td.skipHide a {
	color : #9CF;
	font-weight : normal !important;
	}
	.skipHide a.switch {
	position:absolute;
	top:-5000px;
	}

.skipHide a:link, .skipHide a:visited {
color: #9CF;
text-decoration: none;
} 

.skipHide a:focus, .skipHide a:hover, .skipHide a:active {
color: #000 !important;
text-decoration: none;
}

.skipHide a:visited {
}

		
#topNav{
	clear: both;
	background-color : #9CF;
	color : #FFF;
	/*color : #ffcc00;*/
	font-family : arial, helvetica, sans-serif;
	font-size : 70%;
	border-bottom : 1px solid white;
	width : 100%;
}

#topNav TD{
	padding : 0px 0 0px 0;
	text-transform : uppercase;
}

#topNav A{
	color : #000;
	font-weight : bold;
	text-decoration : none;
	padding : 0 6px 0 6px;
}

#topNav A:hover{
	color : #ffcc00;
	font-weight : bold;
	text-decoration : underline;
}

#topNavL {
width: 60% !important;
}

		#topNavL ul{
		margin: 0px 0px 1px 0px;
		list-style: none;
		}

		#topNavL ul li {
		display: inline;
		background-color : #9CF;
		color : #000;
		margin: 0px !important;
		padding: 0px !important;
		}


		#topNavL ul li a {
		font-size : 100%;
		margin: 0px !important;
		padding : 0px 6px;
		border-right: 1px solid #FFF;
		}

		#topNavL ul li a.last {
		border-right: none;
		}




#topNavR {
width: 40% !important;
padding: 5px 0px 0px 0px !important;
}

		#topNavR ul {
		margin: 0px !important;
		list-style: none;
		display: inline;
		}

		#topNavR ul li {
		display: inline;
		background-color : #9CF;
		color : #000;
		margin: 0px !important;
		padding: 0px !important;
		}

		#topNavR ul li.browsealoud  {
		margin: 0px;
		padding : 3px 0px 0px 0px !important;
		text-align: right;
		}
			#topNavR ul li.browsealoud img {
			margin: 0px !important;
			border: none !important;
			}



		#topNavR ul li.sbox  {
		margin: 0px;
		padding : 3px 0px 0px 0px !important;
		text-align: right;
		vertical-align: top;
		}
			#topNavR ul li.sbox #searchCriteria {
			border: none;
			background-color : white;
			color : black;
			width : 110px;
			margin : 0 0 0 5px;
			padding : 1px 0 0 5px;
			font-size: 1.2em;
			}
			#topNavR ul li.sbox #searchButton {
			border: none;
			background-color : #9CF;
			color : #000;
			padding: 0 0 0 0;
			margin: 0 5px 0 5px;
			font-family : arial, helvetica, sans-serif;
			font-size : 100%;
			font-weight : bold;
			/*position : relative;
			top : 0px;*/
			}
			#topNavR ul li.sbox #searchLabel{
			font-size : 100%;
			color : #000;
			font-weight : bold;
			margin : 0 0 0 5px;
			}

.hide {display:none}

.navHide {
	position: absolute;
	left: -1000px;
	width: 990px;
	font-size: 0.1em; 
}


body{
	margin : 0;
	padding : 0;
	font-family : arial, helvetica, sans-serif;
	background-color: #FFF;
	font-size : 100%;
	width:99%;
	
}

form {
/*	font-size: 100%; */
	\font-size : 100%;
	f\ont-size : 80%;
}


#menu{
	width : 100%;
	/*background-image : url(images-styling/menu-stripe.gif);*/
    background-position: bottom;
    background-color: #06C;
	background-repeat : repeat-x;
	/*border-bottom: 10px solid #9CF;*/
}

#menuClose{
	/*background-image : url(images-styling/menu-close.gif);*/
	background-repeat : no-repeat;
	background-position : bottom right;	
}


#menuList{
    width: 100%;
	color : white;
	background-color: #06C;
	font-size : 75%;
	font-weight : bold;
	table-layout : auto;
    padding-top: 5px;
}


#menuList TD{
	padding : 0 0 2px 13px;
	background-image : url(images-styling/bullet-large.gif);
	background-repeat : no-repeat;
	background-position : 0 .5em;
	vertical-align : top;
}

#councilLogo {
	padding : 0 0 2px 13px;
	background-image : none !important;
	vertical-align : top;
}

#menuList #logo{
	border: none;
	margin-bottom: 10px;
}


#menuList A{
	text-decoration : none;
	color : white;
}
#menuList A:Hover{
	text-decoration : underline;
	color : #ffcc00;
	background-color: #06C;
}

#menuContact{
width : 100%;
font-size : 70%;
font-weight: bold !important;
line-height : 1.3em;
text-align : center !important;
padding : 0 0 0 0px;
margin : 0 0 0 0;
color : #333;
background-color: #9CF;
}

		#menuContact ul {
		list-style:none;
		margin: 0px;
		padding: 0px;
		}

		#menuContact ul li {
		display:inline;
		background-color: #9CF;
		border-right: 1px solid #FFF;
		padding: 0px 5px;
		}

		#menuContact ul li.last {
		border-right: none;
		}

		#menuContact ul li a {
		color : #000;
		background-color: #9CF;
		}

		#menuContact ul li a:visited {
		color : #000;
		background-color: #9CF;
		}


#footer{
	width : 100%;
	background-image : url(images-styling/footer-stripe.gif);
	background-repeat : repeat-x;
	height : 40px;
}

#footerClose{
	background-image : url(images-styling/footer-close.gif);
	background-repeat : no-repeat;
	background-position : left bottom;	
	height : 40px;
	text-align : left;
}


#contentBlock{
	width : 100%;
}

#contentBlock TD{
	vertical-align : top;	
}


#columnOne{
	background-image : url(images-styling/footer-curve.gif);
	background-repeat : no-repeat;
	background-position : left bottom;
	padding : 15px 10px 85px 10px;
	width : 20%;
}


#columnTwo{
	width : 80%;
	padding : 15px 0 20px 0;
}


#disclaimer{
	font-size : 0.7em;
	color : white;
	background-color: #06C;
	margin : 0 0 0 25px;
	position : relative;
	top : 11px;
	display : list-item;
	list-style-image : url(images-styling/bullet-small.gif);
}

#disclaimer A{
	color : white;
	background-color: #06C;
	text-decoration : none;
}

#disclaimer A:hover{
	text-decoration : underline;
}
#breadcrumb{
	font-size : 70%;
	font-weight : bold;
	padding : 15px 10px 5px 10px;
	color: #000;
	background-color: #FFF;
	

}

#breadcrumbLine{
	height : 5px;
	background-image : url(images-styling/breadcrumb-line.gif);
	background-repeat : repeat-x;
	text-align : right;
	margin : 3px 0 0 0;
}

#breadcrumbLine img{
	border: none;
}

#breadcrumb UL{
	display : inline;
	margin : 0;
	padding :  0;
}

#breadcrumb UL LI{
	display : inline;
	padding : 0 0 0 17px;
	text-transform : uppercase;
	color : #0066CC;
	background-color: #FFF;
	background-image : url(images-styling/breadcrumb-seperator.gif);
	background-repeat : no-repeat;
	background-position : 0 50%;
	font-size : 100%;
}

#breadcrumb UL LI.first{
	display : inline;
	padding : 0;
	text-transform : uppercase;
	background-image : none;
}

#breadcrumb UL LI A{
	color : #0066CC;
	background-color: #FFF;
	font-weight : bold;
	text-decoration : none;
}
#breadcrumb UL LI A:hover{
	color : #0066CC;
	background-color: #FFF;
	font-weight : bold;
	text-decoration : underline;
}

#columnOne A{
	color : #0066cc;
	text-decoration : none;
}

#columnOne A:hover{
	color : #0066cc;
	text-decoration : underline;
}

#columnOne UL{
	margin : 8px 0 8px 16px;
	padding-left: 0;
	color : #333;
	background-color: #FFF;
}

#columnOne  LI{
	font-size : 70%;
	list-style-image : url(images-styling/bullet-small.gif);
	list-style-type : square;
	margin : 2px 0 2px 0px;
}

#columnOne  LI A{
	color : #333;
	background-color: #FFF;
	text-decoration : none;
}

#columnOne  LI A:hover{
	color : #0066cc;
	background-color: #FFF;
	text-decoration : underline;
}

#columnOne  LI LI{
	font-size : 100%;
}


.backTop{
color : #c00;
background-color: #FFF;
font-size : 90%;	
text-align : right;
margin-top : 20px;
display : list-item;
list-style-image : url(images-styling/bullet-back.gif);
border-top : 1px dashed #06c;
padding : 3px 0 0 0;
}
.backTop {
\font-size : 75%;
f\ont-size : 90%;
}


.backTop A{
	color : #c00;
	background-color: #FFF;
	text-decoration : underline;
}

.backTop A:hover{
	color : black;
	background-color: #FFF;
	text-decoration : underline;
}


#bypassNav{
	width : 100%;
	background-color : black;
	height : 1px;
}

#bypassNav IMG{
	width : 100%;
	height : 1px;
	border : none;
}

.topBorder{
	border-top : 1px dashed #06c;
}

.bottomBorder{
	border-bottom : 1px dashed #06c;
}

#columnOne H2{
	font-size : 75%;
	border-bottom : 1px solid black;
	padding : 0 5px 0 5px;
	background-color : #ffcc00;
	margin : 0 0 5px 0;
	font-weight : bold;
}

#columnOne div.menu {
	font-size : 75% !important;
	border-bottom : 1px solid black;
	padding : 0 5px 0 5px;
	background-color : #ffcc00;
	margin : 0 0 5px 0;
	font-weight : bold;
}


div.dls a img {
float: right;
border: none;
}


#columnTwo td {
font-size : 100%;
}


#columnTwo td {
\font-size : 10pt;
f\ont-size : 100%;
}

form {
font-size: 0.8em;
}

#columnTwo ul li{
margin-left: 30px;
}

/* Following lines added to provide more spacing between questions, to alter the super-script positioning of the mandatory symbol. */
td .fieldtitle {
	padding-bottom: 10px;
/*	\font-size : 75%;
	f\ont-size : 100%; */
}

tr .fieldtr {
	padding-bottom: 10px;
}

td .fieldtr {
	vertical-align: top;
/*	\font-size : 75%;
	f\ont-size : 100%; */
}

.mandatorysymbol {
	vertical-align: top;
}
.bold {
	font-weight:bold;
}