/* The Aggie Real Estate Network Styles */

/*
=== 1.GLOBAL (incl.clear) ===
=== 2.CONTAINER ===
=== 3.HEADER===
=== 4.MAIN NAVIGATION ===
=== 5.MAIN CONTENT AND CONTENT CONTAINER ===
=== 6.SIDEBAR ===
=== 7.BLOCK ADS ===
=== 8.FOOTER ===
=== 9.PAGE SPECIFIC (HOME) ===
*/

/* === 1.GLOBAL === */
* {margin: 0; padding: 0;}
img {border: none;}

a {
	color: #990000;
	text-decoration: underline;
}			
a:hover {
	text-decoration: none;
}			
body {
	background: url(../images/backgrounds/sub-bg.png) repeat-x;
	color: #000;
	font: 75%/1.4 Arial, Helvetica, sans-serif, "Trebuchet MS";
}
.clear {
	clear: both;
}
ul {
	list-style-type: none;
}

hr
{
	border: none 0;
	border-top: #ccc solid 1px;
	height: 1px;
	margin: 10px 0 10px 0;
}
.magnify_plus:hover{
	cursor: url(../images/icons/magnify_plus.png), pointer;
}
.magnify_minus:hover{
	cursor: url(../images/icons/magnify_minus.png), pointer;
}
.errors {
	color: #990000;
}
span.review {
	display: block;
	width: 120px;
	text-align: right;
	float: left;
}
span.info {
	display: block;
	width: 300px;
	text-align: left;
	color: #666;
	float: left;
	padding: 0 0 0 5px;
}
p span.arial {
	font: 1.1em/1 Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.photo{
	float: left;
	padding: 4px 15px 2px 0;
}
/* === 2.CONTAINER === */
#container {
	margin: 0 auto;
	width: 850px;
}

/* === 3.HEADER === */
#header {
	background: url(../images/backgrounds/header-sub-bg.png) no-repeat top;
	height: 157px;
}
#header h1 {
	background: url(../images/logo.gif) no-repeat;
	float: left;
	height: 80px;
	margin: 15px 0 0 20px;
	padding: 0;
	text-indent: -9999px;
	width: 420px;
}
#header a {
	cursor: pointer;
	color: #000;
	border: none;
}
#flash {
	display: block;
	margin: 28px 20px 0 0;
	float: right;
	width: 350px;
}
#flashsub {
	display: block;
	margin: 18px 20px 0 0;
	float: right;
	width: 361px;
}

/* === 4.MAIN NAVIGATION === */
ul#main-nav a {
	display: block;
	padding: 7px 8px;
	text-decoration: none;
}
ul#main-nav a:hover {
	background: url(../images/main-nav-hover.png) no-repeat top;
	color: #990000;
	text-decoration: none;
}
ul#main-nav a.current {
	background: url(../images/main-nav-hover.png) no-repeat top;
	color: #990000;
	text-decoration: none;
}
ul#main-nav {
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 7px 0 0 0;
}
ul#main-nav li {
	float: left;
}
ul#main-nav li#member-login {
	background: url(../images/icons/member-login-icon.png) no-repeat left;
	margin: 0 0 0 240px;
	padding-left: 5px;
}
/* === 5.MAIN CONTENT AND CONTENT CONTAINER === */
#pageNext {
	width: 95%;
	height: 18px;
	padding: 2px 4px;
	margin: 10px 0;
	background-color: #E5E5E5;
}
#pageNext #prev {
	float: left;
}
#pageNext #next {
	float: right;
}
#content {
	background: #fff url(../images/backgrounds/content-bg.jpg) repeat-x top;
	padding: 30px 20px 5px 20px;
	border-left: solid 1px #d1d1d1;
	border-right: solid 1px #d1d1d1;
}
#content h2 {
	color: #660000;
	font-size: 2.2em;
	font-weight: normal;
	padding: 0 0 10px 0;
}
#content h3 {
	color: #000;
	font-size: 1.7em;
	margin: 0 0 5px 0;
	font-weight: normal;
}
#content h4 {
	color: #000;
	font: 1.4em Georgia, "Times New Roman", Times, serif;
	margin: 0 0 5px 0;
	font-weight: normal;
	border-bottom: solid 1px #ccc;
}
#content p {
	font: 1.2em/1.3 Georgia, "Times New Roman", Times, serif;
	margin: 0 0 20px 0;
}
#content p.date, span.date{
 	font: .9em Arial, Helvetica, sans-serif, "Trebuchet MS";
	color: #333333;
	padding: 0;
	margin: -5px 0 10px 0;
}
#content p.more, span.more{
	font: .8em/1.1 Arial, Helvetica, sans-serif, "Trebuchet MS";
	float: right;
	background: url(../images/icons/more_icon3.gif) no-repeat 100% 0;
	padding: 0 20px 2px 0;
}
#content p.more:hover, span.more:hover{
	font: .8em/1.1 Arial, Helvetica, sans-serif, "Trebuchet MS";
	float: right;
	background: url(../images/icons/more_icon3.gif) no-repeat 100% -20px;
	padding: 0 20px 2px 0;
}

