html { 
	margin: 0;
 	padding: 0;
	}
	 
body {
	margin: 0;
	padding: 0;
	background: #336b82 url(images/wrapperBkg.gif) repeat-y top center;
	text-align: center;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : normal;
	color : #000;
	}

	

/*a:link, a:visited, a:active {
	color:#cc6600;
	text-decoration: none;
	}	
	
a:hover {
	color:#666666;
	text-decoration: underline;
	}*/

.nopad {
	padding: 0;
	}

.sidepad {
	padding: 0px 5px 0px 5px;
	}
	
p {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : normal;
	color : #000;
	padding: 0px 10px 0px 10px;
	}	

p + p { 
	margin-top: -0.5em;
	 } 	

p.alerttext {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
	color : #990000;
	text-align: center;
	}
	
p.jsdate {
	text-align: right;
	}		

p.rightselects {
	text-align: right;
	margin-right: 40px;
	}	
	
p.centered {
	text-align: center;
	}		

p.justf {
	text-align: justify;
	}

.anchorlinks {
	text-align: center;
	color : #990000;
	}	

.anchorlinks a:link, .anchorlinks a:visited, .anchorlinks a:active {
	color:#990000;
	}

div.centered {
	text-align: center;
	}
	

.redtext {color : #990000;}	
.bluegreentext {color : #0e95a8;}

.justpadding {
	padding: 10px;
	}	

.justleftpadding {
	padding-left: 100px;
	}
	
.titlebox {
/*	height: 30px;*/
	line-height: 1.5;/* this line-height is necessary, attempting to replace it with padding will break box */
	padding: 0 0 0 5px;
	background: #40aed3;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14pt;
	font-weight: bold;
	color:#fff;
	text-transform: uppercase;
	}
	
	
h1 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14pt;
	font-weight : bold;
	color : #666666;
	padding: 10px 0px 0px 10px;
	}	

h2 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14pt;
	font-weight : bold;
	color : #000;
	padding: 10px 0px 0px 10px;
	}	
	
h3 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11pt;
	font-weight : bold;
	color : #000;
	padding: 0px 5px 0px 5px;
	}	
	
dl {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : normal;
	color : #003366;
	}	

dl a:link, dl a:visited, dl a:active {
	color:#003366;
	text-decoration:none;
	}
	
dl a:hover {
	color:#cc6600;
	text-decoration:underline;
	}	
	
img {
	border: none;
	margin: 0px;
	padding: 0px;
	display: block;
	}

.padimg {
	padding-left: 20px;
	padding-right: 20px;
	display: inline;
	}	
	
.imgborder {
	padding: 10px;
	display: inline;
	}		
	
.centerimg {
	text-align: center;
	vertical-align: middle;
	margin-right: auto;
	margin-left: auto;
	}	
	
.leftimg {
	float: left;
	}	

.rightimg {
	float: right;
	}	

.rollimg {
	border: none;
	margin: 0px;
	padding: 0px;
	display: inline;
	}
	
.ulineTitle {
		text-decoration: underline;
		font-size: 10pt;
		font-weight: bold;
	}	
	
/* The fool-proof clear class */	
br.clear {
	clear: both;
	}

.clear:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: both;
	}
	
.clear {
	min-height: 1px;
	}

* html .clear {
	height: 1px;
	}	
/* End the fool-proof clear class */	


/* Page layouts */	
#wrapper {
	width:888px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	}


#sidebar {
	/*background-color: #ffcc99;*/
	float: left;
	width: 292px;
	/*padding-top: 10px;
	padding-bottom: 10px; */
	}

/* IE 6 Hack */
* html div#sidebar { width: 292px; }
/* IE 6 Hack */

#main {
	/*background-color: #ff0000;*/
	background: url(images/rightsideBkg.jpg) repeat-y top center;
	float: right;
	width: 596px;
	/*padding-top: 10px;
	padding-bottom: 10px; */
	}

* html #main {
	width: 596px;
	}

