body {
	/* background-color:#EE1C25; */
	background-color:#ccc;
	font-family:arial, helvetica, verdana, sans-serif;
	font-size:small;
	color:#333;
	margin:20px 0;
}

a {
	color:#EE1C25;
	text-decoration:none;
}
a:hover { color: black; text-decoration:underline}
a img { border:none }

p, li, span, dd, blockquote, a, td, th {
	line-height:130%;
}

p { margin:0.7em 0 }

form { margin:0 }

blockquote {
	background-color:#fff;
	border:1px solid #999;
	color:#666;
	text-align:center;
	width:70%;
}

dt { font-weight:bold; margin-top:1em; }


/* heading image replacements */
h1 span, h2 span { display:none; }
/* end heading image replacements */

h1, h2, h3, h4 {
	 font-weight:normal;
	 color:#666;
	 line-height:130%;
}

h1 { font-size:large; color:#333; }
h2 { font-size:22px; color:#333; margin-top:0 }
h3 { font-size:medium; }
h4 { font-size:small; margin-bottom:0 }

h4 + p { margin-top:0 } /* p elements directly after a h4 */

#frame {
	background-color:#ccc;
	margin:0 auto;
	width:809px;
}

#popup #frame {
	background-color:#fff;
	padding:10px;
	width:90%;
}

#popup #frame h2 {
	margin-top:0;
	padding-top:0;
}

#header {
	background:url(../images/top.gif) #EE1C25 top left no-repeat;
}

/*
#innerHeader {
	width:809px;
	background:url(../images/top-bkgd-sky.jpg) transparent top left no-repeat;
	height:39px;
}
*/
	
#header h1 a {
	display:block;
	height:34px;
	background:url(../images/barnet-header-logo.gif) no-repeat center right;
	text-indent:-2500px;
	margin:0;
	text-decoration:none;
}

#banner { margin-left:4px; }
#banner p { margin:0 }

#nav {
	padding:15px 0 30px 0;
}

#nav ul {	
	margin:0 0 0 45px;
	padding:0;
}

#nav li {
	float:left;
	list-style-type: none;
	margin:0;
	padding:0;
}

#nav li a {
	font-size:small;
	font-weight:bold;
	display:inline;
	padding:0.2em 0.6em;
	color:#FFB3B3;
	background-color:transparent;
	line-height:100%;
	/* text-indent:-2500px; */
}

#nav li a:hover, #nav li a.active_nav { color:#fff; text-decoration:none }

/* SUB NAV */

#subnav {
	margin: 30px 0 0 30px;
}

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

#subnav li {
	font-size:11px;
	font-family:arial;
	margin:0.6em 0;
	padding:0;
	border:none;
}

#subnav li a {
	border:none;
	display:block;
	width:130px;
	padding-left:15px;
	color:#EE1C25;
	background:url(../images/orange-dot.gif) transparent center left no-repeat;
}

#subnav li a.activeSection	{
	background-image:url(../images/red-dot.gif);
	color:black;
}

#subnav li a.completed	{
	background-image:url(../images/green-dot.gif);
}

#subnav li a:hover {
	color:black;
	background-color:white;
}

#logout {
	float:right;
	text-align:right;
	background-color:#fff;
	font-size:11px;
	padding:0 0 1em 1em;
	margin:0 0 0 1em;
}

#logout * { margin:0 }

/* /SUB NAV */

#main {
	clear:both;
	background:url(../images/middle.gif) #fff repeat-y top left;
}

#left {
	width:170px;
	float:left;
}

#content {
	background-color:transparent;
	padding:30px 10px 10px 20px;
	width:570px;
	float:left;
}

#home #content, #help #content {
	padding:0;
	width:700px;
	margin:0 auto;
	float:none;
}

#home #content h2, #help #content h2 {
	margin:0 0 1em 0;
	padding:25px 0 1em 0;
}

#content ul li {
	list-style-image:url('../images/list-arrow.png');
}