#main-content {
	float: left;
	width: 528px;
}
#content #main-content .background-fade {
	background: url(../images/backgrounds/main-content-list-bg.jpg) no-repeat;
	padding: 15px;
	margin: 0 0 10px 0;
	width: 488px;
}
#content #main-content ul {
	list-style: url(../images/backgrounds/main-content-list-item-bullet.png);
	margin: 0 0 15px 20px;
}
#content #main-content ul ul{
	list-style: square;
	margin: 0 0 15px 20px;
}
#content #main-content ul li {
	padding: 3px 0;
}
#content #main-content table#directory {
	width: 510px;
	border: none;
	margin: 0;
	padding: 0;
}
#content #main-content table#directory td {
	text-align: left;
	vertical-align: top;
	line-height: 1.2em;
	border: none;
	margin: 0;
	padding: 0 2px;
}
#content #main-content table#directory tr td a {
	color: #000000;
	text-decoration: none;
}
#content #main-content table#directory tr td a:hover {
	text-decoration: underline;
}
#content #main-content table#directory tr:hover {
	background-color: #E2F1FC;
}
#content #main-content table#directory th a {
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	border: none;
	margin: 0;
	padding: 0;
}
#content #main-content table {
	border: none;
	padding: 0;
	margin: 0;
	width: 480px;
}
#content #main-content th {
	padding:2px 10px 2px 0;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
}
#content #main-content thead.noshow {
	display: none;
}
#content #main-content td {
	padding:2px 10px 2px 0;
	text-align: left;
	vertical-align: top;
	line-height: 1.2em;
	border-top: solid 1px #EEEEEE;
}
.company {
	color: #666666;
}
.greyrow {
	background-color: #EEEEEE;
}

/* === 6. SIDEBAR === */
#sidebar {
	border-left: solid 1px #ccc;
	float: right;
	padding: 0 0 0 20px;
}
#sidebar h4 {
	font: 1.4em/1.4 Arial, Helvetica, sans-serif, "Trebuchet MS";
	margin: 0;
	font-weight: bold;
	background-color: #333;
	color: #fff;
	padding: 1px 5px;
	width: 235px;
}
#sidebar ul a {
	text-decoration: underline;
	color: #666;
}
#sidebar ul a:hover {
	text-decoration: none;
	color: #ccc;
}
#sidebar ul {
	width: 245px;
	margin: 0 0 15px 0;
}
#sidebar ul#sub-menu li a {
	background: #535353 url(../images/icons/sub-menu-plus.gif) left no-repeat;
	color: #ccc;
	display: block;
	margin: 1px 0 0 0;
	padding: 2px 0 2px 25px;
	text-decoration: none;
	width: 220px;
}
#sidebar ul#sub-menu li a:hover {
	background-color: #666666;
	color: #fff;
}
#sidebar ul#sub-menu li a.current {
	background-color: #999999;
	color: #fff;
}
#sidebar ul li.pdf a {
	background: url(../images/icons/pdf.png) no-repeat left;
	padding: 0 0 0 20px;
}
#sidebar ul li.word a {
	background: url(../images/icons/word.png) no-repeat left;
	padding: 0 0 0 20px;
}
#sidebar h5 {
 font: 1.5em/1.5 Georgia, "Times New Roman", Times, serif;
}
/* === 7. BLOCK ADS === */
#block-ads {
	background: #333 url(../images/backgrounds/block-ads-bg.png) no-repeat top;
	color: #999;
	font: 1.3em/1.2 Arial, Helvetica, sans-serif, "Trebuchet MS";
	height: 150px;
	margin: 0 auto;
	width: 850px;
}
#block-ads h5 {
	color: #E5E5E5;
	font: 1.4em/1 Georgia, "Times New Roman", Times, serif;
	margin: 0 0 4px 0;
}
#block1, #block2, #block3 {
	border-right: solid 1px #7d7d7d;
	float: left;
	height: 115px;
	margin: 18px 0 0 0;
	padding: 0 20px;
	width: 242px;
}
#block1 span a, #block2 span a {
	background: #535353 url(../images/icons/plus.gif) no-repeat right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	height: 15px;
	margin: 10px 0 0 0;
	padding: 0 17px 0 0;
	position: absolute;
	text-align: right;
	width: 230px;
	color: #ccc;
	text-decoration: none;
}
#block1 span a:hover, #block2 span a:hover {
	color: #fff;
	background-color: #666;
}

