/* ----------------- REDEFINES THE TAG SELECTORS ----------------- */
body {
margin: 0;
padding: 0;
background: #e5e5e5 url(images/bg_site.gif) top left repeat-x;
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: 0 30px 15px 30px;}

h1 {
margin: 0 0 10px 0;
padding: 10px 25px;
font: bold 14px Arial, Helvetica, Verdana, sans-serif;
color: #000;}

h2 {
margin: 10px 0 0 40px;
padding: 0;
font: bold 14px Arial, Helvetica, Verdana, sans-serif;
color: #000;}

ul, ol {
margin: 0;
padding: 0 40px 16px 40px;}
	ul li {
	margin: 0 25px;
	padding:5px 0;
	list-style-image: url(images/bullet.gif);
	border-bottom:1px dashed #f3f3f3;}

address {
width: 159px;
margin: 0;
padding: 25px 0;
font: normal 11px Arial, Helvetica, Verdana, sans-serif;
color: #99acd1;
background: #002f8d;
border-left: 1px solid #000;}
	address a:link, address a:hover, address a:active {
	font: normal 11px Arial, Helvetica, Verdana, sans-serif;
	color: #99acd1;}

div {
margin: 0;
padding: 0;}

/* ----------------- LINK STYLE ----------------- */
a:link, a:visited {
color: #00c;
text-decoration: underline;}

a:hover, a:active {
color: #00f;
text-decoration: none;}

/* ----------------- PAGE LAYOUT ELEMENTS ----------------- */
table, td, th {
border-collapse: collapse;}

/* DIV HEADER */
div#header {
width: 760px;
height:126px;
margin: 0 auto;
background: url(images/bg_header.jpg) top left no-repeat;}

/* DIV CONTAINER */
div#container {
width:760px;
margin:0 auto;
padding:0;
background:#fff url(images/bg_container.gif) top left repeat-y;}
div#diycontainer {
width:760px;
margin:0 auto;
padding:0;
background: url(images/bg_diycontent.gif) top left repeat-y;}

/* DIV LEFTCOLUMN */
div#leftcolumn {
float:left;
width:160px;
text-align:center;}

/* DIV CONTENT */
div#content {
float:left;
width:350px;
vertical-align:top;
text-align:left;}
	div#content h3 {
	margin: 10px 15px 0 15px;
	padding: 2px 0;
	font: bold 14px Arial, Helvetica, Verdana, sans-serif;
	color: #fff;
	background:#435374;
	text-align:center;}
	div#content dl {
	margin:0;
	padding:0 0 10px 0;
	font: normal 12px Arial, Helvetica, Verdana, sans-serif;
	color:#333;}
	div#content dt {
	margin:0 15px;
	padding:2px 0 2px 5px;
	font-weight:bold;
	color:#666;
	background:#f3f3f3;}	
	div#content dd {
	margin:0 15px 5px 20px;
	padding: 3px 0 3px 0;}
	div#map {
	width:550px;
	margin:0 auto 25px auto;
	padding:0;
	border:solid 1px #000;}
div#diycontent {
float:left;
width:600px;
margin:0;
padding:0;
vertical-align:top;
text-align:left;}

/* DIV RIGHTCOLUMN */
div#rightcolumn {
float:left;
width:250px;
text-align:center;}

div#iframe {
text-align: center;
}

/* DIV FOOTER */
div#footer {
width: 758px;
margin: 0 auto;
padding: 3px 0;
font: normal 9px Arial, Helvetica, Verdana, sans-serif;
background:#0041c3;
border:solid 1px #000;
color: #000;
clear: both;
text-align:center;}
	div#footer a:link, div#footer a:visited {
	font-size: 9px;
	color: #fff;
	text-decoration: none;}
	div#footer a:hover, div#footer a:active {
	font-size: 9px;
	color: #fff;
	text-decoration: underline;}

div#footerright {
width: 760px;
margin: 0 auto;
text-align: right;}

/* DIV COPYRIGHT */
div#copyright {
width: 760px;
margin: 0 auto;
padding: 5px 0 10px 0;
font: normal 9px Arial, Helvetica, Verdana, sans-serif;
color: #333;
text-align:center;}
	div#copyright a:link, div#copyright a:visited {
	font-size: 9px;
	color: #333;
	text-decoration: none;}
	div#copyright a:hover, div#copyright a:active {
	font-size: 9px;
	color: #000;
	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;}

/* ----------------- IMAGE ELEMENTS ----------------- */
.imgcenter {
width:230px;
margin: 0 auto;
padding: 10px 0;}

.imgright {
float: right;
margin:10px 25px 5px 5px;
padding:0;
border:1px solid #000;}

/* ----------------- NAVIGATION CONTAINER ----------------- */
div#horznav {
width:758px;
height:25px;
margin:0 auto;
padding:0;
border:solid 1px #000;}

ul#nav {
margin:0;
padding:0;
list-style-type:none;}

ul#nav li {
float:left;
margin:0;
padding:0;
display:inline;
border:none;}

ul#nav li a:link, ul#nav li a:visited, ul#nav li a:active {
margin:0;
padding:6px 20px 5px 20px;
display:block;
font-size:11px;
font-weight: bold;
text-decoration:none;
text-align:center;
color:#fff;
border-right:solid 1px #000;}

ul#nav li a.current:link, ul#nav li a.current:visited {
background: url(images/bg_navon.gif) bottom left repeat-x;
color: #fff;}

ul#nav li a:hover {
background: url(images/bg_navover.gif) bottom left repeat-x;
color: #000;}

/* ----------------- CUSTOM CLASSES ----------------- */
.textcenter {
text-align: center;}

.textcenterbold {
text-align: center;
font-weight: bold;}

.bigbold {
font-weight:bold;
font-size:18px;}

.clearboth {
clear: both;}