/*
Theme Name: Butler Township
Description: A custom theme designed for Butler Township, Montgomery County Ohio
Version: 1.0
Author: Jeff Friend

*/

@import url("newhome.css");

body {
background-image: url(/wp-content/themes/bt/images/bg.gif);
background-repeat: repeat-x;
background-color: #FDF4E5;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: .8em;
text-align: left;
color: #000000;
margin: 0;
padding: 0;
}

img {
border: 0px #000000 solid; }

img.left {
float: left;
margin: 0px 10px 10px 0px;
border: 0px #ffffff solid; }

img.right {
float: right;
margin: 0px 0px 10px 10px;
border: 0px #ffffff solid; }

img.ctr {
margin: 25px 0px 25px 0px;
border: 0px #000000 solid; }

#container {
position: relative;
width: 780px;
height: auto;
margin-left: auto;
margin-right: auto;
border: 0px #ffffff solid;}

#header {
width: 780px;
height: 145px;
background-image: url(/wp-content/themes/bt/images/header_bg.jpg);
background-repeat: no-repeat;
background-position: top left;
text-align: center; }

#header2 {
width: 780px;
height: 145px;
background-color: #3E0700;
background-repeat: no-repeat;
background-position: top left;
text-align: center; }

#logo {
position: absolute;
top: 1px;
left: 305px;
width: 161px;
height: 143px;
z-index: 2; }

#search {
position: absolute;
top: 15px;
left: 575px;
width: 200px;
height: auto;
border: 0px #ffffff solid;
z-index: 2; }

.search {
width: 125px;
height: 15px;
padding: 0px 0px 0px 5px;
margin: 0px 0px 0px 5px;
border: 1px #FFCC00 solid;
font-size: .8em; }

#date {
position: absolute;
top: 39px;
left: 585px;
width: 200px;
height: 20px;
border: 0px #ffffff solid;
z-index: 2; }

#date p {
font-size: .85em;
font-weight: normal;
color: #ffffff;
text-align: left;
margin: 0px;
padding: 0px;
}

#nav {
position: absolute;
top: 145px;
left: 0em; 
width: 780px;
height: 33px;
border-top: 1px #FFCC00 solid;
border-bottom: 1px #FFCC00 solid; }

#content {
width: 780px;
height: auto;
padding-top: 53px;
text-align: left;
margin-bottom: 40px;}

#contentpage {
width: 780px;
height: auto;
padding-top: 53px;
text-align: left; }

#page {
width: 560px;
float: right;
margin-bottom: 40px;
min-height: 400px; 
 }

#faq {
padding: 10px 10px 10px 10px;
margin: 10px 0px 10px 0px;
background-color: #F0E8D9;
}

#faq:hover {
background-color: #EAE1D3; }

#footer_bg {
width: 100%;
height: auto;
background-color: #000000;
background-image: url(/wp-content/themes/bt/images/footer_bg.gif);
background-repeat: repeat-x;
background-position: top left;
clear: right; }

#footer {
position: relative;
width: 780px;
height: 100px;
padding-top: 30px;
margin-right: auto;
margin-left: auto;
font-size: .9em;
color: #ffffff;
text-align: left;
border: 0px #ffffff solid; }

#footer a:link, #footer a:visited {
color: #ffffff;
font-weight: bold;
text-decoration: none;
margin-right: 5px;
margin-left: 5px; }

#footer a:hover {
color: #FFCC00; }

#btmtext {
text-align: right;
margin-top: -12px; }

/*__________________

photoView elements
____________________*/

#photoView_box {
position: absolute;
top: 315px;
left: 400px;
width: 376px;
height: 305px;
background-color: #F0E8D9; }

#photoView_box:hover {
background-color: #EAE1D3; }

#photoView_box p {
font-size: .8em;
text-align: center;
}

/*__________________

HOME Page elements
____________________*/

#topsection {
width: 780px;
height: auto; }

#topsection_left {
width: 289px;
height: auto;
float: left; }

#divider_wide {
width: 780px;
height: 21px;
background-image: url(/wp-content/themes/bt/images/divider_wide.gif);
background-repeat: no-repeat;
background-position: center center;
margin: 20px 0px; }

#btmsection {
width: 780px;
height: auto;
border: 0px #111111 solid; }

#btmsection_right {
width: 310px;
height: auto;
float: right;
border: 0px #111111 solid; }

#btmsection_right h1 {
font-family: Times, "Times New Roman", serif;
font-size: 1.6em;
font-weight: normal;
margin-top: 0px;
*/ margin-top: 20px;
margin-bottom: -10px;}

