.outline { border-collapse: collapse; border: 1px solid #8C8C8C; }

body {
    margin: 0px;
    padding: 0px;
    font-family: verdana, helvetica, sans-serif;
    font-size: 11px;
    background-color: #FFFFFF;
}

.header {
    font-size: 17px;
    color: #0099CC;
    font-weight: bold;
}

.header_dash {
    font-size: 12px;
    color: #0099CC;
}

.header2 {
    font-size: 13px;
    color: #0099CC;
    font-weight: bold;
}

.header3 {
    font-size: 12px;
    text-decoration: underline;
}

.people {
    font-size: 36px;
    font-family: arial, verdana, helvetica, sans-serif;
    color: #56B448;
    line-height: 30px;
}

.gis {
    font-size: 36px;
    font-family: arial, verdana, helvetica, sans-serif;
    color: #0E4793;
    line-height: 30px;
}

p {
    font-size: 11px;
    color: #333333;
    line-height: 16px;
}

span {
    line-height: 16px;
}

.text {
    font-size: 11px;
    color: #333333;
}

.largetext {
    font-size: 14px;
    color: #333333;
}

.errortext {
    font-size: 13px;
    color: #FF0000;
}

.tinytext {
    font-size: 11px;
    color: #8C8C8C;
}

.text3 {
    font-size: 13px;
    line-height: 20px;
}

.bannertext {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: bold;
    font-style: italics;
}

.link1 {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

a.link1 {
    text-decoration: none;
    color: #FF8000;
}

a.link1:link {
    text-decoration: none;
    color: #FF8000;
}

a.link1:hover {
    color: #FF8000;
}

a.link1:active {
    color: #5CB900;
}

.link2 {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

a.link2 {
    text-decoration: none;
    color: #0E4793;
}

a.link2:link {
    text-decoration: none;
    color: #0E4793;
}

a.link2:hover {
    color: #FF8000;
}

a.link2:active {
    color: #0E4793;
}

.link3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

a.link3 {
    text-decoration: none;
    color: #5CB900;
}

a.link3:link {
    text-decoration: none;
    color: #5CB900;
}

a.link3:hover {
    color: #FF8000;
}

a.link3:active {
    color: #5CB900;
}

div.main_container{
	width: 100%;
	height: 100%;
	background-image: url(images/main_back.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
}

div.main_container2{
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	z-index: 0;
}

div.main_container3{
	width: 100%;
	height: 100%;
	background-image: url(images/main_back.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: auto;
	margin-right: auto;
	z-index: 0;
}

div.top_title_bar{
	height: 55px;
	width: 750px;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
}

div.title{
	width: 250px;
	float: left;
}

div.top_menu{
        float: right;
	background-color: transparent;
	margin-top: 30px;
	margin-bottom: 0px;
	margin-left: 0;
	margin-right: 0px;
	padding: 6px;
	border-right: 1px solid #C0C0C0;
}

div.side_menu{
	background-color: transparent;
	float: left;
	width: 130px;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: 0;
	margin-right: 10px;
	border-top: 3px solid #CADBE8;
}

div.side_menu_item{
	background-color: transparent;
	height: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0;
	margin-right: 0px;
	padding: 3px;
	border-bottom: 3px solid #CADBE8;
	vertical-align: middle;
	z-index: 3;
}

.side_link {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

a.side_link {
    text-decoration: none;
    color: #56B448;
}

a.side_link:link {
    text-decoration: none;
    color: #56B448;
}

a.side_link:hover {
    color: #FF8000;
}

a.side_link:active {
    color: #56B448;
}

div.main_body_background{
        width: 100%;
        height: 100%;
	z-index: 1;
}

div.page_content{
        float: right;
	width: 595px;
	margin-top: 17px;
	margin-bottom: 0px;
	margin-left: 0;
	margin-right: 0px;
	z-index: 3;
}

div.maillist_page_content{
	width: 595px;
	margin-top: 17px;
	margin-bottom: 0px;
	margin-left: 0;
	margin-right: 0px;
	z-index: 3;
}

div.fullpage_page_content{
	margin-top: 17px;
	margin-bottom: 0px;
	margin-left: 0;
	margin-right: 0px;
	z-index: 3;
}

div.home_background_bar{
        position: relative;
	height:120px;
	width: 100%;
	background-image:url(images/blue_banner.jpg);
	margin-left: auto;
	margin-right: auto;
	border-top: 1px solid #73AAD3;
}

div.home_background_bar2{
	height: 20px;
	width: 100%;
	background-image:url(images/blue_banner2.jpg);
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	border: none;
	border-top: 1px solid #FFFFFF;
}

div.home_banner{
	height:100%;
	width: 750px;
	background-image:url(images/littleton_photo2.jpg);
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	border: none;
}

div.carver_banner{
	height:100%;
	width: 750px;
	background-image:url(images/carver2web_banner.jpg);
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	border: none;
}

div.municipal_banner{
	height:100%;
	width: 750px;
        background-image: url(images/littleton_parcels.jpg);
     	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	border: none;
}

div.home_banner_messagebar{
        position: relative;
        top: 70px;
	height:30px;
	width: 100%;
	background-color: #73AAD3;
        filter:alpha(opacity=75);
        opacity: 0.75;
        -moz-opacity: 0.75;
	border-top: 1px solid #0C9BC7;
	border-bottom: 1px solid #0C9BC7;
        text-align: right;
        z-index: 2;
}

div.home_banner_message{
        position: relative;
        bottom: -45px;
	height:30px;
	width: 95%;
        text-align: right;
        z-index: 5;
}

div.main_title_bar{
	height:100%;
	width: 750px;
	background-color: #6699c7;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	border: none;
}

div.main_menu_bar{
	height:10px;
	width: 80%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	border: none;
}

div.main_body{
        position: relative;
        left: 0px;
        top: 0px;
	width: 750px;
	height: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
	padding: 0px;
	border: none;
	z-order: 2;
}

div.main_body_contacts{
	width: 750px;
	height: 100%;
	margin-top: 30px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	border: none;
	background-image: url(images/globe_trans2.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
}