/* CSS Document */
html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	margin-bottom: 0px;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*END RESET*/

*	{ margin: 0; padding: 0; }
body { font-family:  Arial, Helvetica, Verdana, sans-serif; background-color: #efefef}  


h1 { color: black; padding: 10px; }


h2 {
	font-size: 26px;
	font-family: arial;
	color: #f79420;
	font-weight: bold;
	text-align: right;
	padding-right: 35px;
	padding-top: 15px;
}

h3 {
	font-size: 13px;
	font-family: arial;
	font-weight: bold;
	color: #000000;
	line-height: 110%;
	padding-bottom:5px;
}

h4 {
	font-size: 11px;
	font-family: arial;
	color: #000000;
	font-style:italic;
	line-height: 110%;
	padding-top:5px;
	padding-bottom:10px;
	font-weight: lighter;
}

h5 {
	font-size: 11px;
	font-family: arial;
	color: #f99e33;
	line-height: 110%;
}

h6 {
	font-size: 20px;
	font-family: arial;
	color: #000000;
	line-height: 110%;
}

#textbox p {
	font-size: 12px;
	color: #333333;
	font-family: arial;
	line-height: 130%;
	padding-bottom:14px;
	text-align: justify;
}



h4 {
	font-size: 11px;
	font-family: arial;
	color: #000000;
	font-style:italic;
	line-height: 110%;
	padding-top:5px;
	padding-bottom:5px;
	font-weight: lighter;
}

p {
	font-size: 12px;
	color: #333333;
	font-family: arial;
	line-height: 140%;
}

.pdflink {
	font-size: 12px;
	color: #f79420;
	line-height: 120%;
	text-decoration: underline;
	font-weight: bold;
}

.toplink {
	font-size: 12px;
	color: #f79420;
	text-decoration: underline;
	font-weight: bold;
	padding-right: 17px;
} 
 

.bikelink {
	font-size: 12px;
	color: #f79420;
	font-weight: bold;
	line-height: 160%;
	text-decoration: none;
} 
 

#main {  background-color: #efefef}

.container {
	width: 800px;
	margin: 0 auto;
	background-color: #ffffff;
}

#page-wrap	{ max-width: 800px; margin: 0 auto; position: relative;}

#main-content	{
	padding: 0px 0 0 0px;
	border-left-style: solid;
	border-left-color: #A1A1A1;
	border-left-width: 1px;
}

#main-sidebar	{
	position: absolute;
	left: 0;
	top: 0;
	width: 200px;
	bottom: 0;
	padding-left: 20px;
	padding-top: 80px;
	height: 188px;
}

                      

#topdiv {
	height: 45px;
	width: 800px;
	padding-bottom: 20px;
}



#contentbox {height:100%; width:100% } 

#line {padding-left: 240px; width:530px}

#bottomdiv {
	height: 33px;
	width: 770px;
	text-align: right;
	padding-top: 5px;
}

#logo h1 { text-indent: -9999px;}



/*LANDING PAGE*/
#flash {
    width: 800px;
    margin:0 auto;
    overflow:hidden;/*contain inner floats*/
}



/*HEADER*/


#header {
    width: 800px;
    height: 100%;
    margin:0 auto;
    overflow:hidden;/*contain inner floats*/
}

#logo {
	height:132px;
	width:200px;
	background:url(images/brc_logo.gif) no-repeat;
	margin: 0px 0px 5px 10px;
	float:left;
}

#logo a {
    display:block;
    width:100%;
    height:100%;
}


/*NEWSBURST*/

#newsburstdiv {
	width: 530px;
	height: 110px;
	float: right;
	background: url(/*LINNK GOES HERE*/) no-repeat;
	background-position: center;
}

.button1 {  
	width: 349px;
    height:129px;
	background: url(images/brc_newsburst1.gif) no-repeat;   
	display: block;
} 

.button1:hover {background: url(images/brc_newsburst2.gif) no-repeat;}



/*MAIN NAVIGATION*/
#subhead{
	width:800px;
	height:25px;
	background-color: #434343;
}

#subhead ul {
	text-align:right;
	margin-right: 36px;
	padding-top: 4px;
}

#subhead ul li {
    display:inline;
    list-style:none;
}

#subhead li a {
	font-size: 13px;
	color: #f79420;
	text-decoration: none;
	padding-right: 15px;
	padding-left: 12px;
	border-right: 1px solid #fff;
	font-family: Arial, Helvetica, sans-serif;
	} 

/*#submenu li a:link { color: #f79420}
#submenu li a:visited { color: #C0C0C0}*/
#submenu a:hover { color: #D37B17}
	
