/*********************************************
 * Home page
 */

/* Put the logo image in place */
#home, #home span {
	height:100%;
	width:43px;
	background-image: url(/graphics/green-sirens-logo.png);
	background-repeat: no-repeat;
	background-position:5px;
}
#home span {
	display:block;
	position:absolute;
	top:0px;left:0;z-index:1;
	padding-right:10px;
	/* for IE6 only */
	padding-top:10px;
	padding-top /**/:0px;
}
/* Undo all the messing around that got the logo image in place */
#home ul, #home ul span {
	background-image:none;
}
#home ul span {
	display:inline;
	position:relative;
	padding-right:0;
}
/* Make anchors full size */
.submenu li a {
	display:block;
	width:100%;
}
.borderlands h1 {
	display:none;
}

#menu {
	width:640px;
	padding:0;
	border-radius:25px 0 0 25px;
	-moz-border-radius:25px 25px 0 0;
}
#home {
	float:left;
	width:100%;
	text-align:left;
}
#menu ul {
	margin:0 !important;
	padding:0;
	position:absolute;
	right:0;
}
.submenu {
	background-color:white;
	border-right:3px solid #008680;
}
.borderlands #borderlands ul {
	display:block;
	background-color:#005653;
	top:2em;
	width:8em;
}
/*
.submenu li:hover {
	background-color:#008680;
}
.submenu li:hover a {
	color:white !important;
}
*/
.submenu li a:hover {
	background-color:#008680 !important;
}
.submenu li a:hover {
	color:white !important;
}
#menu .submenu ul li {
	display:block;
}
#menu li, .submenu li a {
	border-radius:25px;
	-moz-border-radius:25px;
}
.submenu li a {
	display:block;
	padding-left:6px;
	padding-top:3px;
	padding-bottom:3px;
	margin-left:-3px;
}



/*********************************************
 * Common XHTML elements
 */
html, body {
	color:#000000;
	background-color:#008680;
	margin:0 0 4em 0;padding:0;
	font-family: Verdana, Helvetica, sans-serif;
}

cite {
	font-style:italic;
}
cite.title, cite.name {
	font-size:105%; font-weight:bold;
}

abbr[title], acronym[title],
span.abbr /* workaround for IE, http://www.sovavsiti.cz/css/abbr.html */
{
	cursor:help;
	border-bottom:1px dashed;
}

a:visited {
	color:#bbbbbb;
}
a:link {
	color:white;
	background-color:transparent;
}
#menu .submenu li a {
	color:#cccccc;
}
#menu .submenu li a:visited { /* grey */
	color:#cccccc;
	background-color:transparent;
}
a:hover {
	color:white;
	background-color:transparent;
}
#menu li a:visited, #menu li a:hover {
	color:white;
}
#menu li ul a:visited, #menu li ul a:hover, #menu li ul a {
	color:black;
}

hr {
	display:block;
	clear:both;
	visibility:hidden;
}

q { quotes: '\201c' '\201d' '\2018' '\2019' }
q:before { content: open-quote; }
q:after { content: close-quote; }
/* Work around Mozilla bug 24861 */
q q:before { content: '\2018' }
q q:after { content: '\2019' }
 

/*********************************************
 * Page elements
 */
/* To be hidden from visual browsers; see http://blog.tom.me.uk/2003/09/13/skipadeedoodah.php */
#skip a {
	position:absolute;
	overflow:hidden;
	width:0;
	height:0;
	left:10em;
	top:.5em;
}
#skip a:active, #skip a:focus {
	overflow:visible;
	width:auto;
	height:auto;
	color:red;
}

#main {
	padding:1px 2px 0 0;
	background-color:#005653;
	width:640px;
	margin:0 auto;
	border-radius:25px;
	-moz-border-radius:25px;
}
.borderlands #main {
/*
	min-height:480px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-240px;
	margin-left:-320px;
*/
}
#content {
	color:#dddddd;
	clear:both;
	padding:3em 0 0 0;
	margin:0 10em 3em 1em;
	border-radius:25px;
	-moz-border-radius:25px;
}
#menu {
	position:absolute;
	top:0;
	margin:0 auto;
	text-align:center;
	background-color:white;
	color:black;
	font-family:Arial,sans-serif;
	font-size:125%;
}
.submenu ul {
	font-size:90%;
}
#menu a:visited {
	color:black;
}
#menu ul, #menu li {
	display:inline;
	list-style:none;
	margin:5px 1px 5px 1px;
}
#footer {
	clear:both;
	font-size:80%;
	text-align:center;
	position:fixed;
	bottom:0em;
	width:100%;
	overflow:auto;
	color:inherit;
	background-color:#008680;
}
#footer p {
	margin:0;
	font-size:80%;
	text-align:center;
}

#borderlands {
	border-right:none;
}
.logo {
	width:231px;
	height:333px;
	float:left;
	color:#005653;
	background-color:transparent;
	margin:.5em;
	padding:6px 12px;
	text-align:right;
	font-family:serif;
	font-size:large;
	font-style:italic;
	font-weight:bold;
	background-image:url(/graphics/angel);
}
/* Work around IE's bad float/position:fixed support */
.borderlands {
	min-height:480px;
}