#promobox_blue {
width: 426px;
height: 102px;
background-color: #001C2F;
background-image: none;
margin-top: 20px;
margin-bottom: 20px;
padding: 0px 10px 0px 10px;
border: 1px #FFCC00 solid;
color: #ffffff; }

#promobox_blue:hover {
background-image: url(/wp-content/themes/bt/images/BOX/blueBOX_bg.jpg);
background-repeat: no-repeat;
background-position: top left; }

#promobox_red {
width: 426px;
height: 102px;
background-color: #3E0700;
background-image: none;
margin-top: 20px;
margin-bottom: 20px;
padding: 0px 10px 0px 10px;
border: 1px #FFCC00 solid;
color: #ffffff;
}

#promobox_red:hover {
background-image: url(/wp-content/themes/bt/images/BOX/redBOX_bg.jpg);
background-repeat: no-repeat;
background-position: top left; }

#promobox_green {
width: 426px;
height: 102px;
background-color: #002F01;
background-image: none;
margin-top: 20px;
margin-bottom: 20px;
padding: 0px 10px 0px 10px;
border: 1px #FFCC00 solid;
color: #ffffff; }

#promobox_green:hover {
background-image: url(/wp-content/themes/bt/images/BOX/greenBOX_bg.jpg);
background-repeat: no-repeat;
background-position: top left; }

#promobox_black {
width: 426px;
height: 102px;
background-color: #000000;
background-image: none;
margin-top: 20px;
margin-bottom: 20px;
padding: 0px 10px 0px 10px;
border: 1px #FFCC00 solid;
color: #ffffff; }

#promobox_black:hover {
background-image: url(/wp-content/themes/bt/images/BOX/blackBOX_bg.jpg);
background-repeat: no-repeat;
background-position: top left; }

#promobox_gold {
width: 426px;
height: 102px;
background-color: #5F5013;
background-image: none;
margin-top: 20px;
margin-bottom: 20px;
padding: 0px 10px 0px 10px;
border: 1px #FFCC00 solid;
color: #ffffff; }

#promobox_gold:hover {
background-image: url(/wp-content/themes/bt/images/BOX/goldBOX_bg.jpg);
background-repeat: no-repeat;
background-position: top left; }

img.photo_left {
margin: -3px 15px 0px 5px;
float: left; }

img.photo_right {
margin: -3px 5px 0px 15px;
float: right; }

/*__________________

SIDEBAR elements
____________________*/

#sidebar {
width: 212px;
height: auto;
float: left;
margin-top: 10px; }

#subNav {
width: 183px;
min-height: 400px;
background-image: url(/wp-content/themes/bt/images/subnav_bg.gif);
background-repeat: no-repeat;
background-position: top left;
margin: 0px 0px 0px 10px; }

#sidebar h1 {
font-family: Times, "Times New Roman", serif;
font-size: 1.4em;
font-weight: normal;
padding-top:10px;
margin: 0px 0px 10px 10px;}

#sidebar p {
color: #681006;
margin: 5px 5px 5px 5px;
padding-left: 10px;
line-height: 1.8em;
}

#sidebar a:link, #sidebar a:visited {
color: #681006;
margin: 5px 5px 5px 5px;
padding-left: 10px;
display: block;
line-height: 1.8em;
text-decoration: none;}

#sidebar a:hover {
background-color: #FFFFFF;
color: #000000; }

#sidebar a.sub1:link, #sidebar a.sub1:visited {
color: #681006;
margin: 5px 5px 5px 5px;
padding-left: 25px;
display: block;
line-height: 1.8em;
text-decoration: none;}

#sidebar a.sub1:hover {
background-color: #FFFFFF;
color: #000000; }

/*__________________

General TYPOgraphy styles
____________________*/

h1 {
font-family: "Times New Roman", Georgia, Times, serif;
font-size: 1.6em;
font-weight: normal;
margin-top: 10px;
margin-bottom: 10px; }

h2 {
font-family: "Times New Roman", Georgia, Times, serif;
font-size: 1.2em;
font-weight: normal;
font-style: italic;
color: #681006;
margin-top: 10px; }

h2.headline {
font-size: 1.4em;
font-weight: normal;
margin-top: 20px;
margin-bottom: 0px;
color: #681006;
font-style: normal;
font-family: Arial, Helvetica, Verdana, sans-serif;
clear: both; }

h3 {
font-family: "Times New Roman", Georgia, Times, serif;
color: #746C60;
font-size: 1.3em;
font-weight: normal;
padding: 0px 0px 0px 0px;
border-bottom: solid 1px #807769;
margin-bottom: 10px; }

h6.date  {
font-size: .8em;
font-weight: normal;
margin-top: 0px;
margin-bottom: 15px;
margin-left: 0px;
color: #000000;
font-style: italic; }

p {
font-size: 1em;
}

