/*----------------------------------------------------------------*/
/* Cascading Style Sheet (CSS) file for "screen"				  */
/* Currently, only style sheet used.							  */
/*----------------------------------------------------------------*/

/*----------------------------------------------------------------*/
/* Common Colors */

.fixedwidth
{
	font-family:courier-new;
}

html,body
{
	height:100%;
}

body{
	/* CSS Cookbook 2nd Ed. - Section 2.3 pg. 71*/
	font-size:62.5%;
	margin:0;
	padding:0;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

input:focus{
	border: 2px solid #578084;
}

textarea:focus{
	border: 2px solid #578084;
}

img{
	border:0;
}

#col_nav
{
	float:left;
	width:200px;
	min-height:100%;
	/*For IE <=6 */
	height:100%;

	color: #FFF;

	background-color: #0E2D28;
	/* image is set in-line */
	background-repeat: no-repeat;
	background-position: 16px 16px;

	margin:0;
	margin-right: 20px;
	padding:0;
	padding-top: 198px;
	padding-bottom: 20px;
}

#col_nav h1
{
	font: normal 2em Verdana, Arial, Helvetica, sans-serif;
	margin-left:10px;
}

#col_nav ul
{
	padding-top: 5px;
	padding-left: 15px;
	font: normal 2em Verdana, Arial, Helvetica, sans-serif;
}

#col_nav ul li
{
	margin-top:3px;
	list-style:none;
}

#col_nav ul li a
{
	text-decoration:none;
	color:#FFF;
}

#xtra_nav
{
	margin-top:15px;
}

#xtra_nav ul
{
	padding-left: 15px;
	font: normal 1.25em Verdana, Arial, Helvetica, sans-serif;
}

#xtra_nav ul li
{
	margin-top:8px;
}

#current
{
	color: #ECCD70;
}

#col_nav a:link, #col_nav a:visited
{
	color:#FFF;
}

#col_nav a:hover, #col_nav a:visited:hover
{
	color: #ECCD70;
}

#col_main
{
	/* The actual image is set in-line */
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #FFF;
	margin-left: 200px;
	margin-top: 0;
	padding-left: 20px;
	padding-top: 200px;
}

#col_main li
{
	font-size:1.8em;
}

#col_main p
{
	font-size:1.5em;
}

#footer
{
	clear:both;
	float:left;
	padding-bottom:0px;
	padding-left:0px;
	padding-top:0px;
	margin-left:5px;
	text-align:left;
	background-color: #FFF;
}

#footer_builtby
{
	display:block;
	margin:10px;
	margin-left:5px;
	width:145px;
	height:62px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#footer_builtby a:hover
{
	background-position:0 -62px;
}

#footer_builtby span
{
	display:none;
}

h1{
	margin-top:0;
	padding-top:0;
}

/*----------------------------------------------------------------*/
/* Main content styles */
#content_outer{
	margin:0;
	padding:0 8px 0 8px;
	background-color: #FFF;
}

#content_inner{
	background-color: #FFF;
	margin:0;
	padding:0;
	width:100%;
}

#content{
	background-color: #FFF;
	margin:0;
	padding:0 1em 1em 1em;
}

#content h1, h2, h3, h4, h5, p{
	margin:1em;
	margin-top:0.5em;
	padding:0;
}

#content h1, h2, h3, h4, h5{
	/*color: #8AACD1;	/* green color */
	/*color: #8AACD1;	/* green color */
}

#content h1{
	font-size:2em;
}

#content h2{
	font-size:1.75em;
}

#content h3{
	font-size:1.5em;
}

#content h4{
	font-size:1.5em;
}

#content h5{
	font-size:1.5em;
}

#content p{
	margin-left:1em;
	font-size:2em;
}

#content table
{
	border-collapse:collapse;
	margin:1em;
	font-size:1.25em;
}

#content table.wborder
{
	border: 1px solid #8AACD1;
}

#content table tr
{
	background-color: #FFF;
}

/* class odd gets different background color */
#content table tr.odd
{
	background-color: #F0F0F0;
}

