@charset "utf-8";

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

img {
    border-width: 0px;
	padding: 0px; 
	margin: 0px;

}

#outercontainer_top {
/* Div in case we ever want to do something outside the main design area */
}

#outercontainer_bottom {
/* Div in case we ever want to do something outside the main design area */
    margin-bottom: 0px;
    padding-bottom: 70px;
}

#innercontainer_top {
/* Div that holds the main design area */
    width: 970px;
    margin-right: auto;
    margin-left: auto;
}

#innercontainer_bottom {
/* Div that holds the main design area */
    background-color: #ffffff;
    width: 970px;
    margin-right: auto;
    margin-left: auto;
}

#logo {
/* Logo in the top left-hand corner of every page */
    padding: 0px;
    margin: 0px;
}

#tablist {
/* Div that contains the main site navigation tabs in the top right-hand corner */
	padding-right: 20px;
    /*
	margin: 0px;
    height: 31px;
    */
}

#tablist img {
/* Images within #tablist */
	padding: 0px 0px 0px 2px; 
	margin: 0px;
	float: right;
}

#tablist ul {
/* UL within #tablist */
	padding: 0px;
	margin: 5px 0px 0px 0px;
	list-style: none;	
}

#tablist ul li {
/* UL and LI within #tablist */
    padding: 0px;
	margin: 0px;
	display: inline; 
}

#hp_photobar {
/* Div that holds the left-hand side of the photobar on the homepage only */
    width: 593px;
    float: left;
    margin: 0px;
    padding: 0px;
}

#hp_photobar_text {
/* Div that holds the right-hand side of the photobar on the homepage
    only--including text blurb */
    width: 377px;
    height: 292px;
    float: right;
    margin: 0px;
    padding: 0px; 
}

#hp_photobar_text_header {
/* P for the homepage product highlight header */
    text-align: left;
    padding: 9px 16px 0px 0px;
    margin: 0px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #43524f;
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: bold; 
}

p.hp_photobar_text_body {
/* Class for the homepage product highlight header */
    text-align: left;
    padding: 7px 16px 0px 0px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #43524f;
    font-size: 12px;
    line-height: 16.5px;
    letter-spacing: 1px;
    font-weight: bold; 
}

.hp_photobar_text_body a {
    color: #43524f;
    text-decoration: underline;
}

.hp_photobar_text_body a:hover {
    text-decoration: none;
}

.hp_photobar_text_body a:visited {
    text-decoration: underline;
}

.hp_photobar_text_body a:visited:hover {
    text-decoration: none;
}

.bucket {
/* Div that holds an individual bucket on the homepage */
    width: 235px;
    height: 235px;
    float: left;
    margin-top: 8px;
}

.bucket_header {
/* Div that contains the header of each of the four buckets on the homepage */
    height: 27px;
    text-align: right;
    padding: 0px 16px 0px 0px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 17px;
    letter-spacing: 1px;
}

p.bucket_header {
/* Div that contains the header of each of the four buckets on the homepage */
    height: 27px;
    text-align: right;
    padding: 5px 0px 0px 0px;
    margin-top: 0px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 17px;
    letter-spacing: 1px;
}


a.bucket_header {
/* P tags within .bucket_header */
    text-decoration: none;
}

a.bucket_header:hover {
    text-decoration: underline;
}

a.bucket_header:visited {
    text-decoration: none;
}

a.bucket_header:visited:hover {
    text-decoration: underline;
}

.bucket_fill {
/* Div that holds the text of a homepage bucket */
    height: 208px;
    color: #ffffff;
}

p.bucket_fill {
/* Div that holds the text of a homepage bucket */
    text-align: right;
    padding: 7px 16px 0px 16px;
    margin: 0px 0px 0px 0px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 1px;
    font-weight: bold;
}

a.bucket_fill {
/* P tags within .bucket_header */
    color: #ffffff;
    text-decoration: underline;
}

a.bucket_fill:hover {
    text-decoration: none;
}

a.bucket_fill:visited {
    text-decoration: underline;
}

a.bucket_fill:visited:hover {
    text-decoration: none;
}

#titlebar {
    width: 969px;
    height: 28px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
    letter-spacing: 1px;
}

#contact_form {
/* Div that holds the left-column text on inside pages*/
    float: left;
    margin: 0px 0px 0px 20px;
    padding: 25px 0px 0px 0px;
    width: 600px;
    font-weight: bold;
}

#contact_form_bottom {
/* Div that holds the left-column text on inside pages*/
    float: left;
    margin: 0px 0px 20px 20px;
    padding: 0px 0px 0px 0px;
}

p.breadcrumbs {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #97af25;
    font-size: 12px;
    letter-spacing: 1px;
    padding-bottom: 15px;
}

a.breadcrumbs {
/* A tags for breadcrumb links*/
    color: #97af25;
    text-decoration: none;
}

a.breadcrumbs:hover {
    text-decoration: underline;
}

a.breadcrumbs:visited {
    text-decoration: none;
}

a.breadcrumbs:visited:hover {
    text-decoration: underline;
}

#content_column_left {
/* Div that holds the left-column text on inside pages*/
    float: left;
    margin: 20px 0px 20px 0px;
    width: 669px;
}

p {
/* P tags within the main text part of the inside pages*/
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #354752;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1px;
    padding: 5px 20px 5px 20px;
}

p.indent {
/* P tags within the main text part of the inside pages*/
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #354752;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1px;
    padding: 5px 20px 5px 60px;
}

p.indent_bold {
/* P tags within the main text part of the inside pages*/
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #354752;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1px;
    padding: 5px 20px 5px 60px;
}

