body { 
		font: x-small sans-serif; 
		margin:0; 
		background-repeat: repeat;
                background-image: url(/images/layout/bg_brown.gif);
	}

	
	body.admin { background: url(/images/layout/bg_green.gif) }
/*
	div { border: 1px solid yellow }
	p { border: 1px solid green }
*/

	#globalContainer { 
		font-size: 127%;
		border: 1px solid black;
		width: 760px;
		margin: 2em  auto 0 auto;
	}


	body.admin #globalContainer { width: 90%; max-width: 1024px; min-width: 800px }


	#menu {
		float: left;
		width: 10em;
	}
	#header { 
		background: url(/images/layout/flash.png) repeat-x #ccc; 
		text-align: center;
		margin: 0 auto 0 auto;
		padding: 0;
	
	}
	
	#header h1 {
		margin: 0;
		padding: 0em;
		/*
		border: solid;
		border-width: 1px 0 0 1px;
		border-color: #264a84 #264a84 transparent  #009;
		*/
	}


	#header .nav { 
		background: url('/images/layout/graydown.jpg') repeat-x bottom left; 
		/*
		border-top: 1px #006 solid;
		*/
		padding: 0px 0 2em 1em;
		margin: 0px;
	}
	
	#header .nav ul {
		background: url('/images/layout/graydown.jpg') repeat-x bottom left; 
		float: right; list-style: none; display: inline; margin: 0; padding: 0
	
	}
	#header .nav ul li { float: left; margin: 0; padding: 0 }
	#header .nav A {
		display:block;
		text-decoration:none;
		margin: 0 0 0 .25em;
		padding:0.25em 1em;
		background: #006;
		color: white;
		border-color: transparent #003 #003 #339;
	}
	
	#header .nav form { padding: 0; margin: .1em .1em 0 0; }
	#header .nav input { 
		padding: 0; margin: 0 .1em 0 .1em;
	}
	#header .nav .button {
		background: #000;
		color: white;
		border: 1px outset #006;
	}

	
	#main {
		background: white;
		border-bottom: 1px solid #666;
		padding: 1em 0;
	}

	#footer {
		margin: 0 auto;
		background: #fff;
		padding: 0;
	}
	
	#footer address {
		padding: .5em 0 .5em 3em;
		border-top-style: 2px outset #003366;
		margin: 0;
                color: #fff;
	}

	.full {
		float: left;
		width: 80%;
		margin: 0 0 0 1em;
		padding: 0;
	}

	.column-one {
		margin: 0 0 0 2%;
		padding: 0;
		float: left;
		width: 37%;
	}
	
	.column-two { 
		padding: 0;
		margin: 0 0 0 2%;
		float: left;
		width: 37%;
		height: 1% /* Holly hack for Peekaboo Bug */
	}
	
	.clear-columns {
		clear: both;
	}
	
	#content p { margin: 0 0 1em 0 }
	#content h1, h2, h3, h4, h5, h6, h7 { margin-top: 0 }


.newsitems.front {
	clear: both;
	width: 100%;
	margin: 0 auto;
}

.newsitems.front .newsitem {
	float: left;
        margin: .5em 2%;
	padding: .5em;
	border: 2px solid #f60;
        width: 25%;
	height: 6em;
	text-align: left;
}


/* FORMS */
/* FIELDS */
.form-field-header { min-width: 15%; vertical-align: top; padding: .25em .25em .25em .5em; font-weight: bold; text-align: right; margin-right: .25em }
.form-field-header-top { padding: .25em; font-weight: bold; text-align: left }
.form-field { vertical-align: top; padding: .25em .5em }
.form-buttons { padding: .25em 1em }

.form-instructions { font-size: 102%; font-weight: bold }
.form-field-header-error { padding: .25em .25em .25em .5em; font-weight: bold; text-align: right; margin-right: .25em }
.form-field-header-top-error { padding: .25em; font-weight: bold; text-align: left }
.form-field-error { padding: .25em .5em .25em .5em; }
.form-field-error .error { font-weight: bold }
.form-errors { padding: 1em; margin: 1em 5em 1em 0em; }