ul {
margin: 0px;
padding: 0px;
}

li {
font-size: 1em;
color: #746C60;
padding: 2px 0px 2px 20px;
margin: 5px 0px 5px 0px;
display: block;
list-style-type: none;
}

a:link, a:visited {
color: #681006; }

a:hover {
color: #013B27; }

h6 {
font-size: .8em;
font-weight: normal;
color: #ffffff;
text-align: left;
margin-left: 10px;}

#topsection_left a:link, #topsection_left a:visited {
color: #681006;
font-weight: bold;
text-decoration: none; }

#topsection_left a:hover {
color: #013B27; }

#btmsection h2.left {
font-size: 1.4em;
font-weight: normal;
margin-top: 7px;
margin-bottom: -15px;
color: #FFCC00;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-style: normal; }

#btmsection h2.right {
font-size: 1.4em;
font-weight: normal;
margin-top: 7px;
margin-bottom: -15px;
color: #FFCC00;
text-align: right;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-style: normal; }

#btmsection p.left {
font-size: .9em;
font-weight: normal;
margin-right: 50px; }

#btmsection p.right {
font-size: .9em;
font-weight: normal;
margin-left: 50px;
text-align: right; }

#btmsection a:link, #btmsection a:visited {
color: #ffffff;
font-weight: normal;
text-decoration: none; }

#btmsection a:hover {
color: #FFCC00; }

#btmsection_right a:link, #btmsection_right a:visited {
color: #681006;
font-weight: bold;
text-decoration: none; }

#btmsection_right a:hover {
color: #013B27; }

/*-----------------------

GENERAL NAV styles
------------------------*/

#nav a {
text-decoration: none; }

#nav a em {
font-style: normal;
text-decoration: underline; }

.anchor {
width:560px;
height:3px;
background-color: #681006;
margin: 40px 0px 0px 0px;
*/ margin: 10px 0px 0px 0px; }

.topbtn2 {
position: absolute;
top: -25px;
left: 726px;
width: 44px;
height: 25px; }

.topbtn2 a {
width: 44px;
height: 25px;
background-image: url(/wp-content/themes/bt/images/top_btn.gif);
background-repeat: no-repeat;
background-position: top left;
display: block; }

.topbtn2 a:hover {
background-position: top right; }

#textsize {
width: 83px;
height: 24px;
float: right;
position: relative;
background-image: url(/wp-content/themes/bt/images/textsize_btn.gif);
background-repeat: no-repeat;
background-position: top left;
margin-top: 0px; }

#textsize_holder {
position: absolute;
top: 225px;
left: 687px;
width: 83px;
height: 24px; }

a.lg {
position: absolute;
top: 4px;
left: 7px;
width: 56px;
height: 12px;
background-image: url(/wp-content/themes/bt/images/lg.gif);
background-repeat: no-repeat;
background-position: top left;
z-index: +2; }

a.lg:hover {
background-position: top right; }

a.sm {
position: absolute;
top: 4px;
left: 18px;
width: 56px;
height: 12px;
background-image: url(/wp-content/themes/bt/images/sm.gif);
background-repeat: no-repeat;
background-position: top right;
z-index: 0; }

a.sm:hover {
background-position: top left; }

/*-----------------------

BREADCRUMB styles
------------------------*/

p.breadcrumbs {
font-size: .8em;
font-family: Arial, Helvetica, Verdana, sans-serif;
margin: 10px 0px 20px 0px; }

p.breadcrumbs a:link {
color: #681006;
font-weight: bold;
text-decoration: none }

p.breadcrumbs a:visited {
color: #681006;
font-weight: bold;
text-decoration: none }

p.breadcrumbs a:hover {
color: #000000;
text-decoration: underline;
}

.currentpage {
color: #000000;
font-weight: bold }

span.separator {
font-weight: bold;
font-size: .9em }

/*-----------------------

TIP styles
------------------------*/

#tips {
width:625px;
margin-left: auto;
margin-right: auto;}

#tipBox {
background-color: #FFFFFF;
border: solid 1px #3f0700;
width: 500px;
margin-left: auto;
margin-right: auto;
padding: 20px 30px 20px 30px; }

a.tipButton:link, a.tipButton:visted {
color: #ffffff;
font-size 1.3em;
font-weight: bold;
text-decoration: none;
background-color:#3E0700;
padding: 10px;
}

a.tipButton:hover {
background-color:#000000;
}

#reports {
	margin-left: 40px;
	min-height: 500px;
}

/*-----------------------

WP IMAGE styles
------------------------*/

.alignright {
float: right;
margin: 5px 0px 10px 10px;
}
.alignleft {
float: left;
margin: 5px 10px 10px 0px;
}