a {
/* a tags within the main text part of the inside pages*/
    color: #354752;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:visited {
    text-decoration: none;
}

a:visited:hover {
    text-decoration: underline;
}

#content_column_left p.subhead {
/* Subheads within #content_column_left*/
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #7e9398;
    font-size: 13px;
    line-height: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 10px 20px 0px 20px;
}

#content_column_left p.subhead_update {
/* Subheads within #content_column_left*/
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #7e9398;
    font-size: 16px;
    line-height: 19px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 10px 20px 0px 20px;
}

#content_column_right {
/* Div that holds the right-column text on inside pages*/
    float: right;
    width: 281px;
    height: 487px;
	padding-bottom: 10px;
}

li.main_text{
/* li tags within the main text part of the inside pages*/
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #354752;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1px;
    margin-left: 20px;
    padding-left: 5px;
    list-style-image: url(../images/square_bullet.gif);
}

li.main_text_padded{
/* li tags within the main text part of the inside pages*/
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #354752;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1px;
    margin-left: 20px;
    margin-bottom: 10px;
    padding-left: 5px;
    list-style-image: url(../images/square_bullet.gif);
}

p.indent {
/* Indented P tags within the main text part of the inside pages*/
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #354752;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1px;
    padding: 0px 20px 0px 60px;
}

p.textbox {
    /* P tags for the sidebar quote on the Design and Development landing page*/
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    background-color: #a6be34;
    color: #ffffff;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 2px;
    margin: 20px 20px 20px 20px;
    padding: 20px 20px 20px 20px;
    font-weight: bold;
}

p.sidebar_dandd_quote {
    /* P tags for the sidebar quote on the Design and Development landing page*/
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #839d97;
    font-size: 26px;
    line-height: 33px;
    letter-spacing: .016in;
    padding: 40px 20px 0px 30px;
    margin: 0px 0px 0px 0px;
}

p.sidebar_it_text {
    /* P tags for the sidebar quote on the Design and Development landing page*/
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #839d97;
    font-size: 26px;
    line-height: 33px;
    letter-spacing: .016in;
    padding: 40px 20px 0px 30px;
    margin: 0px 0px 0px 0px;
}

p.sidebar_it_text_small {
    /* P tags for the sidebar quote on the Design and Development landing page*/
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #839d97;
    font-size: 18px;
    line-height: 33px;
    letter-spacing: .016in;
    padding: 40px 20px 0px 30px;
    margin: 0px 0px 0px 0px;
}

.sidebar_header {
/* Div that contains the header of each sidebar on inside pages */
    height: 27px;
    text-align: right;
    padding: 0px 16px 0px 0px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 17px;
    letter-spacing: 1px;
}

.sidebar_header p {
/* P tags within .sidebar_header */
    padding-top: 5px;
    margin-top: 0px;
}

#sidebar_fill {
/* Div that holds the left-column text on inside pages*/
    text-align: right;
    padding: 10px 16px 10px 16px;
}

#sidebar_fill p {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1px;
    font-weight: bold;
}

#sidebar_fill ul {
/* UL within #sidebar_fill */
	padding: 0px;
	padding: 10px 16px 10px 16px;
	list-style: square;
}

#sidebar_fill ul li {
/* UL and LI within #sidebar_fill */
    padding: 5px 0px 5px 0px;
	margin: 0px;
    direction: rtl;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1px;
    font-weight: bold;
}

#sidebar_fill p a {
    color: #ffffff;
    text-decoration: none;
}

#sidebar_fill p a:hover {
    text-decoration: underline;
}

#sidebar_fill p a:visited {
    text-decoration: none;
}

#sidebar_fill p a:visited:hover {
    text-decoration: underline;
}

.footer {
/* Applied to all elements in the footer */
    width: 485px;
    height: 32px;
    margin-top: 8px;
    margin-bottom: 0px;
    background-color: #41342c;
    border-width: 1px 0px 8px 0px;
    border-color: #24201d;
    border-style: solid;
}

#footer_left {
/* Left-hand side of the footer */
    float: left;
}

#footer_left a {
/* A tags within #footer_left */
    margin-right: 15px;
}

#footer_right {
/* Right-hand side of the footer */
    float: right;
    text-align: right;
}

#copyright {
/* <p> that holds the copyright and additional links at the bottom of every page */
    text-align: right;
    padding: 7px 16px 7px 0px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #41342c;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: bold;
    margin-top: 0px;
}

#copyright a {
    color: #41342c;
    text-decoration: none;
}

#copyright a:hover {
    text-decoration: underline;
}

#copyright a:visited {
    text-decoration: none;
}

#copyright a:visited:hover {
    text-decoration: underline;
}

.system_message {
/* System messages <div>--a fancy DHTML pop-up window */
    position: absolute;
    visibility: hidden;
	border: 10px solid #e2e6e7;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
    background: #ffffff;
    z-index: 10000;
	width: 900px;
    height: 550px;
}

.iehack_system_message {
/* System messages <div>--a fancy DHTML pop-up window */
    position: absolute;
    visibility: hidden;
    border: 0px solid #000000;
    background: #ffffff;
    z-index: 9999;
    width: 900px;
    height: 550px;
}

.green_left {
/* Div that holds the left-column text on the Going Green page*/
    float: left;
    width: 36px;
    margin: 20px 0px 20px 30px;
}

.green_right {
/* Div that holds the right-column text on the Going Green page*/
    float: right;
    width: 555px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #354752;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1px;
    margin: 20px 30px 20px 0px;
}