body#Info a#AboutLink, body#Bios a#AboutLink, body#ResListings a#PropLink, body#HOAListings a#PropLink, body#AptListings a#PropLink, body#RentalsListings a#PropLink, body#ComListings a#PropLink,  body#Relations a#RelationsLink, body#Events a#EventsLink {color: #FFF}	


	
/*SIDEBAR MENU LINKS*/


#menu {
	width: 170px;
	margin: 10px;
	}
	
#menu li a {
	height: 24px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	font-size: 15px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-bottom-width: 1px;
	}	
	
#menu li a:link, #menu li a:visited {
	color: #666666;
	display: block;
	background:  url(images/menu.gif);
	padding: 8px 0 0 10px;
	}
	
#menu li a:hover {
	color: #FFF;
	background:  url(images/menu.gif) 0 -32px;
	padding: 8px 0 0 10px;
}

body#ResListings a#ResListingsLink,
body#ComListings a#ComListingsLink,
body#HOAListings a#PropListingsLink,
body#AptListings a#PropListingsLink,
body#RentalsListings a#PropListingsLink,
body#Info a#InfoLink,
body#Bios a#BiosLink {
	color: #FFF;
	background:  url(images/menu.gif) 0 -32px;
	padding: 8px 0 0 10px;
}	
	




/*ABOUT PAGES*/
#imagediv {
	width: 490px;
	padding-top: 15px;
	padding-bottom: 0px;
	margin-left: 40px;
}

#imagediv2 {
	width: 100px;
	padding-top: 15px;
	padding-bottom: 0px;
	margin-left: 0px;
}


#biobox {
	width: 525px;
	margin: 30px 5px 0px 20px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-color: #CCCCCC;
}

#lastbiobox { /*SO THE LAST HOUSE DOESNT HAVE A LINE UNDER IT*/
	width: 530px;
 	margin: 30px 20px 0px 20px;
}

#biotext {
	float: left; 
	width: 250px;
    padding: 0px 20px 30px 20px;   
}

#biotext2 {
	width: 520px;
	padding-bottom: 20px;
}

#biopic {
	float: left;
	padding-top: 0px;
	padding-bottom: 20px;
}

.bio {
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}

#textbox {
	padding-left:40px;
	padding-top: 15px;
	padding-bottom: 30px;
}

#icon {
	padding-top: 30px;
}

/*LISTING PAGES*//*HOUSE DETAILS*/
#housebox {
	width: 525px;
	margin: 30px 5px 0px 20px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-color: #CCCCCC;
}

#lasthousebox { /*SO THE LAST HOUSE DOESNT HAVE A LINE UNDER IT*/
	width: 530px;
 	margin: 30px 20px 0px 20px;
}

#housetext {
	float: left; 
	width: 290px;
    padding: 0px 0px 30px 20px;   
}

#house {
	float: left;
	padding-top: 0px;
	padding-bottom: 30px;
	width: 210px;
}


.property {
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}

#toppropdiv {
	height: 35px;
	width: 800px;
	padding-bottom: 15px;
}

#HOAtopdiv {
	width: 560px;
	padding-bottom: 5px;
	padding-top: 10px;
}

#HOAtopdiv h2 {
	font-size: 30px;
	color: #000000;
	line-height: 120%;
	font-weight: bold;
	text-align: right;
}

#HOAbackdiv {
	width: 510px;
	padding-bottom: 5px;
	text-align: right;
	padding-top: 10px;
}

#HOAbackdiv a {
	font-size: 12px;
	color: #f79420;
	line-height: 120%;
	text-decoration: none;
	font-weight: bold;
}

#HOAdiv {width: 540px; padding: 0px 5px 10px 15px}

#HOAtext {width: 515px; padding: 10px 0px 10px 0px}

#HOApics {width: 515px; padding: 10px 0px 10px 0px}

#HOApicbox1 {
	width: 210px; 
	float:left;
	padding: 0px 0px 0px 20px}

#HOApicbox2 {
	width: 210px; 
	float:right;
	padding: 0px 20px 0px 0px}

#HOAdocs {width: 515px; padding: 10px 0px 10px 20px}

#HOAdocs h3 {
	font-size: 15px;
	color: #000000;
	line-height: 140%;
	font-weight: bold;
	text-decoration: none;
}
 
#HOAtext p {
	font-size: 12px;
	color: #333333;
	font-family: arial;
	line-height: 130%;
	text-align: justify;
}

a#HOAlink {
	font-size: 13px;
	color: #f79420;
	line-height: 140%;
	font-weight: bold;
	text-decoration: none;
}

#rentalstext {padding: 25px 15px 30px 20px}

#apttext {padding: 25px 15px 30px 20px}

.apttextlink {
	font-size: 14px;
	color: #f79420;
	line-height: 120%;
	font-weight: bold;
	text-decoration: none;
}