#block3 span {
	background: #535353 url(../images/icons/plus.png) no-repeat right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	height: 15px;
	margin: 10px 0 0 0;
	padding: 0 17px 0 0;
	position: absolute;
	text-align: right;
	width: 230px;
}
#block3 {
	border-right: none;
}
#block3 input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #666;
	border: none;
	border-right: solid 1px #353535;
	color: #333333;
	float: left;
	font-size: .8em;
	display: inline;
	height: 14px;
	padding: 1px 0 0 5px;
	width: 91px;
}
#block3 input#login-button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #535353;
	border: none;
	color: #ccc;
	float: right;
	padding: 0 0 2px 0;
	width: 35px;
	cursor: pointer;
}
/* === 8. FOOTER === */
#footer {
	background: #666 url(../images/backgrounds/footer-block-bg.png) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ccc;
	font-size: .8em;
	line-height: 1.5em;
}
#footer ul {
	clear: both;
	display: block;
	margin: 0 auto;
	padding: 20px 20px 0 20px;
	width: 810px;
}
#footer p#disclaimer {
	clear: both;
	display: block;
	margin: 0 auto;
	padding: 0 20px 20px 20px;
	width: 810px;
}
#footer li {
	border-left: solid 1px #ccc;
	line-height: 1em;
	float: left;
	list-style-type: none;
	padding: 0 5px;
}
#footer li a {
	color: #ccc;
	text-decoration: none;
}
#footer li.first-item {
	border-left: none;
	padding: 0 5px 0 0;	
}
#footer a {
	color: #ccc;
	text-decoration: underline;
}
#footer a:hover {
	color: #fff;
	text-decoration: none;
}
/* === 9. PAGESPECIFIC === */
body#home {
	background: url(../images/backgrounds/home-bg.png) repeat-x;
}
body#home #header {
	background: url(../images/backgrounds/header-home-bg.png) no-repeat top;
	height: 266px;
}

body#home #header h1 {
	background: url(../images/home-logo.gif) no-repeat;
	height: 170px;
	margin: 23px 0 0 20px;
	padding: 0;
	width: 437px;
}
body#home h2 {
 font: 1.5em/1.5 Georgia, "Times New Roman", Times, serif;
 color: #000000;
}
body#home #main-content h2 {
	font: 1.8em/1 Arial, Helvetica, sans-serif, "Trebuchet MS";
	color: #000000;
	margin: 0 0 5px 0;
	font-weight:bold;
}
body#home h3 {
	color: #fff;
	font: 1.4em/1.2 Georgia, "Times New Roman", Times, serif;
	margin: 0 0 5px 0;
	font-weight: normal;
}
body#home #main-content h3 {
	font: 1.6em/1 Arial, Helvetica, sans-serif, "Trebuchet MS";
	color: #000000;
	margin: 0 0 5px 0;
	font-weight:bold;
}
body#home #content #main-content p {
	font: 1.3em/1.3 Georgia, "Times New Roman", Times, serif;
}