#content table th
{
	background-color: #8AACD1;
	color:#FFF;
	border-top: 1px solid #8AACD1;
	border-bottom: 1px solid #8AACD1;
	padding:0.25em 1em 0.25em 1em;
	text-align:left;
}

#content table td
{
	padding:0.25em 1em 0.25em 1em;
}

#content table small
{
	font-size:1em;
}

#content li
{
	font-size:1em;
}

/*----------------------------------------------------------------*/
/* Info Panes floating, left and right versions 				  */	
/* Use <div class="info_pane_right"></div> or... 				  */	
/* Use <div class="info_pane_left"></div> 						  */	
div.info_pane_right, div.info_pane_left
{
	background-color: #436B6D;
	margin: 1em;
	padding: 1em;
	border: 2px solid #8AACD1;
	max-width:33%;
	font-size:0.8em;
}

div.info_pane_right
{
	float:right;
}

div.info_pane_left
{
	float:left;
}	

div.info_pane_right small, div.info_pane_left small
{
	font-size:1em;
	border:0;
}

div.info_pane_right table, div.info_pane_left table
{
	border-width: 0;
}


div.info_pane_right h1, div.info_pane_left h1
{
	font-size:1.5em;
	padding:0;
	margin:0;
	border:0;
}

div.info_pane_right ul, div.info_pane_left ul
{
	list-style:none;
	padding:0;
	margin:0.25em 1em 0.75em 0em;
	border:0;
}

div.info_pane_right p, div.info_pane_left p
{
	padding:0;
	margin:0;
	border:0;
}

/*----------------------------------------------------------------*/
/* Listing Result Styles      				                      */	

div #ctrl_bar
{
	float:none;
	border-bottom: solid 1px #0E2D28;
	border-top: solid 1px #0E2D28;
}

div #stats_bar
{
	position:relative;
	height:35px;
	margin:5px;
	margin-left:150px;
}

div #msg_loading
{
	float:left;
	margin:5px;
	padding:10px;
	background-color: #FF9999;
	color: #000;
	border: 1px solid #CC3366;
	font-size:1.5em;
}

div #srch_res
{
	position:relative;
	top:0px;
	left:0px;
	float:left;
}

#ctrl_bar a
{
	z-index:10;
	text-decoration:none;
	display:block;
	left:0;
	top:0;
	width:72px;
	height:48px;
	background-repeat: no-repeat;
	background-position: 0 0;
	/* background image is set in-line */
	margin:5px;
}

#ctrl_bar a:hover
{
	background-position: 0 -48px;
}

#ctrl_bar span
{
	display:none;
}

#prev_lst
{
	float:left;
	margin-left: 0px;
}

#next_lst
{
	float:left;
	margin-left: 10px;
}

/* outer div of listing summary*/
div.listing_summary
{
	position:relative;
	top:0px;
	left:0px;
	float:left;
	clear:both;
	width:80%;
	border-left:0px solid #CCCCCC;
	border-right:0px solid #CCCCCC;
	border-top:0px solid #333333;
	border-bottom:1px solid #CCCCCC;
	background-color: #FFF;
	padding:10px;
	margin-left:3px;
	margin-top:3px;
	margin-bottom:3px;
}

div.listing_summary_data
{
	position:relative;
	float:left;
	top:0px;
	left:0px;
	text-align:left;
	margin-top:12px;
	margin-left:12px;
	margin-right:12px;
	font-size:1.5em;
}

div.listing_summary_imgmain
{
	position:relative;
	top:0px;
	left:0px;
	float:left;
}

div.listing_summary_imgmain img
{
	margin:8px;
	padding:5px;
	border-top:1px solid #333333;
	border-left:1px solid #333333;
	border-right:1px solid gray;
	border-bottom:1px solid gray;
}

div.listing_summary_imgset{
	position:relative;
	top:0px;
	left:0px;
	clear:both;
}

div.listing_summary_imgset img{
	position:relative;
	margin:8px;
	padding:5px;
	float:left;
	border-top:1px solid #333333;
	border-left:1px solid #333333;
	border-right:1px solid gray;
	border-bottom:1px solid gray;
}

span.listing_summary_desc{
	position:relative;
	top:0px;
	left:0px;
	font-size:14px;
}
