@charset "utf-8";

/********** BASE CSS **********/
body {
    margin: 0px;
    padding: 0px;
    background: #ffffff; 
	}
div, span, ol, ul, li, table, tr, td, img {
    margin: 0px;
    padding: 0px; 
	}
p,h1,h2,h3,h4,h5,h6 {
    padding: 0px 0px 0px 0px;
    margin: 0px; 
	}
img.img_left {
    margin: 10px 10px 10px 0px; 
	}
img.img_right {
    margin: 10px 0px 10px 10px; 
	}
a img {
    border: none; 
	}
p {
    color: #333;
    font-family: "trebuchet ms",arial,helvetica,sans-serif;
    font-size: 12px;
    padding-bottom: 10px;
    line-height: 145%; 
	}
a, a:link, a:visited, a:active {
    color: #060;
    text-decoration: none; 
	}
a:hover {
    color: #c00;
    text-decoration: underline; 
	}
h1 {
    color: #333;
    font-family: "trebuchet ms",arial,helvetica,sans-serif;
    font-size: 21px;
    font-weight: bold;
    line-height: 100%;
    padding-bottom: 10px; 
	}
h2 {
    color: #333;
    font-family: "trebuchet ms",arial,helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 100%;
    padding-bottom: 10px; }
h3 {
    color: #333;
    font-family: "trebuchet ms",arial,helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 100%;
    text-transform: uppercase;
    padding-bottom: 10px; 
	}
h4 {
    color: #333;
    font-family: "trebuchet ms",arial,helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 100%; 
	}
h5 {
    color: #333;
    font-family: "trebuchet ms",arial,helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 100%;
    text-transform: uppercase; 
	}
h6 {
    color: #333;
    font-family: "trebuchet ms",arial,helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 100%;
    padding-bottom: 5px; 
	}
ul, ol {
    padding: 0px 0px 10px 30px;
    color: #333;
    font-family: "trebuchet ms",arial,helvetica,sans-serif; 
	}
ul ul, ol ol {
    padding-bottom: 0px; 
	}
ul li {
    list-style-type: disc;
    color: #333;
    font-family: "trebuchet ms",arial,helvetica,sans-serif;
    font-size: 12px;
    line-height: 145%; 
	}
ul ul li {
    list-style-type: circle; 
	}
ul ul ul li {
	list-style-type: square;
	}
ol li {
    list-style-type: decimal;
    color: #333;
    font-family: "trebuchet ms",arial,helvetica,sans-serif;
    font-size: 12px;
    line-height: 145%; 
	}
ol ol li {
    list-style-type: lower-alpha; 
	}
ol ol ol li {
    list-style-type: lower-roman; 
	}
	
/******************** Specific Site Styles **********/

#thebox {
	width: 880px;
	margin: 0 auto;
	}
#header_box {
	height: 100px;
	background: #ddd;
	}

/******************** Content ***/
#matter_box {
	background: #eee;
	overflow: hidden;
	padding: 10px;
	min-height: 0;
	}
.matter_box {
	overflow: hidden;
	}	
.matter_main_right {
	float: right;
	overflow: hidden;
	width: 80%;}
.matter_main {
	float: left;
	width: 75%;
	}
#matter_main_content {
	padding: 5px; 
	}
#matter_right {
	background: #888;
	float: right;
	width: 25%;
	padding-bottom: 500em;
    margin-bottom: -500em;
	}
#matter_left {
	background: #aaa;
	float: left;
	width: 20%;
	padding-bottom: 500em;
    margin-bottom: -500em;
	}
.matter_sides_content {
	padding: 5px; 
	}
/******************* Footer ***/
#footer_box {
	background: #ccc;
	}	

/********** Unequal Columns CSS **********/

body.unequal #matter_right {
	background: #888;
	float: right;
	width: 25%;
	padding-bottom: 0em;
    margin-bottom: 0em;
	}
body.unequal #matter_left {
	background: #aaa;
	float: left;
	width: 20%;
	padding-bottom: 0em;
    margin-bottom: 0em;
	}