@charset "utf-8";
/* CSS Document */

/* ----------------- REDEFINES THE TAG SELECTORS ----------------- */

body {margin: 0;padding: 0;background: #203016;text-align: center;}



p, h1, h2, h3, h4, h5, a, ul, ol, li, td {

font: normal 12px Arial, Helvetica, Verdana, sans-serif;

color:#333;

}



p {margin: 0;padding: 4px 25px 16px 25px;}


h1 {margin: 0 0 15px 0;padding: 5px 0 5px 15px;border-bottom: 1px solid #e4e2d1;font-size: 14px; font-weight: bold; color: #2a3a1c;}

h2 {margin: 0 25px 0 25px;padding: 0;font-size: 13px; font-weight: bold; color: #43642c;}

h4 {margin:0;padding:10px 0 3px 0;font: bold 11px Arial, Helvetica, Verdana, sans-serif;color: #2a3a1c;}



ul, ol {margin: 0;padding: 0 25px 16px 25px;}

ul li {margin: 5px 0 5px 25px;padding: 0;list-style-image: url(images/bullet.gif);}



address {

width:300px;

margin:0 auto 20px auto;

padding: 10px 0;

font:normal 11px Arial, Helvetica, Verdana, sans-serif;

text-align:center;

border:solid 1px #e4e2d1;

}

address a:link, address a:visited {

font-size:11px;

color: #333;

text-decoration: underline;

}

address a:hover, address a:active {

font-size:11px;

color: #d48f00;

text-decoration: none;

}





div {

margin: 0;

padding: 0;

}



/* Creates the general link style for the site. This is not the main navigation.  */

a:link, a:visited {

color: #060;

text-decoration: underline;

}



a:hover, a:active {

color: #d48f00;

text-decoration: none;

}



/* ----------------- PAGE LAYOUT ELEMENTS (for tables) ----------------- */

table, td, th {border-collapse: collapse;}
.contactarea {width: 480px; margin-left: 20px;}
.contactarea table {font-weight: bold;}
p.contact_msg_bad {margin: 10px 0; padding: 5px 0; border: 11px solid #cf0e0c; text-align: center; font-size: 15px; font-weight: bold;}
p.contact_msg_good {margin: 10px 0; padding: 5px 0;border: 10px solid #139d09; text-align: center; font-size: 14px; font-weight: bold;}
.redtext {color: #CC3333;}

/* DIV HEADER */

div#header {width: 760px;height:202px;margin: 0 auto;padding: 0;background:url(images/header.jpg) top left no-repeat;position:relative; z-index: 5;}



/* DIV CONTAINER */

div#container {width: 760px;margin: 0 auto;padding: 0;background: #fff url(images/bg_container.gif) top left no-repeat; position: relative; z-index: 4;}

div#diycontainer {width: 760px;margin: 0 auto;padding: 0;background: #fff url(images/bg_diycontainer.gif) top left no-repeat;}



/* DIV LEFTCOLUMN */

div#leftcolumn {

width: 160px;

float:left;

}



/* DIV CONTENT */

div#content {

width: 350px;

float:left;

text-align:left;

}

div#diycontent {

width: 600px;

float:left;

text-align:left;

}



/* DIV RIGHTCOLUMN */

div#rightcolumn {

width: 250px;

float:left;

}

	div#rightcolumn img.toppadding {

	padding: 10px 0 0 0;}

	div#rightcolumn img.topbottompadding {

	padding: 10px 0;}

	div#rightcolumn img.bottompadding {

	padding: 0 0 10px 0;}



div#iframe {

text-align: center;

}



/* DIV FOOTER */

div#footer {

width: 760px;

margin: 0 auto;

padding: 3px 0;

position:static;

font: normal 9px Arial, Helvetica, Verdana, sans-serif;

background:#c3c088;

color: #454229;

clear:both;

}

div#footer a:link, div#footer a:visited {

font-size: 9px;

color: #454229;

text-decoration: none;

}

div#footer a:hover, div#footer a:active {

font-size: 9px;

color: #43642c;

text-decoration: none;

}



div#footerright {

width: 760px;

margin: 0 auto;

padding:0 0 10px 0;

text-align: right;

}



/* DIV COPYRIGHT */

div#copyright {

width: 760px;

margin: 0 auto;

padding: 5px 0;

font: normal 9px Arial, Helvetica, Verdana, sans-serif;

color: #81a06b;

}

div#copyright a:link, div#copyright a:visited {

font-size: 9px;

color: #81a06b;

text-decoration: none;

}

div#copyright a:hover, div#copyright a:active {

font-size: 9px;

color: #fff;

text-decoration: underline;

}



/* ----------------- WEB AUDIO APPLET ----------------- */

div#applet {

position:relative;

width: 180px;

height: 100px;

background: url(images/webaudio.gif) top left no-repeat;

}

 

div#applet div {

position: absolute;

top: 52px;

left: 75px;

width: 68px;

height: 30px;

}



div#applet a {

display: block;

position: absolute;

top: 85px;

left: 0px;

width: 180px;

 height: 10px;

}



/* ----------------- MAIN NAVIGATION ----------------- */

ul#mainnav {

margin: 0;

padding: 0;

width: 160px;

}



ul#mainnav li {

display: inline;

list-style: none;

margin: 0;

padding: 0;

}



ul#mainnav li a:link, ul#mainnav li a:visited, ul#mainnav li a:active {

display: block;

width: 160px;

margin: 0;

padding: 5px 0;

font-size: 11px;

font-weight: bold;

text-decoration: none;

text-align: center;

background:url(images/bg_navoff.gif) top left repeat-x;

color: #fff;

}



ul#mainnav li a:hover, ul#mainnav li a.current:link, ul#mainnav a.current:visited {

background: #d48f00;

color: #000;

}



ul#mainnav li a.current:link, ul#mainnav a.current:visited {

background: #43642c;

color: #fff;

}



/* ----------------- IMAGE ELEMENTS ----------------- */

.imgleft {

float: left;

margin: 10px 10px 10px 35px;

padding: 0;

}



.imgright {

float: right;

margin: 10px 35px 10px 10px;

padding: 0;

}



.clearboth {

clear: both;

}



/* ----------------- CUSTOM CLASSES ----------------- */

.textcenter {

text-align: center;

}



.textcenterbold {

text-align: center;

font-weight: bold;

}