/* basic styles */
body {margin: 0px; font-family: Myriad, tahoma, arial, sans-serif; font-size: 12px; text-align: center; background-color: #eff5e1}
.page {width:920px; margin: 0px auto; text-align: left; background: url(../images/Slice1.jpg) repeat-y white;}
.page2 {width:920px; margin: 0px auto; text-align: left; background: url(../images/inside_slice.gif) repeat-y white; padding-top: 10px;}

.greenery1 {width: 100%;  background: url(../images/blackband3.gif) bottom left no-repeat #eff5e1; height: 376px; border: solid 0px red}
.greenery3 {width: 100%;  background: url(../images/blackband.gif) bottom left no-repeat #eff5e1; }
.greenery2 {width: 100%;  background-color: #eff5e1}
.blackband{width: 100%;  background-color: black; height: 32px; overflow: hidden; margin:0; top: -1px}

p, td, li, blockquote {font-size: 12px;color: #363636; }
a, a:hover {color: black;}
a:hover {color: red;}
p {margin-top: 0px;}

h1 {color: black; font-size: 16px;text-transform: uppercase; font-weight:bold;}
h2 {color: black; font-size: 14px; font-weight:bold;text-transform: uppercase;}
h3 {color: #ef3e42; font-size: 12px; font-weight:bold; display: inline; margin: 0;}
h4 {color: #6f8f2a; font-size: 12px; font-weight: bold; }
h5 {color: black; font-size: 12px; font-weight: bold; }
h6 {color: black; font-size: 12px; font-style: italic; font-weight: bold;}
p.Category_Header_Text {color: black; font-size: 16px; font-weight:bold;}

.floatR {position: relative; float: right;}
.floatL {position: relative; float: left;}
.breaker {clear: both;}
.border {border: solid 1px red;}
.bttmpad {margin-bottom: 10px}

/* for polls */
.region table td table td {padding: 2px;}
.region table td table{margin-bottom: 10px;}

/* for sidebar content regions 
- define code_block the same as regions
- make top and bottom region images backgroudn images in code_indiv_top and code_block_indiv_bottom
- define code_block_indiv_center same as regionbox
*/
.code_block {overflow: hidden; width: 100%} /* prevents breaking the design with images that are too wide, if width set */
.code_block_top {}
.code_block_center {}
.code_block_bttm {}
.code_block_indiv_top {}
.code_block_indiv_content {}
.code_block_indiv_bttm { }
.code_block_indiv_content p{margin-top: 0px;}

.home_banner {width: 920px; background: url(../images/top-background.jpg) no-repeat; height: 376px; margin: 0px auto; border: solid 0px blue}
.banner {width: 920px; background: url(../images/Top.jpg) no-repeat; height: 126px; margin: 0px auto; }
.events {width: 218px; padding: 10px; background-color:  #eff5e1; height: 229px; border-left: solid 2px white;  text-align: left;}
.events h1 {color: #ef3e42; background: url(../images/green-dot-beige.jpg) repeat-x bottom; height: 30px; margin-bottom: 10px;}
a.redlink {color: #ef3e42;}
a.redlink img {text-decoration: none;}

a.homelink {margin: 30px 0px 6px 30px;}
.content {width: 896px; margin: 0px 12px; background-color: white; display: inline}

/* for dropdown menus*/
.menu {width: 920px; height: 32px; background: url(../images/Slice2.jpg) repeat-y ; z-index: 100;margin: 0px auto; border: solid 0px red}
.tab {width: 920px; height: 28px; background: url(../images/slice-tab.gif) repeat-y; z-index: 100;margin: 0px auto; overflow: hidden}

/* top links / utilities */
.toplinks {text-align: right; font-weight: bold; text-decoration: none; color: black; text-transform: uppercase; margin: 60px 30px 0px 0px; font-size: 11px;}
a.toplink{font-weight: bold; text-decoration: none; color: black; text-transform: uppercase;}
a.toplink:visted {font-weight: bold; text-decoration: none; color: black; text-transform: uppercase;}
a.toplink:hover {text-decoration: none; color: #ef3e42;}
.pipe {font-weight: bold; margin: 0px 5px 0px 5px; color:#ef3e42; font-size: 16px; top: 3px; display: inline; }

.search {display: inline;}
.searchbox{border: solid 1px black; width: 100px; margin: 0px 5px; font-size: 11px;}

.home_region1 {width: 400px; margin: 20px 0px 20px 25px;}
.home_region2 {width: 400px; margin: 20px 25px 20px 0px;}
.home_region1 h1, .home_region2 h1, .regionbox h1, .bottom_regionbox h1 {color: black; background: url(../images/green-dot-beige.jpg) repeat-x bottom;  margin-bottom: 10px; font-size: 14px; width: 300px; padding-bottom: 5px;}

/* regions */
.regions {z-index: 99; width: 239px; margin-right: 12px; top: -10px;}
/* .regionbox use min-height here and height in IEstyle */
.regionbox {width: 219px; padding: 0px 10px;}
.regionbox ul {margin: 0px; padding: 10px 0px 0px 15px;}
.regionbox ul li {padding-bottom: 5px;}

.bottom_region {width: 100%; background-color: #eff5e1}
.bottom_regionbox {margin: 15px; width: 255px; }
.bottom_regionbox ul {margin: 0px; padding: 10px 0px 0px 5px;}
.bottom_regionbox ul li {padding-bottom: 5px; list-style: none}

.inside_content {width: 600px; margin: 0px 0px 20px 30px;}


/* footer */
.shoe {width: 920px; margin: 0px auto; background: url(../images/bottom.jpg) no-repeat; height: 69px;}
.bottomlinks {width: 850px; margin: 0px auto; text-align: right; font-size: 11px;}
a.bottomlink, a.bottomlink:visited {font-weight: bold; text-decoration: none; color: black;}
a.bottomlink:hover {text-decoration: underline; color: blue;}

.regions_calendar_list{
	margin-bottom: 5px;
}
/*
change 'blue' to main site color
Colors:

Red - #ef3e42

Lime Green - #6f8f2a

Light Lime Green - #bcdb75

Light Green - #d7e0c2 (bottom regions)

Beige - #eff5e1 (Background, left regions)

 

Font:

Myriad or Tahoma (Bold for headers, regular for text)


*/