/* TheExchangeList.com main stylesheet orange */
/* orange #f60; dark blue #004; light blue #000080 */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	background: #fff;
	text-align: center;
}


/* Fix IE. Hide from IE Mac \*/
* html body { padding-left: 1px; }
/* End */


/* General Typography */
h1 { margin: 0; padding: 0; font-size: 1em; }
h2 { margin: 0; padding: 0; font-size: 1em } 
h3, h4, h5 { margin: 0; padding: 0; font-size: 0.8em; }
p { margin: 0; padding: 0; font-size: 0.8em; }
ul { font-size: 0.8em; }
a { text-decoration: underline; }


/* Span Classes */
.orange { color: #f60; }
.normal{ font-weight: normal; }
.bold { font-weight: bold; }
.noborder { border: none; }
.rightpic { float: right; margin: 0 20px; border: none; }
.mainpic { margin: 20px 0 0 20px; border: none; } 
.hidden { display: none; }
.clearleft { clear: left; }
.clearright { clear: right; }
.clear { clear: both; }
.offleft { position: absolute; left: -999px; width: 990px; }


/* Control */
#frame { margin: 0 auto; width: 978px; background: #f60; }


#wrapper { padding: 0; margin: 0 auto; background: #fff; text-align: left; width: 970px; }


#header { height: 190px; padding: 0; margin: 0; border: 0; background: #f60; }
#header img { float: left; border: none; }
#header object { float: left; padding: 0; border: none; }
#header img.logo { margin: 10px 0 0 20px; }

#headerright a { 
margin: 0; 
padding: 7px 10px 9px 10px ; 
float: right; 
display: block; 
height: 49px;
color: #f60; 
background: #fff;
border-left: 1px solid #fff;   
border-right: 1px solid #fff;   
text-align: right;  
font-size: 2em; 
text-decoration: none; 
}
#headerright a:hover { display: block; height: 49px;  color: #fff; background: #f60; }
#headerright .asterisk { font-size: 0.4em;  color: #999; }


#strap { clear: both; /*height: 30px;*/ padding-top: 5px; padding-bottom: 5px;  background: #004; text-align: right; }
#strap p { padding-top: 2px; padding-right: 20px;  color: #fff; font-size: 1em; }
#strap p.floatleft{ float: left; margin-left: 20px; color: #f60; }

#strap ul { display: block; margin: 0 2px 0 0; padding-top: 5px; padding-bottom: 5px; list-style: none; }
#strap ul li { display: inline; }
#strap ul li a {  color: #fff; margin-right: 12px; text-decoration: none; font-size: 1em; } 
#strap ul li a:hover { color: #f60; }

/*
#navbar { display: block; float: right; }
#navbar ul { display: block; height: 25px; margin: 0 2px 0 0; padding-top: 5px; list-style: none; }
#navbar ul li { display: inline; }
#navbar ul li a {  color: #fff; margin-right: 20px; text-decoration: none; } 
#navbar ul li a:hover { color: #f60; }
*/

#container { 
clear: both;
padding-left: 220px; 
padding-right: 200px;
overflow: hidden;
background: url(/assets/container_bg.gif) repeat-y;  
}
#container .column { position: relative; float: left; }

#maincontent {
width: 100%;
padding: 0 0 10px 0;
border: none; 
}
#maincontent h1, #maincontent h2, #maincontent h3, #maincontent h4, #maincontent p { padding-left: 20px; padding-right: 20px; }
#maincontent ul { padding-right: 20px; }
#maincontent h1 { margin-top: 15px; color: #000; font-size: 1.8em; }
#maincontent h2 { color: #f60; margin-bottom: 15px; font-size: 1.3em; font-weight: normal; }
#maincontent h3 { color: #000; margin-bottom: 0; }
#maincontent h3.big { font-size: 1.6em; }
#maincontent h4.big { font-size: 1.3em; }
#maincontent p { padding-bottom: 10px; color: #999; }
#maincontent a { color: #000; text-decoration: underline; }
#maincontent a:hover { font-style: italic; color: #f60; }
#maincontent a img { margin: 5px 10px 5px 0; border: 1px solid #f60; }
#maincontent a:hover img { border: 1px solid #000; }
#maincontent a img.noborder { border: none; }
#maincontent a:hover img.noborder { border: none; }

