* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
	background : url(null) fixed no-repeat #eee;
}

div#site {
/* Sets basic width of site area etc */
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	border-top: 3px solid #000075;
	border-bottom: 3px solid #000075;
	border-left: 1px solid #000075;
	border-right: 1px solid #000075;
	background-color: white;
}


div#menu a {
/* Styles for the sidebar menu links */
	display: block;
	padding: 10px 8px 10px 28px;
	margin-left: 8px;
	background: url(images/checkmark.gif) center left no-repeat;
	border-top: 1px solid #6b6b6b;
	font-size: 13px;
	color: #6b6b6b;
	text-decoration: none; 
	text-transform: uppercase;
	font-weight: bold;
}
div#menu a:hover {
	background: url(images/checkmark_hover.gif) center left no-repeat #000075;
}

img:hover {
cursor: hand;
}
div#content img:hover {
cursor: hand;
}

/* 
 * Side bar styles
 */
div#sidebar {
/* sets up the side nav bar div */
	float: left;
	width: 200px;
	padding: 10px 4px;
}
div#sidebar h2 {
	color: #3D246F;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	padding: 12px 8px 4px 0px;
	margin-left: 8px;
	margin-bottom: 0px;
	text-transform: uppercase;
}
div#sidebar form {
	border-top: 1px solid #6b6b6b;
	border-bottom: 1px solid #6b6b6b;
	margin: 0px 8px;
	padding: 12px 12px 0px 12px;
	font-size: 10px;
}
div#sidebar form input {
	margin-bottom: 5px;
}
/*
 * Main area styles
 */
div#main 
{
	border-width: 0px;
	margin-left: 240px;
	margin-bottom: 0px;
}
/*
 * Content page styles
 */
div#headerimage {
	text-align: right;
	border-bottom: 2px solid #000075;
	padding: 0px;
}
div#content {
	border-left: 1px solid #6b6b6b;
	margin-left: 0px;
	position:relative;
	padding: 20px;
	/* Added MA 04/06/07 */
	min-height:1100px
	
 }
/*
 * Some .NET Server Controls (i.e. GridView) place an unnamed
 * DIV In the output, this stopped some strange problems occuring
 * with vertical space at the beginning of the div.
 */

div#content table
{
	font-size: 8pt;
}
div#content h1 {
	margin-top: 0px;
	font-family: Arial Narrow, Arial, Helvetica, Sans-serif;
	font-size: 20px;
	color: #000075;
	text-transform:uppercase;
	margin-bottom: 10px;
	text-align: left;
}
div#content h2 {
	margin-top: 10px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 14px;
	font-weight: 900;
	color: #000075;
	margin-bottom: 0px;
	line-height: 1em;
	text-align: left;
}
div#content h3 {
	margin-top: -10px;
	
	font-family: Arial Narrow, Arial, Helvetica, Sans-serif;
	font-size: 12px;
	color: #ff0000;
	text-transform:uppercase;
	text-align: left;
}
div#content p {
	margin-top: 0px;
	font-size: 11px;
	color: #666;
	text-align: justify;
}

div#content a {
	text-decoration: none;
	color: #ff0000;
}
div#content a:hover {
	background-color: #000075;
	color: #999;
}
div#content ul {
	font-size:11px;
	color:#666;
}
div#content td {
	font-size:11px;
	color:#666;
}
div#content td a {
	text-decoration: none;
	color: #ff0000;
}
div#content td a:hover {
	background-color: #FFFFFF;
	color: #999;
}

/*
 * Image styles
 */
div.image {
	display: inline;
	text-align: center;
	color: #555;
	font-size: 10pt;
}

div.image img {
	display: block;
	margin-left:10px;
	margin-top:10px;
}
div.image img:hover {
cursor: hand;
}

.zoomimage {
	position: absolute;
	z-index: 50;
	border: 1px solid black;
	display:none;
}

/*
 * Default page, "media player" styles
 */ 

div#frontListenTop{
margin-top: 1em;
background: url(images/listentop.jpg) bottom left;
background-repeat: no-repeat;
height: 13px;
width: 159px;
margin-bottom:0px;
padding-bottom:0px;
}

div#frontListenBottom {
width: 159px;
height: 20px;
background: url(images/listenbottom.jpg);
background-repeat: no-repeat;
padding-bottom:13px;
}

#frontListenbottom{
background: url(images/listenbottom.jpg);
height: 40px;
}

div#onlinedemobutton {
width: 159px;
height: 20px;
background: url(images/onlinedemotitle.jpg);
background-repeat: no-repeat;
padding-bottom:13px;
}

#frontListen { 
	background: #E42323; 
	/* border: 1px solid white; */
	border-left: 1px solid #f4a6a6;
	border-right: 1px solid #f4a6a6;
	width: 158px;
}

#frontListen img{
border: 0px;
}
#frontlisten img:hover {
cursor: hand;
}

/*
 * Footer styles
 */

div#footer {
	clear: both;
	font-size: 10px;
	color: #6b6b6b;
	text-align: center;
	border-top: 4px solid #000075;
}
div#footer a {
	text-decoration: none;
	color: #000075;
}
div#footer a:hover {
	background-color: #000075;
	color: #999;
}

div#footer table {
	margin-left: auto;
	margin-right: auto;
}
div#footer p {
	margin: 0px;
}

/*
div#menu a.last {
	border-bottom: 1px solid #FF0000;
}
*/
img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
	float: right; 
	clear: right; 
	padding-left: 10px;
	padding-bottom: 10px;

}