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

body {
	background: #F0EEDE;
	margin: 0px;
	padding: 0px;
}

p, h1, h2, a, ul, li, dl, dt, dd, address {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p, dd {
	margin: 8px 0px 0px 0px;
	font-size: 11px;
	line-height: 1.5;
}

address {
	font-size: 10px;
	font-style: normal;
	color: #FBEAEA;
	margin: 0px 0px 30px 5px;
}

h1, dt { 
	margin: 0px;
	padding: 15px 0px 0px 0px;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}

h2 { 
	font-size: 11px;
	font-weight: bold;
	color: #242A15;
	margin: 0px;
	padding: 10px 5px 2px 15px;
	background-image: url(images/titlebullet.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-bottom: 1px solid #E2E8D5;
}

/* ----------------- LIST ITEMS ----------------- */

ul {
	margin-top: 8px;
	list-style-type: square;
}

ul.left {
	margin: 0px;
	padding: 5px 10px 5px 20px;
	list-style-type: square;
	float: left;
}

li {
	font-size: 11px;
	line-height: 1.5;
}

/* ----------------- GENERAL LINKS ----------------- */

a:link, a:visited, a:active { 
	color: #A46B08; 
	text-decoration: underline; 
	font-weight: normal;
	}
	
a:hover { 
	color: #2D02CE; 
	}
	
a.address:link, a.address:visited, a.address:active {
	font-size: 9px;
	color: #333333;
}
	
a.address:hover { 
	color: #000000; 
}

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

/* Sets a background color and width for our navigation box. Removes all default margins and padding. */
ul#mainnav {
	margin: 0px 1px 30px 0px;
	padding: 15px 0px 20px 0px;
	width: 149px;
	border-top: 5px solid #99C133;
	border-bottom: 5px solid #99C133;
	background: #242A15;
}

/* Removes the default bullets. */
ul#mainnav li {
	display: inline; /* Redefined here only to remove stray padding. */
	list-style: none;
}

/* Styles our links. Setting the display to block ensures our links will stack back on top of one another as block level elements. The width sets the "hit" area of the links.  */
ul#mainnav li a:link, ul#mainnav li a:visited, ul#mainnav li a:active {
	font-size: 10px;
	font-weight: bold;
	color: #C1D87A;
	text-decoration: none;
	display: block;
	width: 130px;
	height: 17px;
	padding: 5px 0px 3px 19px;
	margin: 0px;
	background-image: url(images/navbg.gif);
	background-repeat: no-repeat;
	background-position: left;
}
/* Creates our hover status and our current custom class. Be sure to apply .current to each applicable a tag on individual pages. */
ul#mainnav li a:hover {
	color: #ffffff;
	background-image: url(images/navbg_on.gif);
	background-repeat: no-repeat;
}

ul#mainnav li a.current:link, ul#mainnav a.current:visited {
	color: #D9F018;
	background-image: url(images/navbg_on.gif);
	background-repeat: no-repeat;
}

/* ----------------- HEADER ----------------- */

/* Creates DIV container for header. */
div#header {
	background-image: url(images/layout_01.jpg);
	background-repeat: no-repeat;
	width: 770px;
	height: 87px;
	margin: 0px auto;
	padding: 0px;
	position: relative;
}

/* DIV container for intro and audio link. */
div#introaudio {
	position: absolute;
	top: 72px;
	left: 2px;
}

div#introaudio img, div#header img {
	border: 0px;
}

/* ----------------- BODY ----------------- */

/* Creates DIV container for body. */
div#bodycontainer{
	width: 770px;
	margin: 0px auto;
	padding: 0px;
	background-image: url(images/layout_03.gif);
	border-bottom: 10px solid #070A01;
}

/* Creates DIV containers for main body content with multiple columns. */
div#bodyleft {
	width: 150px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	text-align: left;
	border-top: 1px solid #242A15;
	float: left;
}

div#bodyright {
	width: 600px;
	margin: 0px;
	padding: 0px 10px 10px 10px;
	text-align: left;
	background-image: url(images/bodytop.gif);
	background-repeat: no-repeat;
	float: right;
}

div#bodyleft p {
	color: #cccccc;
	font-size: 10px;
	line-height: 2;
}

div.panel {
	width: 270px;
	height: 160px;
	margin: 20px 5px 10px 5px;
	padding: 5px;
	border-top: 1px solid #E2E8D5;
	border-left: 2px solid #88785E;
	float: left;
}
	div.panel h1 {
		margin: 0px;
		padding: 0px;
		color: #6D6511;
	}

/* ----------------- FOOTER ----------------- */

/* Creates DIV container for the footer. */
div#footer {
	width: 770px;
	margin: 0px auto;
	padding: 5px 0px;
	text-align: center;
	clear: both;
}

div#footer p {
	margin: 0px;
	font-size: 10px;
	color: #333333;
}

/* Set link style for footnav. */
div#footer a:link, div#footer a:visited, div#footer a:active {
	text-decoration: none;
	font-weight: normal;
	color: #666666;
}

div#footer a:hover {
	color: #333333;
}

div#footerleft {
	float: left;
	text-align: left;
}

div#footerright {
	float: right;
	text-align: right;
}

/* ----------------- COPYRIGHT ----------------- */

/* Creates DIV container for the copyright. */
div#copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 10px;	
	clear: both;
}

/* Set link style for copyright. */
div#copyright a:link, div#copyright a:visited, div#copyright a:active {
	text-decoration: none;
	font-weight: bold;
	color: #666666;
}

div#copyright a:hover {
	color: #333333;
}

/* ----------------- NETOPIA IFRAME ----------------- */

iframe {
	margin-top: -45px;
}

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

div#clear {
	clear: both;
	line-height: 0px;
}

img.right {
	float: right;
	margin: 0px 0px 10px 10px;
	padding: 0px;
	border: 4px double #50640D;
}

img.border {
	border: 1px solid #88785E;
}

div#flash {
	margin: 50px auto 20px auto;
	padding: 0px;
	border: 1px solid #070A01;
	width: 671px;
}

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

.center {
	text-align: center;
}

.backtotop {
	text-align: right;
	font-size: 9px;
}

.companyname {
	font-weight: bold;
	font-size: 10px;
}