/* ************************************* */
/* 1. Element declarations               */
/* ************************************* */

body { margin: 0; padding: 10px 10px 10px 20px; }
/*
div {  position: relative; margin: 0; padding: 0; }
*/
p, address { margin: 0 0 1.2em 0; padding: 0; }
/*
ol, ul { margin: 0 0 0.6em 0.6em; padding: 0 0 0 1.2em; }
li { margin: 0 0 0.6em 0; }
*/
p, ol, ul, td, th, dl, dt, address { line-height: 150%; color: #333;}
h2 { margin: 0 0 0.4em 0; padding: 0 0 0.15em 0; border-bottom: 1px dotted #ccc; line-height: 120%; color: #333;}
h3 { margin: 0 0 0.3em 0; padding: 0; line-height: 120%; color: #333; }
h4 { margin: 0; padding: 0; line-height: 120%; color: #333; }
a { color: #339; text-decoration: none; border-bottom: 1px solid #339; }
a:visited { color: #903; border-bottom: 1px solid #903; }
acronym, abbr { border-bottom: 1px solid #ccc; }
acronym:hover, abbr:hover { cursor: help; }
address { font-style: normal; margin: 0 0 1.2em 0; }
a img { border: 0; }
table { margin: 0 0 1em 0; padding: 0; position: relative; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 0; border-bottom: 0; width: 100%; }
td, th { text-align: left; vertical-align: top; padding: 0.2em; margin: 0; border-top: 0; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 0; }
form { margin: 0; padding: 0; clear: both; }
fieldset { border: 0; border-bottom: 1px solid #fff; margin: 0; padding: 10px 10px 2px 10px; }
#fRight fieldset { padding: 0; border-bottom: 0; }
legend { position: relative; top: 0; left: 0; text-indent: 0; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 10px 0 0 0; text-indent: 0; color: #333; }
fieldset div { clear: both; margin: 0 0 8px 0; }
dl, dd, dt { margin: 0; text-indent: 0; padding: 0; }

/* Basic font styles */
body { background: #fff; color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 76%; }
p, cite, li, address, blockquote { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; }
li li { font-size: 1em; }
td, th { font-family: Verdana, Arial, Helvetica, sans-serif; }
h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
h1 { font-size: 2em; font-weight: bold; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.2em; }
input, select { font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333; }
legend { font-size: 1.6em; }

h3 a { color: #339; text-decoration: none; border-bottom: 0px; }
h3 a:visited { color: #903; border-bottom: 0px; }

/* Civis styles */
div#bannerContainer{
    background: #903 url(/live/common/images/custom/f_header_top.gif) 0 0 no-repeat; 
}
div#headerContainer{
	clear: both;
	margin: 0ex;
	padding: 0ex;
	width: 720px;
	height:75px;
}
div#headerContainer h1 { font-size: 1em; margin: 0; padding: 6px 0px 0px 24px; position: absolute; top: 15px; left: 23px; z-index: 1; }
div#headerContainer h1 a { position: relative; display: block; width: 141px; height: 52px; text-indent: -500em; text-decoration: none; border: 0;
    background: transparent url(/live/common/images/custom/f_main.gif) 0 0 no-repeat; }
    
DIV#contentContainer {
    padding-top: 10px;
    margin-left: 2px;
}
DIV#mapContentContainer {
    padding-top: 10px
}
DIV#menu {
    padding-top: 10px;
    width: 243px;
}
#menuHolder{
	background-color: #eeeeff;
	color: #333399;
	padding: 0.8ex 8px;
}
#menuButtonHolder{
	background-color: #fff;
}
#search{
	color: #333399;
	background-color: #eeeeff;
}
.addLinks{
	background-color: #fff;
}
#tabsOnly{
	background-color: #fff;
}
#tabs {
}
#tabs li {
	background-color: #00ff00;
    margin:0 5px 0 0;
}
#tabs ul {
   margin:0 0 0 2px;
}
#tabs a {
   color: #333399;
	background-color: #99aadd;
   text-decoration: none;
   border-bottom: 0px;
}
#tabs .hidden {
	background-color: #99aadd;
}
#tabs .hidden a {
   color:#333399;
background-color: #eeeeff;
}
h5{
	background-color: #99aadd;
	color: #333333;
}
div#content {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.headerLinks li{
	display: inline;
	margin:0;
	padding:0;
}
.headerLinks {
    padding-right: 4px;
}
.headerLinks li {
	color: #fff;
}
.headerLinks a {
	color: #fff;
	border-bottom: 1px solid #fff;
}
.headerLinks a:visited { 
    color: #fff; 
    border-bottom: 1px solid #fff; 
}
.textLinks a:visited { 
    color: #fffff; 
    border-bottom: 1px solid #fff; 
}
#fontSize{
    padding-right: 4px;
	color: #fff;
}
div#topNav{
	border-right: 1px solid #903;
	border-bottom: 0px;
    background: #903;
}
#navicons {
	width:200px;
}
#navicons a {
	color: #fff;
	border-bottom: 1px solid #fff;
}
#navicons a:visited { 
    color: #fff; 
    border-bottom: 1px solid #fff; 
}
#navbar {
	width:468px;
}
#navbarLinks {
    float: right;
    background: #EEDDDD;
}
   
#fNavigation li.selected a { border-bottom: 0;
    background: transparent url(/live/common/images/custom/f_tabs.gif) 0px 0px no-repeat; }

#fNavigation ul { width: auto; position: absolute; bottom: 0; right: 0; margin: 0; padding: 0px; list-style: none; z-index: 2; }
#fNavigation li { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; 
	text-align: center;
    background: #fff url(/live/common/images/custom/f_tabs.gif) 0 -200px no-repeat; }
#fNavigation li a { margin: 0; display: block; padding: 12px 0.6em 3px 0.6em; color: #333; border-bottom: 1px solid #eac; text-decoration: none;
    background: transparent url(/live/common/images/custom/f_tabs.gif) 100% -200px no-repeat; }
#fNavigation li a:hover { color: #903; }
#fNavigation li:hover {
    background: #fff url(/live/common/images/custom/f_tabs.gif) 0 0 no-repeat; }
#fNavigation li:hover a:hover { border-bottom: 1px solid #eac;
    background: transparent url(/live/common/images/custom/f_tabs.gif) 100% 0 no-repeat; }

.pageLink {
    border-bottom: 0px;
}
#undecoratedLink {
    text-decoration: none;
    border-bottom: 0px;
}
.textLinks a:visited {
    color: #000000;
}

div#headerNav a:visited { color: white; }
div#headerNav a:hover { color: white; }
div#headerNav a:link { color: white; }
div#headerNav a { color: white; }

div#browse {
background-color: #eeeeff;
color: #333333;
}

div#calendar {
background-color: #eeeeff;
color: #333333;
}
div#calHeader {
color: #ff3399;
}
span#calMonths {
color: #00ff00;
}