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

Title:      Prototype Style Sheet
Created by: Akiva Levy
Version:    1.0
E-mail:     deselect@tribal-treble.com
Website:    AkivaLevy.com

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

/*------------------- General ------------------- */

/* Remove padding and margin from all elements */
* {
  margin: 0;
  padding: 0;
}

body {
	font: 1em/140% Georgia, "Times New Roman", Times, serif;    
}

/*------------------- Layout ------------------- */

#wrapper {width:762px; margin: 0 auto; background: url('images/background_shadow_vert.gif') repeat-y top;}

#top{background: url(images/top_background.gif) repeat-x;}
#top_content {width:744px; height: 57px; margin:0 auto; background: url(images/top_quotes.gif) no-repeat;}
#top_links {position: relative; left: 568px; width: 169px;}
#top_links a {font-size: .7em; color: #FFFFFF; font-weight: bold; margin-left: 7px; margin-right: 7px;}
#top_links a:hover {font-size: .7em; color: #009900; font-weight: bold; margin-left: 7px; margin-right: 7px;}
.top_divide1 {position: absolute; top: -23px; right: 168px;}
.top_divide2 {position: absolute; top: -23px; right: 117px;}
.top_divide3 {position: absolute; top: -23px; right: 63px;}

#header {width:744px; height: 166px; background: url(images/teulon_index_3.jpg) no-repeat; margin: auto;}
#header img {behavior: url(/iepngfix.htc); position: relative; top: 5px;}
.logo {behavior: url(/iepngfix.htc); height: 162px; width: 243px;}

