@charset "UTF-8";

/* Eitzen Agency Stylesheet */

body {
		margin: 0px auto;
		
		font-family: Helvetica, Arial, sans-serif;
		
		background-image: url(images/bg_red_diagonals.jpg);
		background-attachment: fixed;
		background-color: #c2122e;
}


/* Styling the Basic HTML Elements */

h1 {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 36px; font-weight: normal; line-height: 40px; color: #FFF;}
h2 {/*font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;*/ font-size: 18px; font-weight: bold; line-height: 26px; color: #FFF;}
h3 {font-size: 14px; font-weight: bold; line-height: 22px; color: #FFF;}
h4 {font-size: 12px; font-weight: bold; line-height: 18px; color: #FFF;}

p {font-size: 13px; font-weight: normal; line-height: 19px; color: #CCC;}
blockquote {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #666; font-size: 18px; padding-left: 40px; padding-right: 40px;}

a {text-decoration: none; color: #c2122e;}
a:hover {text-decoration: underline; color: #c2122e;}

ul {list-style-type: square; color: #c2122e;}
ul li {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 13px; margin-bottom: 10px;}
ul li span {color: #000;}

ol {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;}
ol li {margin-bottom: 10px; font-size: 13px;}

span.ital {font-size: 10px; font-style: italic;}

#wrapper {position: relative; width: 1000px; height: auto; padding: 0px; margin-left: auto; margin-right: auto;}
#logo {position: relative; width: 1000px; height: auto; float: left;}
#logo img {padding-left: 20px;}

#address {position: absolute; width: 250px; height: auto; top: 0px; right: 0px;}
#address p {font-size: 11px;}

#navbox {position: relative; width: 1000px; height: auto; float: left; background-color: #000; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; padding-top: 10px;}
#content {position: relative; width: 1000px; height: 800px; float: left; /*border-top: 1px solid #c2122e;*/ margin: 0px; padding: 0px;}

#breadcrumb {position: relative; width: 960px; height: auto; float: left; padding: 10px 20px 10px 20px; margin: 0px; background-color: #000; border-top: 1px solid #555555;}
#breadcrumb p {font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #cbcbcb; margin: 0px; padding: 0px;}
#breadcrumb p.location {position: relative; float: left; width: 500px; display: inline-block;}
#breadcrumb div.ticker {position: relative; float: left; width: 500px; /* display: inline-block;*/}
#breadcrumb p.tools {position: relative; float: right; width: 300px; display: inline-block;}
#breadcrumb span.spacer {padding: 0px 10px 0px 10px;}
#breadcrumb a {color: #FFF; text-decoration: none;}
#breadcrumb a:hover {color: #c2122e; text-decoration: underline;}

#service_quicklinks {position: relative; width: 960px; height: auto; float: left; padding: 10px 20px 10px 20px; margin: 0px; background-color: #000; border-bottom: 1px solid #555555;  color: #cbcbcb;}
#service_quicklinks p {font-family: Helvetica, Arial, sans-serif; font-size: 12px; margin: 0px; padding: 0px;}
#service quicklinks strong {color: #FFF;}
#service_quicklinks a {color: #FFF; text-decoration: none;}
#service_quicklinks a:hover {color: #c2122e; text-decoration: underline;}



/* Right Aligned Section Title */
#sectiontitle {position: relative; width: 1000px; height: 400px; float: left; padding: 0px; margin: 0px; background-image: url(images/sectiontitle_index.jpg); border-top: 5px solid #333; border-bottom: 5px solid #333;}
#sectiontitle .title {position: relative; float: right; padding: 40px 80px 10px 20px; margin: 0px; display: inline-block; width: 400px; height: 400px; background-image: url(images/bg_black_80.png);}
#sectiontitle .title h1 h2 h3 h4 {color: #FFF;}
#sectiontitle .title h2 {font-size: 14px; font-weight: normal; line-height: 22px;}
#sectiontitle .title p {color: #CCC;}

/* Left Aligned Section Title */
#sectiontitle2 {position: relative; width: 1000px; height: 400px; float: left; padding: 0px; margin: 0px; background-image: url(images/sectiontitle_index.jpg);}
#sectiontitle2 .title {position: relative; float: left; padding: 10px 20px 10px 20px; margin: 0px; display: inline-block; width: 375px; height: auto;}
#sectiontitle2 .title h1 h2 h3 h4 {color: #FFF;}
#sectiontitle2 .title h2 {font-size: 14px; font-weight: normal; line-height: 22px;}
#sectiontitle2 .title p {color: #D0D2D3;}

a.button {display: inline-block; padding: 5px; margin-top: 30px; background-color: #c2122e; color: #FFF; font-family: Helvetica, Arial, sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 5px solid #c2122e;}
a.button_green {display: inline-block; padding: 5px; margin-top: 30px; background-color: #8BC53F; color: #FFF; font-family: Helvetica, Arial, sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 5px solid #8BC53F;}


/* Agricultural Section Title */
#sectiontitle_ag {position: relative; width: 1000px; height: 400px; float: left; padding: 0px; margin: 0px; background-image: url(images/sectiontitle_agricultural.jpg); /*border-top: 5px solid #333; border-bottom: 5px solid #333;*/}
#sectiontitle_ag .title {position: relative; float: left; padding: 40px 20px 10px 80px; margin: 0px; display: inline-block; width: 400px; height: auto;}
#sectiontitle_ag .title h1 h2 h3 h4 {color: #FFF;}
#sectiontitle_ag .title h2 {font-size: 14px; font-weight: normal; line-height: 22px;}
#sectiontitle_ag .title p {color: #CCC;}


/* Story Column */
#story_header {position: relative; width: 960px; height: auto; float: left; padding: 10px 20px 10px 20px; margin: 0px; background-color: #c2122e;}
#story_body {position: relative; width: 960px; height: auto; float: left; padding: 20px 20px 10px 20px; margin-bottom: 10px; background-color: #FFF; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; padding-bottom: 10px;}
#story_body h2, h3, h4, p {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #333;}
#story_body_text {position: relative; width: 575px; height: auto; float: left; padding: 0px 40px 80px 0px;  -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px;}
#story_body_text a.top {font-family: Helvetica, Arial, sans-serif; font-size: 11px; display: inline-block; color: #c2122e; margin-top: 10px;}
#story_body_text a.top:hover {background-color: #c2122e; color: #FFF;}

div.service_container {position: relative; width: 555px; height: auto; float: left; padding: 0px 0px 10px 0px; margin: 0px 0px 20px 0px; border-bottom: 1px solid #cbcbcb;}
div.service_text {position: relative; width: 265px; height: auto; float: left; padding: 0px; margin: 0px;}

div.story_image {position: relative; float: left; width: 250px; height: auto; margin: 10px 30px 20px 0px;}
div.story_image_caption {position: relative; float: left; width: 240px; height: auto; padding: 5px; margin: 2px 0px 0px 0px; background-color: #F1F1F2;}
div.story_image_caption p {margin: 0px; padding: 0px; font-size: 11px; font-style: italic;}

div.service_image {position: relative; float: left; width: 100px; height: auto; margin: 10px 15px 20px 0px;}
div.service_image_caption {position: relative; float: left; width: 90px; height: auto; padding: 5px; margin: 2px 0px 0px 0px; background-color: #F1F1F2; text-align: center;}
div.service_image_caption p {margin: 0px; padding: 0px; font-size: 11px; font-style: italic;}

/* Story Supplemental Column */
#story_column_supplemental {position: relative; width: 290px; height: auto; float: left; margin-left: 20px; padding-left: 30px; border-left: 1px solid #cbcbcb;}


/* Table */
#story_column_supllemental table {width: 100%; height: auto; padding: 0px; margin: 0px; border: 0px;}
#story_column_supplemental table tr td p {margin: 0px; padding: 0px;}
#story_column_supplemental p {font-size: 14px;}


/* Calendar */
ul.calendar {list-style-type: none; display: inline-block; margin: 0px; padding: 0px; border-top: 5px solid #c2122e; padding-bottom: 20px;}
ul.calendar li {position: relative; float: left; width: 95%; display: inline-block; padding: 10px 0px 10px 0px; border-bottom: 1px dashed #E6E7E8; font-size: 13px; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #666;}
ul.calendar li span.date {position: relative; float: left; width: 20%; height: auto; font-weight: bold;  /*background-color: #E6E7E8;*/}
ul.calendar li span.month {text-transform: uppercase; color: #FFF; /*display: block;*/ text-align: center; color: #000; font-size: 11px;}
ul.calendar li span.day {color: #c2122e; /*display: block;*/ text-align: center; /*font-family: Helvetica, Arial, sans-serif; font-size: 16px;*/ font-weight: normal; padding: 5px 0px 0px 0px;}
ul.calendar li span.description {/*display: block;*/ float: left; width: 70%; margin-right: 20px;}


ul.calendar li strong {color: #000;}

ul#nav {list-style-type: none; float: left; margin: 0px; padding: 0px;}
ul#nav li {display: inline; margin: 0px; padding: 0px;}
ul#nav li a {	
				font-family: Helvetica, Arial, sans-serif;
				font-size: 14px; 
				font-weight: bold; 
				text-decoration: none; 
				
				width: 140px; height: auto; 
				padding: 35px 0px 15px 20px;
				margin: 0px;
				
				border-left: 1px solid #555555;
				
				background-image:url(images/bg_black_80.png);
				color: #FFF;
				
				display: inline-block; 
				text-align: left;	
				
}

ul#nav li a.first {border: none;}
ul#nav li a.last {width: 152px;}

ul#nav li a:hover {background-image: none; background-color: #c2122e;}



#footer {position: relative; width: 1000px; height: auto; float: left; background-color: #000; padding: 20px 0px 100px 0px; vertical-align: baseline;  -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; padding-top: 10px;}
#footer p {font-family: Helvetica, Arial, sans-serif; font-size: 11px; padding-left: 20px; color: #cbcbcb;}
#footer span.copyright {display: inline-block; width: 290px; height: 100px; position: relative; float: left; padding-right: 40px; border-right: 1px solid #555555;}
#footer span.contact {display: inline-block; width: 400px; height: 100px; position: relative; float: left; padding-right: 40px; border-right: 1px solid #555555;}
#footer span.design {display: inline-block; width: 150px; height: 100px; position: relative; float: left; padding-right: 40px;}
#footer a {color: #FFF; text-decoration: none;}
#footer a:hover {color: #c2122e; text-decoration: underline;}
#footer strong {color: #FFF;}

#footer2 {position: relative; width: 1000px; height: auto; float: left; padding: 20px 0px 20px 0px; vertical-align: baseline;  -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; padding-top: 10px;}
#footer2 p {font-family: Helvetica, Arial, sans-serif; font-size: 11px; padding-left: 20px; color: #cbcbcb;}
#footer2 span.copyright {display: inline-block; width: 290px; height: 100px; position: relative; float: left; padding-right: 40px; border-right: 1px solid #900;}
#footer2 span.contact {display: inline-block; width: 460px; height: 100px; position: relative; float: left; padding-right: 40px; border-right: 1px solid #900;}
#footer2 span.design {display: inline-block; width: 150px; height: 100px; position: relative; float: left; padding-right: 0px;}
#footer2 a {color: #FFF; text-decoration: none;}
#footer2 a:hover {color: #000; text-decoration: underline;}
#footer2 strong {color: #FFF;}