#footer {
	clear:both;
	width:809px;
	height:89px;
	text-align:center;
	background:url(../images/bottom.gif) #fff no-repeat bottom left;
	font-size:11px;
}

#footer p {
	margin:0;
	padding-top:0px;
}

#innerFooter {
}

#footer .credits {
	color:#999;
}

.credits a { color:#666 }

td, th {
	text-align:left;
	vertical-align:top;
	padding:0.4em;
	padding-left:0;
	border-bottom:1px solid #ddd;
}

fieldset {
	border:1px solid #999;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

legend {
	color:#666;
	background-color:white;
	font-size:12px;
}

th {
	border-bottom:1px solid #666;
	text-align:left;
	font-size:12px;
	font-weight:normal;
	padding-top:1em;
}

fieldset table {
	width:80%;
	margin:0.3em auto;
}

fieldset table td {
	border-bottom:1px solid #ddd;
	padding:0.4em 0.2em 0.4em 0;
}

input, select, textarea {
	background-color:#eee;
	border:1px solid #999;
	font-family:arial, helvetica, verdana, sans-serif;
	font-size:small;
	color:#333;
}

input:focus, select:focus, textarea:focus {
	border-color: #EE1C25;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus  {
	background-color:white;
	color:#EE1C25;
}

input[type="checkbox"], input[type="radio"] {
	border:none;
	background-color:transparent;
}

label.checked { color:#EE1C25 }

.submit {
	border:3px solid green;
	background-color:green;
	color:white;
	font-weight:bold;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

.altsubmit {
	border:3px solid #999;
	background-color:#999;
	color:white;
	font-weight:bold;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

.backbutton {
	border:3px solid orange;
	background-color:orange;
	color:white;
	font-weight:bold;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

.logout {
	border:1px solid red;
	background-color:red;
	color:white;
	font-weight:bold;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

.hilite { color:green }
.hiliterow td, .hiliterow th {
	background-color:#cf9;
}

.clear { clear:both }
.error { color:red }
.small { font-size:11px }
.copyImage { margin:0 10px 10px 0; }
.imageleft { float:left; margin:0 10px 10px 0;}
.imageright { float:right; margin:0 0 10px 10px; }
.left { float:left; }
.right { float:right }
.requiredError { color:red; font-weight:bold; }
.displayRequired { color:red; font-size:11px; }
.note { color:#666 }
.notice {
	color:#f60;
	padding-left:15px;
	background:url(../images/alert.gif) no-repeat center left transparent;
}

.button {
	font-weight:bold;
	text-align: center;
	width:200px;
}

.button a {
	display:block;
	padding:0.4em;
	text-decoration: none;
	border:1px outset #ccc;	
}

.button a:link { 
	color: #fff;
	background-color:blue;
}

.button a:visited { 
	color: #fff;
	background-color:blue;
}

.button a:hover { 
	color: #fff;
	background-color:red;
}

.button a:active { 
	color: #fff;
	background-color:black;
}

/* hr styling from http://www.saila.com/usage/tips/defn.shtml?hr */

hr {
	text-align: center;
	width: 100%;
	height: 1px;
	color: #ccc;
	border: none;
} /* For Internet Explorer */


html>body hr {
 	margin-right: 0;
 	width: 100%;
 	height: 1px;
 	background-color: #ccc;
 	border: none;
} /* For Gecko-based browsers */

html>body hr {
	margin-right: 0;
	width: 100%;
	height: 1px;
	background-color: #ccc;
	border: 0px solid #ccc;
} /* For Opera and Gecko-based browsers */

hr {
	clear:both;
}

.messages td {vertical-align:bottom; }

.reqfields {
	color:green;
	font-size:large;
}

/* buttons */

/*
#button-more {
	display:block;
	height:19px;
	width:70px;
	text-indent:-2500px;
	background-image:url(../images/button-more.gif);
}

#button-more:hover { background-position: 0 19px; }

#button-register {
	display:block;
	height:24px;
	width:91px;
	text-indent:-2500px;
	background-image:url(../images/button-register.gif);
}

#button-register:hover { background-position: 0 24px; }
*/

#button-more, #button-register {
	/* font-weight:bold; */
	font-size:12pt;
}

/* /buttons */

.boxHolder {
	width:224px;
	float:right;
	margin:0 0 0px 25px;
}

.box { width:224px;margin-bottom:15px }
.boxHeader { padding:1em 1em 0 1em; }
.boxBody { padding:0.3em 1em 0 1em; }
.box h3 { margin:0; color:#333 }
.boxFooter { height:22px; }
.boxBody p { margin:0; padding:0.4em 0 0 0}

.greenbox .boxBody { background:url(../images/box-green-tile.gif) transparent top left repeat-y; }
.greenbox .boxHeader { background:url(../images/box-green-top.gif) transparent top left no-repeat; }
.greenbox .boxFooter{ background:url(../images/box-green-bottom.gif) transparent bottom left no-repeat; }

.redbox .boxBody { background:url(../images/box-red-tile.gif) transparent top left repeat-y; }
.redbox .boxHeader { background:url(../images/box-red-top.gif) transparent top left no-repeat; }
.redbox .boxFooter{ background:url(../images/box-red-bottom.gif) transparent bottom left no-repeat; }

.orangebox .boxBody { background:url(../images/box-orange-tile.gif) transparent top left repeat-y; }
.orangebox .boxHeader { background:url(../images/box-orange-top.gif) transparent top left no-repeat; }
.orangebox .boxFooter{ background:url(../images/box-orange-bottom.gif) transparent bottom left no-repeat; }

#title-register {
	width:101px;
	height:27px;
	background:url(../images/title-register.gif) transparent bottom left no-repeat;
	text-indent:-2500px;
}

#title-login2 {
	width:101px;
	height:27px;
	background:url(../images/title-login2.gif) transparent bottom left no-repeat;
	text-indent:-2500px;
}

.rememberWidget { 
	font-size:11px;
	color:#666;
}

.rememberWidget span {
	border-bottom:1px solid #ccc;
}

#remembered {
	float:right;
	width:10em;
	font-size:11px;
	text-align:right;
}

#content #councilLogos {
	clear:both;
	list-style:none;
	list-style-image:none;
	margin-left:0;
}

#content #councilLogos li {
	float:left;
	width:240px;
	height:100px;
	list-style:none;
	list-style-image:none;
	padding-right:10px;
}

#councilLogos li a { 
	display:block;
	padding:5px;
	border:1px dotted #ccc;
	width:230px;
	height:80px;
	text-align:center;
	vertical-align:middle;
}

#councilLogos li a img { vertical-align:middle }

#councilLogos li a:hover {
	border:1px solid #06c;
}

#councilLogos li img { border:none }

.message {
	margin:0.6em 0;
	color:green;
	/* padding-left:10px; */
	/* background:url(../images/alert.gif) top left no-repeat; */
}

#viewactionplan {
	float:right;
	width:150px;
	text-align:right;
}

#viewactionplan a {
	display:block;
	padding:0.3em;
	background-color:green;
	color:white;
	font-weight:bold;
	text-align:center;
}

#viewactionplan a:hover {
	background-color:#0c0;
	text-decoration:none;
}

#content ul.pdfdownloads li {
	list-style-image:url(../images/pdf-small.gif);
}

#site_switch {
	text-align:center;
	padding-top:1em;
}

#site_switch select {
	font-size:x-small;
}

a.travelguide_btn  {
	display:block;
	padding:0.3em;
	background-color:green;
	color:white;
	font-weight:bold;
	text-align:center;
}

a.travelguide_btn:hover {
	background-color:#0c0;
	text-decoration:none;
}

.video_tour_header {
	background:url(../images/video-icon.png) top right no-repeat #fff;
}