#clientLoginArea {
	width: 292px;
	height: 188px;
	background: url(images/clientLoginAreaBkg.jpg) no-repeat 0 0;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	color: #847a54;
	}	
	
#audioplayer {
	width: 596px;
	height: 34px;
	background: url(images/audioPlayerBkg.gif) 0 0 repeat-x;
	text-align: right;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	color: #847a54;
	}

#audioplayer a:link, #audioplayer a:visited, #audioplayer a:active {
	color:#847a54;
	text-decoration:none;
	}
	
#audioplayer a:hover {
	color:#ff9900;
	}	
	
#topnavsection {
	background-color: #fafeef;
	background:url(images/topNavbarBkg.gif) 0 0 repeat-x;
	width: 596px;
	height: 57px;
	}


.topnavlinks {
	/*display: inline;
	padding-left: 10px;
	padding-right: 10px;*/
	font-family: Arial;
	font-size: 8pt;
	font-weight : bold;
	color : #3a3312;
	}	

.topnavlinks a:link, .topnavlinks a:visited, .topnavlinks a:active {
	color:#3a3312;
	text-decoration:none;
	}
	
.topnavlinks a:hover {
	color:#ff9900;
	}		
	
div#nav {
	/*background-color: #ff9900;*/
	float: left;
	width: 140px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	font-weight : bold;
	color : #cc6600;
	line-height: 150%;
	padding: 5px 0px 0px 5px;
	}

#nav a:link, #nav a:visited, #nav a:active {
	color:#990000;
	text-decoration:none;
	}
	
#nav a:hover {
	color:#000;
	background: #cccccc;
	}	
	
ul.nav {
	display: block;
	list-style-type: none;
	margin:0;
	padding: 0;
	}
ul.nav li {
	padding: 3px;
	}
	

#footer {
	clear: both;
	background: #336b82;
	/*height: 124px;*/
	text-align: center;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	font-weight : normal;
	color : #fff;
	line-height: 175%; 
	}

#footer a:link, #footer a:visited, #footer a:active {
	color:#fff;
	text-decoration:none;
	}
	
#footer a:hover {
	color:#c1daa0;
	text-decoration:none;
	}	

ul.footernav {
	list-style-type: none;
	padding-left: 0;
	padding-top: 10px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	}
ul.footernav li {
	display: inline;
	}

/* End page layouts */




/* Forms */	
.input, .select {
	font-family: Arial, sans-serif;
	font-size : 8pt;
	width: 325px;
}

.label {
	font-size: 8pt;
	color : #666666;
	margin-right: 10px;
	}
	
fieldset {
	width:400px;
	background-color: #fff;
	padding: 5px 5px 5px 5px;
	margin-right: auto;
	margin-left: auto;
	}	
	
	
#contactform {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	font-weight : normal;
	color : #003366;
	}	

#contactform .label {
	float: left;
	clear: left;
	width: 160px;
	margin-right: 10px;
	margin-top: 2px;
	margin-bottom: 10px;
	text-align: right;
	/*font-weight: bold;*/
	}
	
#contactform p {
	margin-top: 0;
	margin-bottom: 5px;
	}
	
#contactform input, #contactform select {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	color : #003366;
	}	

input#sendinfo {
	clear: both;
	margin-top: 10px;
	margin-left: 150px;
	font-family: Arial, sans-serif;
	font-size : 9pt;
}
/* End Forms */


/* Tables */
 tr.white {	
	background: #fff;
	}	

 tr.gray {	
	background: #e7e7e7;
	}

 td.light {	
	background: #fff;
	}
	
 td.dark {	
	background: #cc9933;
	}

.productTable {
	width: 335px;
	float: right;
	margin-bottom: 10px;
	background: #ffcc33;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	font-weight : normal;
	color : #000;
	border: 1px solid #000;
	}
	
.productTable td {	
	padding: 4px;
	white-space:nowrap;
	}
	
.productTable th {	
	padding: 0px;
	vertical-align: bottom;
	background: #ffcc33;
	}