#content {}
	.index_image {border: 1px solid #bc1041; padding: 4px; float: left; margin-right: 20px;}
	.town_image_right {border: solid 1px #bc1041;}
	.town_image_left {margin-left: 25px; border: solid 1px #bc1041;}

#left {float: left; width: 458px; margin-top: 28px; margin-bottom: 10px; display: inline; margin-left: 25px;}

#right {float:right; width:230px; margin-bottom: 10px; margin-top: 28px; display: inline; margin-right: 25px;}
	.events_box {width: 193px; border: 9px solid #bc1041; padding: 10px; padding-top: 5px; margin-bottom: 0; over}
	.gallery_box {width: 230px; margin-top: 0; padding-top: 0;}
	.garbage_pickup {width: 230px; height: 57px;}
	.event_divider {width: 185px; height: 1px; border-top: 1px solid #bc1041;  margin-top: 3px; display: inline;}
	.gallery_divider {width: 230px; height: 1px; border-top: 1px solid #bc1041; margin-top: 3px;}
	.gallery_image {height: 46px; width: 67px; border: 1px solid #bc1041;}
	.gallery_image_middle {height: 46px; width: 67px; border: 1px solid #bc1041; margin-right: 7px; margin-left: 7px;}
	.gallery_box_link {width: 230px; text-align: right;}
	.garbage_can {float: left; margin-right: 10px;}
	.garbage_divider {width: 196px; height: 1px; margin: 0;}

#sidebar {}

#navigation {width:744px; height: 32px; background: url(images/navigation_background.gif) repeat-x; margin: auto;}

#footer {clear:both; width: 744px; height: 40px; margin: auto; font-size: .7em; overflow: hidden;}
	.footer_green_line {border-top: 1px solid #bc1041; width: 710px; height: 1px;}
	.me_credit {}
	.copyright {width: 150px; font-size: 1.4em;}
	#shadow_bottom {width:762px; height: 15px; margin: 0 auto; background: url('images/background_shadow_footer.gif') repeat-y top; clear: both; overflow: hidden;}

/*------------------- Typography ------------------- */

h1, h2, h3, h4, h5, h6 { margin: 1em 0; }

h1 {font-size: 1.5em; color: #ffffff; font-weight: bold; position: relative; top: 18px; left: 45px; margin: 0; width: 400px;}
h2 {font-size: .8em; margin: 0; margin-bottom: 10px;}
h4 {margin: 0; color: #616161; font-size: .7em;}
h5 {margin: 0; color: #8a0c30; font-size: .7em;}

.event_bold{margin-top: 0; padding-top: 0; margin: 0; color: #616161; font-size: .7em;}

p, pre, blockquote, form, fieldset, { margin: 1em 0; }

abbr, acronym {
	/* Also see .abbr class for a span used by IE */
}

cite {}

em {}

strong {}

.tiny {
	/* use small element to make small, but for styled-only small text, this is class, such as fine print */
}

.abbr {
	/* use with a span to style abbr for IE as abbr isn’t supported */
}

.events_box p {margin: 0; font-size: .7em; line-height: 1.3em; margin-bottom: 10px;}
#content p {margin-top: 10px; margin-bottom: 10px; font-size: .7em;}
#content ul {margin-left: 10px;}
#content li {font-size: .7em; margin-left: 15px; line-height: 1.4em; margin-bottom: 10px}
.garbage_date {font-size: .7em; position: relative; left: 35px; width: 160px;}
.index_big_type {font-size: 1.4em; font-weight: bold;}

/*------------------- Links ---------------------*/

a {color: #8a0c30; text-decoration: none; }

a:hover, a:focus, a:active {}

.gallery_box a {font-size: .7em;}

.index_main_left {border: 1px solid #bc1041; padding: 4px; margin-right: 10px;}
.index_main_right {border: 1px solid #bc1041; padding: 4px;}
.index_main_bottom_1 {border: 1px solid #bc1041; padding: 4px; margin-top: 10px;}
.index_main_bottom_2 {border: 1px solid #bc1041; padding: 4px; margin-right: 10px; margin-left: 10px; margin-top: 10px;}
.index_main_bottom_3 {border: 1px solid #bc1041; padding: 4px; margin-top: 10px;}

/*------------------- Forms ------------------- */

form {}

/* Removes fieldset borders. even on Opea 7 */
fieldset { border: 1px solid transparent; }

legend {}

label {}

input {}

select {}

option {}

textarea {}

input:focus, select:focus, option:focus, textarea:focus {
}

/*------------------- Tables ------------------- */

table { 
  font: Georgia, "Times New Roman", Times, serif; font-size: .7em;	  
}

th {
 
}

td {
  font-weight: normal;
}

/*------------------- Misc ------------------- */

/* Class for clearing floats */
.clear { clear:both; }

.hidden { }

/* Remove border around linked images */
img, a img { border: 0; }

.top_shadow {width: 100%; height: 70px; background: url(images/top_shadow.png) repeat-x top left; behavior: url(/iepngfix.htc); position: absolute;}

.error {}

.bio_divider {height: 1px; border-top: 1px solid #bc1041; width: 438px; margin-top: 10px; margin-bottom: 10px; clear: both;}
.bio_divider2 {height: 1px; border-top: 1px solid #bc1041; width: 310px; margin-top: 10px; margin-bottom: 10px;}

.list_left {width: 200px; float: left; margin-top: 5px;}
.list_right {width: 200px; float: right; margin-right: 40px; margin-top: 5px;}

.content_image {float: left; margin-top: 5px; margin-right: 10px; border: 1px solid #bc1041;}
.image_border {border: 1px solid #bc1041;}

.faq_divider {width: 400px; height: 1px; border-top: 1px solid #bc1041; margin-bottom: 15px; margin-top: 15px;}

.gallery-images-left {float: left; margin: 10px 10px 0 0; border: 1px solid #bc1041;}
#events-bar {background: url(images/top_background.gif) repeat-x; height: 57px;}
	#events-bar h1 {font-size: 1.5em; color: #ffffff; font-weight: bold; position: relative; top: 8px; left: 15px; margin: 0; width: 400px;}
	#events-box {padding: 20px;}
	#events-box h2 {font-size: 14px; color: #bc1041;}
	#events-box p {margin: 0 0 15px 0;  line-height: 18px;}