#propnav {
	height: 20px;
	width: 800px;
	padding-bottom: 0px;
}

#propnav ul {
	text-align:right;
	margin-right: 30px;
}

#propnav ul li {
    display:inline;
    list-style:none;
}

#propnav li a {
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 12px;
	border-right: 1px solid #333333;
	font-family: Arial, Helvetica, sans-serif;
	} 

/*#submenu li a:link { color: #f79420}
#submenu li a:visited { color: #C0C0C0}*/
#propmenu a:hover { color: #D37B17}
	
body#HOAListings a#HOAListingsLink,
body#AptListings a#AptListingsLink,
body#RentalsListings a#RentalsListingsLink {color: #f79420}	

/*Comm RELATIONS PAGE*/

#main-contentV2 {
	padding: 0 0 0 0px;
	border-left-style: none;
}

#relationscontent {
	width: 800px;
}

#relationsbox {
	width: 740px;
	margin: 0px 30px 30px 30px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-color: #CCCCCC;
}

#lastrelationsbox {
	width: 740px;
	margin: 0px 30px 0px 30px;
}


#relationspic {
	float: left;
	padding-bottom: 30px;
}

#trucktext {
	float: left;
	width: 480px;
	padding-left: 20px;
	padding-bottom: 30px;
}

#biketext {
	float: left;
	width: 405px;
	padding-left: 20px;
	padding-bottom: 10px;
}

#biketext2 {
	float: left;
	width: 170px;
	padding-bottom: 10px;
	padding-top: 30px;
	margin-left: 10px;
}

#biketext3 {
	float: right;
	width: 180px;
	padding-bottom: 10px;
	padding-top: 18px;
	margin-left: 0px;
	margin-right: 10px;
}

.sociallogo {padding-right: 15px}

#logotext {
	width: 740px;
	padding-bottom: 30px;
}

#logocontainer {
	float: left;
	width: 740px;
	height: 100px;
}

#logobox1 {
	float: left;
	width: 170px;
	margin-left: 40px;
	padding-top: 0px;
}

#logobox2 {
	float: left;
	width: 300px;
	padding: 8px 0px 0px 0px;
}

#logobox3 {
	float: right;
	width: 140px;
	padding: 5px 0px 0px 0px;
}

#logobox4 {
	float: left;
	width: 290px;
	padding: 20px 0px 0px 20px;
}

#logobox5 {
	float: left;
	width: 178px;
	padding: 25px 0px 0px 0px;
}

#logobox6 {
	float: right;
	width: 210px;
	padding: 0px 0px 0px 0px;
}

#logobox7 {
	width: 332px;
	padding: 10px 0px 0px 210px;
}


/*EVENTS PAGE*/
#eventsscontent {
	width: 800px;
}

#eventsbox {
	width: 740px;
	margin: 0px 30px 30px 30px;
}

#eventstext {
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-color: #CCCCCC;
	padding-bottom: 20px;
	padding-top: 20px;
}

#eventstext h6 {
	font-size: 24px;
	font-family: arial;
	color: #FF0000;
	line-height: 130%;
}

/*FOOTER*/

.footermain {
	background-color: #efefef;
 }

#footer {
	background-color: #434343;
	padding-bottom: 40px;
	border-top-style:solid;
	border-top-width:2px;
	border-top-color: #f79420;
	padding-top: 30px;
}

#footer a {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
} 

#footer a:hover { color: #f99e33; text-decoration: none;}


#section1 p {
	font-size: 11px;
	font-family: arial;
	color: #FFFFFF;
	font-weight: lighter;
	line-height: 140%;
}


#wrapper {
	width: 770px; /* 780px is just wide enough to fill and 800px screen */
	margin: 0 auto; /* It's important to set the margin to auto if you want the layout to center */
	text-align: left;
	padding-left: 30px;
}


#section1 {
    float: left; /* Sets this section to the left */
    width: 340px;
}

    #column1 {
	float: left; /* Sets this column to the left inside its section */
	width: 175px;
	padding-left: 20px;
    }

    #column2 {
	float: right; /* Sets this column to the right inside its section*/
	padding-left:0px;
	width: 100px;
    }

#section2 {
    float: right; /*Sets this sectionto the right */
    width: 430px;
}

    #column3 {
	float: left; /* Sets this column to the left inside its section */
	width: 130px;
    }

    #column4 {
	float: left; /* Sets this column to the right inside its section*/
	width: 130px;
    }
	
	
    #column5 {
	float: right; /* Sets this column to the right inside its section*/
	width: 155px;
    }
	
	
ul#footerlinks1 {
	list-style: none;
	line-height: 100%;
}  
  
ul#footerlinks1 li a {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 20px;
} 

#footerlinks1 a:hover { color: #f99e33; text-decoration: none;}