body#sub-page #content #main-content ol li {
	font: 1.2em/1.3 Georgia, "Times New Roman", Times, serif;
	margin: 5px 0 20px 40px;
}
body#sub-page #content #main-content ol ol {
	font-size: .8em;
	list-style-type:decimal;
}

.notes {
	color: #666666;
	font-size: .8em;
}

.asterisk{
	color: #990000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/* ========= Contact Form =============*/

/* id for the form itself */
form#my_form { 
  padding: 0;
  margin: 0;
}

/* section fieldsets - it's common to make this border : 0; */
fieldset { 
 padding: 10px;
 margin: 0 0 10px 0;
 border: 1px solid #ccc;
}

/* form legends and dt "heading" */
legend, dt { 
  color: #660000;
  font-size : 1.2em;
  padding: 0 8px;
}

/* form label text */
label { 
  color: #000000;
  font-size: 1em;
  padding: 10px 0 0 0;
}

/* all inputs, select, and textarea */
input.med, input.short, select.med, textarea.textbox { 
  font: 1.2em Arial, Helvetica, sans-serif, "Trebuchet MS";
  color: #666; 
  padding: 4px 0 4px 4px; 
  margin: 0 0 5px 0; 
  background-color: #D4D4D4;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
}
/* hover and focus styling - the classes like .hover and .focus below are for the javascript for IE */
input.med:hover, input.med:focus, input.short:hover, input.short:hover, select.med:hover, select.med:focus, textarea.textbox:hover, textarea.textbox:focus, input.med.hover, input.med.focus, input.short.hover, input.short.focus, select.med.hover, select.med.focus, textarea.textbox.hover, textarea.textbox.focus { 
  font: 1.2em Arial, Helvetica, sans-serif, "Trebuchet MS";
  color: #333; 
  padding: 4px 0 4px 4px; 
  margin: 0 0 5px 0; 
  background-color: #eeeeee;
  border-top: solid 1px #999;
  border-left: solid 1px #999;
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
}

/* to make focus stable in IE 6 */
* html input.button { 
  border-bottom: solid 2px #666;
  border-right: solid 2px #666;
  border-top: solid 1px #999;
  border-left: solid 1px #999;
  padding: 4px;
  font-size: 1.2em;
  font-family: Arial, Helvetica, sans-serif;
  cursor: pointer;
}
* html input.button.hover { 
  border-top: solid 1px #666;
  border-left: solid 1px #666;
  border-bottom: solid 1px #999;
  border-right: solid 1px #999;
  padding: 4px;
  margin: 0;
  font-size: 1.2em;
  font-family: Arial, Helvetica, sans-serif;
  cursor: pointer;
}
* html input.button.focus { 
  border-top: solid 1px #666;
  border-left: solid 1px #666;
  border-bottom: solid 1px #999;
  border-right: solid 1px #999;
  padding: 4px;
  margin: 0;
  font-size: 1.2em;
  font-family: Arial, Helvetica, sans-serif;
  cursor: pointer;
}

input.button {
  border-bottom: solid 1px #666;
  border-right: solid 1px #666;
  border-top: solid 1px #999;
  border-left: solid 1px #999;
  padding: 4px;
  margin: 0 0 10px 0;
  font-size: 1.2em;
  font-family: Arial, Helvetica, sans-serif;
  cursor: pointer;
}

/* error heading weight and color - bold is for the error reason text */
span.error, dt.error, strong.error { 
  color: #990000; 
  font-weight : normal; 
}

/* success heading color */
span.success { 
  color: #990000; 
  font-weight : normal; 
}

input.join {
  border-bottom: solid 1px #666;
  border-right: solid 1px #666;
  border-top: solid 1px #999;
  border-left: solid 1px #999;
  padding: 2px;
  margin: 0 0 5px 0;
  font-size: 1.2em;
  font-family: Arial, Helvetica, sans-serif;
  cursor: pointer;
}
iframe {
	border:none;
	border:solid 1px #fff;
	margin:0;
	padding:0;
}