.skipnav { position: absolute; top: 0; left: 0; background: black }
.skipnav a, .skipnav a:link, .skipnav a:visited { color: #ccc }

.admin-bar {
	position: fixed;
	text-align: center;
	padding: .25em 0 .5em 0;
	top: 0;
	left: 0;
	width: 100%;
	color: white;
	border: 0;
	border-bottom: 1px solid #999;
}

.admin-bar.view { background: #009 }
.admin-bar.edit { background: #c00 }
.admin-bar a, .admin-bar a:link, .admin-bar a:visited, .admin-bar a:hover { color: white }

.dialogbox { 
        color: black; 
        border: 1px solid #033; 
        padding: 0;
        margin: 1em 15% 1em 15%; 
}

.dialogbox-header { 
        background: #555; 
        color: white; 
        font-weight: bold; 
        padding: .25em .5em .25em .5em;
        border: 1px solid;
        border-color: #666 #333 #333 #666;
}

.dialogbox-content { 
        background: #999; 
        color: black; 
        padding: .25em 1em .5em 1em;
        border: 1px solid;
        border-color: #888 #666 #666 #888;
}

.dialogbox-content form {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
}



ul.sitemap  { 
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.sitemap li {
	margin: 1em;
	padding: 0;
	font-size: 150%;
	background: #300;
}
ul.sitemap ul.sitemap li {
	width: 47%;
	margin: .5em 1.5%;
	float: left;
	font-size: 95%;
	background: #900;
}
ul.sitemap ul.sitemap ul.sitemap li  { padding: 0;
	margin: 0;
	background: transparent;
	width: 100%;
	float: none;
	font-size: 95% ;
	margin: 0;
	padding-bottom: 2px;
	border-bottom: 1px dotted #900
}
ul.sitemap ul.sitemap ul.sitemap ul.sitemap li  { padding: 0;
	margin: 0;
	background: transparent;
	width: 100%;
	float: none;
	font-size: 95%;
	margin: 0;
	padding-bottom: 2px;
	border-bottom: 1px dotted #fcc
}
ul.sitemap ul.sitemap ul.sitemap ul.sitemap ul.sitemap li  { padding: 0;
	margin: 0;
	background: transparent;
	width: 100%;
	float: none;
	font-size: 95%;
	margin: 0 
}
ul.sitemap ul.sitemap ul.sitemap { 
	border: 2px solid #900;
	padding: 2px;
	background: #fa0;

}
ul.sitemap ul.sitemap ul.sitemap ul.sitemap { 
	list-style: none;
	margin: 0;
	background: #ffc;
	padding: 2px;
	border: 2px solid #fa0;

}
ul.sitemap ul.sitemap ul.sitemap ul.sitemap ul.sitemap { 
	list-style: none;
	margin: 0;
	background: #ffc;
	padding: 2px;
	border: 2px solid #ffc;
}


.sitemap a:hover {
	text-decoration: underline;
}

ul.sitemap li a {
	padding: 0 0 8px 8px;
	color: white;
	text-decoration: none;
}
ul.sitemap ul.sitemap li a {
	padding: 0 0 8px 8px;
	color: #ffc;
	text-decoration: none;
}
ul.sitemap ul.sitemap ul.sitemap li a {
	padding: 4px;
	color: #600;
	text-decoration: none;
}
ul.sitemap ul.sitemap ul.sitemap ul.sitemap li a {
	padding: 0px;
	color: #621;
	text-decoration: none;
}
ul.sitemap ul.sitemap ul.sitemap ul.sitemap ul.sitemap li a {
	padding: 0px;
	color: black;
	text-decoration: none;
}

.tiny { font-size: small }

table.grid-table { border-collapse: collapse; margin: 0; padding: 0; border: solid black 2px; width: 100%}
.grid-table th { font-size: 95%; text-align: left; vertical-align: top; margin: 0; border: solid black; border-width: 1px 1px 2px 1px; padding: .2em .33em .2em .33em }
.grid-table td { margin: 0; vertical-align: top; border: solid black; border-width: 1px;  padding: .2em .33em .2em .33em }