﻿@import "dropdown.css";

* {

	margin:0;

	padding:0;

}



html {

	background-color: #dff0fa;
	background-image:url(images/topShade.jpg); background-repeat:repeat-x;
	color: #555555;
}



body {

	font:64% Verdana, Arial, Helvetica;

	text-align:justify;

	color:#000000;

	width:747px;

	margin:20px auto;

	background:#FFF url(images/body_bg.gif) bottom repeat-x;

	padding:13px;

	background:#FFF url(images/body_bg.gif) bottom repeat-x;

	border:4px solid #EAEAEA;
}



p {
	font-size:1.2em;

	line-height:1.5em;

	margin:1em 0;

}



a {

	color:#004D85;

	text-decoration:none;

}



p a, td a, th a {

	background:url(images/link_underline.gif) bottom repeat-x;

	padding-bottom:0.1em;

}



ul {

	list-style:none;

}

#masthead {

	width:100%;

	height:201px;

	margin-bottom:3px;

	background:url(images/listenlogo.jpg) no-repeat;

	line-height:140px;
}




#masthead h1 {

	font-size:3em;

	font-family:"trebuchet ms";

	margin-left:1em;

	color:#FFF;

	margin-left:130px;
	text-indent:-9999px;
}



#masthead h1 a {

	color:#FFF;

}



#masthead sup {

	font-size:0.5em;

}



#mastheadBox {

	background:url(images/masthead_box.gif) left center no-repeat;

	z-index:11;

	position:absolute;

	height:8em;

	top:50%;

	margin-top:-5em;

	right:2em;

	width:43.5em;

	padding:1em 1em 1em 3.5em;

}



#mastheadBox h2 {

	line-height:1em;

	color:#F60;

	font-size:1.2em;
}




#mastheadBox p {

	padding:1em 0 0;

	margin:0;

}



#breadCrumbs {

	clear:both;

	padding:0.5em 2em;

	margin-top:0.3em;

	background:#EAEAEA url(images/breadcrumbs_bg.gif);

}



#breadCrumbs li {

	display:inline;

}



#breadCrumbs li a {

	margin-right:0.5em;

	padding-right:1em;

	background:url(images/breadcrumbs_bullet.gif) right 0.7em no-repeat;

}



#breadCrumbs li a:hover, #footer li a:hover {

	text-decoration:underline;

}






/* Main Column */



#mainContent {

	width:475px;

	padding:2em 0 2em 2em;

	float:left;

}



#mainContent h2 {

	color:#F60;

	font-size:1.5em;

}




#mainContent p + h2 {

	margin-top:1.5em;

}



#mainContent h3 {

	font-size:1.2em;

}



#mainContent blockquote {

	padding:0 2em;

	font-style:italic;

	font-size:1.2em;

	color:#444;

	border-left:4px solid #F90;

}



#mainContent ul {

	color:#F90;

}



#mainContent li {

	background:url(images/li_bullet.gif) left center no-repeat;

	font-size:1.2em;

	padding-left:1em;

	margin:0 0 0.5em 1em;

	color:#333;

}



#suckerfish {

	width:100%;

	height:10em;

	font-family:monaco, courier;

}






/* Main Column Table */



#mainContent table {

	margin-top:1.5em;

}



#mainContent thead th {

	background:#EAEAEA;

}



#mainContent td {

	padding:0.5em;
	background:#F4F4F4;

}



#mainContent td:hover {

	background:#EAEAEA;

}



#mainContent th {

	padding:0.5em;

	background:#F4F4F4;

	color:#004D85;
}

#mainContent th strong {
	color:#F60;

}







/* Side Column */

#secondaryContent ul {

	color:#F90;

}


#secondaryContent li {

	background:url(images/li_bullet.gif) left center no-repeat;

	font-size:1.2em;

	padding-left:1em;

	margin:0 0 0.3em 01em;

	color:#333;

}




#secondaryContent {

	width:210px;

	padding:2em;

	float:right;
}



#secondaryContent h2, #secondaryContent p {

	font-size:1.4em;

}



#secondaryContent h2 {

	color:#F60;

}

#secondaryContent h2 a{

	color:#F60;

}



.secondaryContentBox {

	border:2px solid #EAEAEA;

	background:#E7E7E7;

	padding:1em 1em 0.5em;

	margin-bottom:2em;

}



.secondaryContentBox span {

	color:#F60;

	font-weight:bold;

}



#secondaryContent blockquote {

	font-style:italic;

	font-size:1.2em;

	padding:0.5em 0 0 2em;

	background:url(images/left_quote.gif) no-repeat;

}



#secondaryContent blockquote p {

	background:url(images/right_quote.gif) right bottom no-repeat;

	padding-bottom:1em;

}



#secondaryContent blockquote span {

	margin-left:2em;

}



#secondaryContent .source {

	text-align:right;

	margin:-0.5em 0 2em;

	font-size:1em;
}



#footer {

	text-align:center;

	clear:both;

	padding:1em 0 0;

	background:url(images/footer_hr.gif) repeat-x;

}



#footer li {

	display:inline;
	margin:0.5em;

}

