/* General Formatting */

body {
margin:0; padding:0; font-family:verdana, arial, sans-serif; font-size:80%; color:#666; background-color:#369;}

table {width:84%; margin:0 8%}

table td {
vertical-align:top;}

p {
margin:0; padding:0 0.5em 1em 0.5em;}

a:link, a:visited {
color:#369; text-decoration:underline;}

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

a:active {
color:#fc3; text-decoration:underline;}
 
.leaf_relief {
font-weight:bold; font-style:italic;}

h1, h2 {
padding:0.1em 0 0 0.3em; margin:0; color:#369; font-size:150%; font-family:"trebuchet ms", "lucida sans", arial, sans-serif; font-weight:normal;}

h2 {
font-size:130%;}

/* Header Section */

#top_banner {
background-color:#294D69; text-align:right; font-style:italic; font-size:85%; color:#c9e4f9; margin:0px; padding: 1px 5px;}

#main_header {margin:0; padding:0; 
background-image:url(headbg.jpg); background-repeat:no-repeat; background-position:right top;}

#upper_content_banner {margin:0px; padding:0px;}

/* Navigation Section */

td#sidecontainer {margin:0; padding:0; width:20%; text-align:left; border-right: 1px solid #369; background:#fff;}

.navigation {
margin:0.5em; padding:0; list-style-type:none;}

#address {
font-size:75%; margin:10px 5px 10px 10px; padding:2px; line-height:15px; border:0px;}

.navigation li {
margin:0; padding:0em; border-bottom:1px solid #294D69;}

.navigation .active {
display:block; margin:0; text-decoration:none; font-weight:bold; color:#fff; background-color:#294D69; margin:0; padding:0.5em;}

.navigation a:link, .navigation a:visited {
display:block; margin:0; text-decoration:none; color:#369; margin:0; padding:0.5em;}

.navigation a:hover {
display:block; margin:0; text-decoration:none; color:#666; margin:0; padding:0.5em; background-color:#fc3;}

.navigation a:active {
display:block; margin:0; text-decoration:none; color:#369; margin:0; padding:0.5em;}

/* Content Section */

.content {margin:0; padding:0.5em 1em 0.6em 0.6em; background:#fff;}

.content .right_image {
float:right; border-style:none; margin:0 0.5em 0.7em 1em;}

.content .left_image {
float:left; border-style:none; margin:0 1em 0.7em 0.5em;}

.content .install_image {
border-style:none; margin:0.5em 0.3em;}

.content .portfolio_image {
border-style:none; margin:0.5em 0.3em;}

.content .question {
color:#336699;}

.content .answer {
color:#666666;}

td#form_area {background:#fff; width:300px; margin:10px; padding:10px 10px; border-left: 1px dotted #ccc;}

#form {
	padding-top: 10px;
	height: 350px;}

#form label,input, select, textarea {
	display: block;
	width: 175px;
	float: left;
	margin-bottom: 10px;}

#form label {
	text-align: right;
	font-size: 75%;
	width: 95px;
	padding-top: 3px;
	padding-right: 15px;}

#form br {
	clear: left;}

#submit input {
	float: right;
	width: 70px;}

#form p {
	font-size: 90%;
	line-height: 15px;
	text-indent: 8px;}

#form h1 {
	font-size: 100%;
	font-weight: bold;
	text-align: center;}

q {
display:block; margin:0; padding:0.4em 20% 0.6em 20%; color:#999999; font-size:120%; 
text-align:center; height:3em;}

q:before, q:after {
content:"";}

/* Footer Section */

#lower_content_banner {
background-color:#336699; height:0.6em;}

#main_footer {
background-color:#FFFFFF; text-align:center;}

#main_footer p {
font-size:75%; color:#999999; padding:0.3em;}

#bottom_banner {
background-color:#294D69; height:0.6em;}