.rule { margin: 0 20px 20px 20px; border-bottom: 1px solid #f93; }

#introbox { margin: 20px 20px 0 20px; padding: 10px 0; width: 510px; height: 140px; background: #004; } 
#introbox h3 { color: #fff; font-size: 1em; }
#introbox h4 { color: #f60; font-size: 1em; font-weight: normal; }
#introbox p { color: #fff; }

.propertylist { 	
display: block; 
margin: 0 20px; 
padding-top: 10px; 
border-top: 1px solid #f60;
text-decoration: none; 
}
.propertylist:hover { background: #cef; text-decoration: none; }
.propertylist h3 { margin: 0 0 0 100px; }
.propertylist p { margin-left: -20px; }
.propertylist img { border: 1px solid #f60; }
.propertyref { float: right; }
.propertytype { font-weight: normal; color: #f60; }
p.propertybrief { margin: 10px 0 0 100px; color: #999; text-decoration: none; }
p.propertydetails { margin: 0 0 0 100px; color: #999; text-decoration: none; }
p.propertyvendor { margin: 0 0 0 100px; color: #999; text-decoration: none; }


#left {
width: 220px;
right: 220px;
margin-left: -100%;
padding-bottom: 15px;
color: #000;
}
#left h5 { margin: 0; padding: 20px 20px 0 20px; font-weight: normal; color: #f60; } 
#left p { margin: 0; padding: 5px 20px 0 20px; }
#left a { color: #000; margin: 0; padding: 0;  }
#left a:hover { font-style: italic; color: #f60; }
#left ul { margin: 5px 0 0 20px; padding: 0; border: 0; }
#left ul li { margin: 0 0 3px 0; padding: 0; list-style: none; }
#left img { margin: 20px 0 0 20px; border: none; }

#counties { margin: 20px 0 0 0; height: 140px; padding: 10px 0; background: #f60; }
#counties h4 { margin: 0 20px;  font-weight: normal; color:#fff; font-size: 1.2em; }
#counties form { margin: 10px 0 0 20px; }
#counties .button { width: 176px; margin: 5px 0 0 0; padding: 2px; border: 1px solid #fff; color: #000; background: #fff; }
#counties .buttonSubmit { width: 176px; margin: 5px 0 0 0; padding: 2px; border: 1px solid #fff; color: #000; background: #fff; text-align: right; }
#counties .buttonSubmitRoll { width: 176px; margin: 5px 0 0 0; padding: 2px; border: 1px solid #fff; color: #fff; background: #f60; text-align: right; }
#counties table {width: 100%; }
#counties td.login { font-size: 0.85em; color: #fff; width: 50%; }
#counties td.loginbox { width: 50%;  }

#nav { background: #fff; margin-top: 20px;  border-top: 1px solid #f60; }
#nav ul, #nav ul li { margin: 0; }
#nav ul li a { display: block; width: 200px;  margin: 0; padding: 5px 0 5px 20px; border-bottom: 1px solid #f60;  font-size: 1.2em; text-decoration: none; color:#f60; background: #fff; }
#nav ul li a:hover { font-style: normal; color: #fff; background: #f60; }

#right {
width: 200px;
margin-right: -200px;
margin-bottom: 15px;
color: #000;
text-align: left;
}
#right h4 { margin: 0; padding: 0 ; font-weight: normal; color: #000; } 
#right p { margin: 10px 0 ; }
#right a { color: #fff; }
#right a:hover { font-style: italic; color: #000; }
#right img.ad { margin: 20px 0 0 0; padding: 0; border: 0; width: 180px; }

#right-top { margin: 20px 20px 0 0; height: 140px; padding: 10px; background: #004; color: #fff; }
#right-top h4 { color: #f60; font-size: 2em; }

#wantedcol { margin: 0 20px 0 0; padding: 0 10px; background: #f60; }
#wantedcol marquee { height: 210px; }
#wantedcol p { color: #000; }
#wantedcol .swapin { color: #fff; }
#wantedcol .rule { margin: 0; padding: 0; border-bottom: 1px solid #fff; }

#cin { margin: 20px 20px 0 0; background: #02abec; color: #fff; }
#cin img { border: none; padding: 10px 0 0 0}
#cin p { padding: 0 10px 10px 10px; }

#footer {
clear: both;
text-align: left;
margin-bottom: 10px ;
padding: 0;
border: 0;
color: #999;
background: #fff; 
border-top: 4px solid #f60; 
}
#footer p.copyright { float: right; padding-top: 3px; }
#footer ul { border-right: 1px solid #aaa; margin : 10px 10px 10px 0; padding: 0; float: left; width: 12em; }
#footer ul.final { border-right: none; width: 15em; }
#footer ul li { list-style: none; display: block; font-size: 0.85em; padding-right: 15px; }
#footer ul li.last { padding-right: 0; }
#footer ul li a { font-weight: normal; text-decoration: none; color: #aaa;  }
#footer ul li a:hover { color: #f60; }
#footer img { float: right; }

#clear { clear: both; }