/* basic elements */
body {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font: 10px 'Tahoma';
	color: #000000;
	background: #000000;
	}

p, td {
	font: 10px 'Tahoma';
	color: #000000;
	}
	
h1, .h1 {
	margin: 0px;
	padding: 0px 5px;
	font: bold 12px 'Tahoma';
	letter-spacing: 1px;
	color: #000000;
}

h2, .h2 {
	margin: 0px;
	padding: 0px 5px;
	font: bold 12px 'Tahoma';
	letter-spacing: 1px;
	color: #889DAB;
}

h3, .h3 {
	margin: 0px;
	padding: 3px;
	font: bold 12px 'Tahoma';
	letter-spacing: 1px;
	color: #FFFFFF;
}

h4, .h4 {
	margin: 0px;
	padding: 13px 0px 0px 0px;
	font: 11px/11px 'Tahoma';
	text-transform: uppercase;
	color: #FFFFFF;
	}
	
h5, .h5 {
	margin: 0px;
	padding: 0px;
	font: bold 14px 'Tahoma';
	letter-spacing: 1px;
	color: #000000;
}

h6, .h6 {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	font: 20px/24px 'Tahoma';
	letter-spacing: 1px;
	color: #000000;
}

a:link, a:visited  {
	text-decoration: none;
	color: #147CC1;
	}
a:hover, a:active {
	text-decoration: underline;
	color: #147CC1;
	}

/* specific divs */	
#main_container { 
	margin: 0px;
	padding: 0px;
	width: 770px;
	border: solid 1px #B4B7C1;
	border-top: none;
	background: #FFFFFF;
	}
	
#container {
	padding: 0px;
	text-align: left;
	}

#main_top {
	margin: 0px;
	padding: 0px;
	width: 770px;
	background: url(/images/bg_logo.gif) no-repeat top left;
}
	
#main_header {
	margin: 50px 0px 0px 0px;
	padding: 0px;
	width: 770px;
	height: 50px;
	background: #002332;
}

#sub_header {
	margin: 0px;
	padding: 0px;
	width: 770px;
	height: 35px;
	background: #C5AF73;
	text-align: center;
}
	
#main_content {
	margin: 0px;
	padding: 15px 30px 20px 30px;
	text-align: left;
}

#main_content2 {
	margin: 0px;
	padding: 15px 0px 20px 0px;
	text-align: left;
}

#main_content3 {
	margin: 0px;
	padding: 0px 0px 20px 0px;
	text-align: left;
}

#sub_menu {
	float: right; 
	width: 619px; 
	margin: -25px 0px 0px 0px; 
	background: url(/images/navf_subline.gif) no-repeat top left;
}

#banner {
	margin: 50px 0px 0px 0px;
	padding: 0px;
	width: 100%;
	text-align: center;
}

#agent_header {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:100%;
	height: 75px;
	background: url(/images/bg_agent_header.gif) no-repeat top left;
	text-align: right;
}

#agent_name {
	margin: 0px auto;
	padding: 10px 10px 0px 10px;
	width: 130px;
	height: 65px;
	text-align: center;
	font: 14px 'Tahoma';
	font-weight:bold;
	color: #00244D;
	text-transform: uppercase;
}

#agent_content_wrap{
	margin:0px;
	padding:0px;
	width:770px;
	min-height:650px; 
	height:auto;
}
* html agent_content_wrap {
	margin:0px;
	padding:0px;
	width:770px;
	height: 650px;
}
#agent_main_content_wrap{
	float:right;
	width:620px;
}
#agent_main_content_wrap2{
	float:right;
	width:620px;
}

#agent_content {
	margin: 0px;
	padding: 15px 15px 15px 15px;
}
#agent_content2 {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}
#agent_content3 {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

#clear {
	clear: both;
	}

/* basic classes */
.pageselected {font-weight: bold; color: #687D8E; border-bottom: solid 1px #889DAB;}
.agentselected {font-weight: bold; color: #000000;}
.instruction {padding: 0px 0px 0px 20px; font: 13px 'Tahoma';}

.listingdelete {font: bold 14px 'Tahoma'; color: #F5002B;}
.listingdelete:link, .listingdelete:visited { color: #F5002B; text-decoration: none}
.listingdelete:hover, .listingdelete:active { color: #F5002B; text-decoration: underline}

.photoselected {padding: 2px; border: solid 1px #F5002B;}
.photonotselected {padding: 2px;}

.agentphotosm {border: solid 1px #000000;}

.listing { font: 12px/14px 'Tahoma';}
.listing_sm { font: 10px 'Tahoma';}

.red {color: #F5002B;}
.white {color: #FFFFFF;}
.grey {color: #BEBEBE;}
.blue {color: #889DAB;}
.liblue {color: #00A2C8;}

.small {font: 9px 'Tahoma';}
.note {font: 9px 'Tahoma'; color: #999999; font-style: italic;}

.hrdash {width: 770px; margin: 10px 0px 10px -30px; border-bottom: dashed 1px #000000;}
.hrdash2 {width: 100%; margin: 10px 0px 10px 0px; border-bottom: dashed 1px #000000;}
.hrdash3 {width: 100%; margin: 0px; border-bottom: dashed 1px #000000;}

.vrdash {margin: 0px 30px; border-right: dashed 1px #000000;}
.vrdash2 {margin: 0px 30px; border-left: dashed 1px #000000;}
.vrdash3 {margin: 0px 0px 0px -1px; padding: 0px; border-right: dashed 1px #000000;}

.noline:link, .noline:visited {text-decoration: none}
.noline:hover, .noline:active {text-decoration: underline}

.nostyle:link, .noline:visited {color: #000000; font-weight: normal; text-decoration: none}
.nostyle:hover, .noline:active {color: #000000; font-weight: normal; text-decoration: underline}

.footer:link, .footer:visited {color: #B52717; text-decoration: none}
.footer:hover, .footer:active {color: #B52717; text-decoration: underline}

/* form classes */
input.text, textarea.textarea, select.select, input.FT, select.FT, textarea.FT {
	font: 10px 'Tahoma'; 
	color: #333333; 
	border: solid 1px;
	border-top-color: #00A2C8;
	border-right-color: #00A2C8;
	border-bottom-color: #00A2C8;
	border-left-color: #00A2C8;
	}
input.text, input.FT  {
	padding: 3px 0px 3px 0px;
	}

input.checkbox, input.radio {
	display: block;
	margin: 8px 0 0 3px;
	width: 13px;
	height: 13px;
	}
	
input.button {
   padding: 2px 8px;
   color: #FFFFFF;
   font: 10px'Tahoma';
   letter-spacing: 2px;
   text-transform: uppercase;
   background-color: #002332;
   border: solid 1px #FFFFFF;
   cursor: pointer !important;
   }
	
select.select,  select.FT {
	margin: 0;
	padding: 1px 0px 0px 0px;
	}
	
/* ----- form field sizes ----- */
input.small, select.small{width: 100px;}
input.smallmed, select.smallmed{width: 160px;}
input.medium, select.medium{width: 200px;}
input.large, select.large, textarea.textarea{width: 400px;}
input.tags{width: 315px;}
textarea.small{height: 40px; width: 100%;}
textarea.medium{height: 80px; width: 100%;}
textarea.large{height: 150px; width: 100%;}