
/*
	for massive layout change
								*/
								
table#navHeader {
	margin-left: auto;
	margin-right: auto;
}

table#featuredColumns {
	margin-left: auto;
	margin-right: auto;
}


body {
    behavior: url("csshover.htc");
     /* background-image: url(img/LRG-redbox-45px.png); 
        background-attachment: fixed;
        background-position: bottom right;
        background-repeat: no-repeat;  */
	background-color: #FFFFFF;
	color: #333333;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt}
a {
	color: #DD5555;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
}
a:link {
	color: #DD5555;
}
a:visited {
	color: #DD5555;
}
a:hover {
	color: #CC0000;
}
a:active {
	color: #DD5555;
}
td.headertext1 {
	font-size:8pt;
	margin:0px	
}
td.headertext2 {
	font-size:8pt;
	margin:0px	
}
h3 {
	color: #990000;
	margin:5px 5px 5px 5px;
	font-weight:300;
	font-stretch:expanded;
	font-size: 1.2em}
h4 {
	text-align:center; 
	padding: 4px; 
	border:1px solid silver;
	margin:0px 0px 5px 0px;
	background-color:#FFFFFF;
	color:#333333;
}	
h5 {
	color: #990000;
	font-weight:200;
	font-size: 1.2em
}
td {color: #333333; }

.smnote {
	font-size: 0.8em;
	font-style: italic;
	text-decoration: none;
}


.footer {
	font-weight: 100;
	font-size: .8em;
	color:#999999;
}

select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
    height: 22px;
	background-color: #FFFFFF;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	border:thin silver solid;
	margin-top: 2px;
	margin-right: 1px;
	margin-bottom: 5px;
	margin-left: 1px;
}
input.searchy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333333;
    height: 14px;
	background-color: #FFFFFF;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
    border:thin silver solid;
	margin-top: 2px;
	margin-right: 1px;
	margin-bottom: 5px;
	margin-left: 1px;
}
.tinytable  {
        font-size: 6pt;
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
}

/*
	Tools Menu Styles
						*/

#toolsmenu {
	border:1px solid silver;	
}

#new_toolsmenu {
	width: 100%;
	margin: 1em 0 0 0;
	padding: 0;
	border: 1px solid silver;
}

/* currently not being used - replaced with <h4> tag
 * #new_toolsmenu .title {
 * 	font-weight: bold;
 * 	display: inline;
 * }
 */
 
.devheading {
 	color:#990000;
	font-size:larger;        
	clear:both;
}
.newdev {
        margin:8px 2px;
        clear:both;
}
.newdev img {
        margin:3px 8px 8px 0px;
        clear:both;
}
.movielinks {
        margin: 12px 3px 3px 3px;
}
.movielinks a {
	padding:3px; font-size:6pt; border:1px silver solid;
	margin:1px 3px;
}

/* BELOW NEEEDS TO BE BETTER INTEGRATED

  - - - - - - - - - - - - - - - - - - -  HEADER STYLEs BELOW

*/
#navbar1 {
	text-align:center; 
	line-height:14px; 
	margin:2px auto 0 auto;
	padding-bottom: 5px;
	white-space:nowrap;
}

#navbar1 ul, #navbar1 li { 
	font-size:14px; 
	list-style:none;
	display:inline;
}

.navlink1 {
	padding:5px; 
	border-left:solid white 2px; 
	line-height:14px;
}

a.navlink1 {
	text-decoration:none; 
	color:#666666;
	line-height:inherit;
}



/*  need to squeeze the navbar2 more */

#navbar2 {
	text-align:center; 
	line-height:10px; 
	margin-top:2px;
/*	margin:2px auto 0 auto;   */
	white-space:nowrap;
}

#navbar2 ul, #navbar2 li { 
	font-size:10px; 
	list-style:none;
	display:inline; 
}

.navlink2 {
	padding:3px; 
	border:thin silver solid; 
	line-height:10px;
}

a.navlink2 {
	text-decoration:none; 
	color:#666666;
	line-height:inherit;
}

.linkbox1 { text-align:center;	
		  background-color:#dedede;
		  border-top:1px solid silver;
		  border-bottom:1px solid silver;
		  height:16px;
		  padding:0px;
		  margin-top:3px;
		  margin-left: auto;
		  margin-right: auto;
		  margin-bottom: 0;
		  white-space:nowrap
}

.linkbox1 a{  
		  padding:1px 15px 1px 15px;
		  margin:0px 0px 0px 0px;
}

.linkbox1 a:hover{  
		  background-color:#cacaca;
}

.linkbox2 { 
	font-size: 1.2em;
	margin:0px 0px 0px 0px;
	padding:5px 5px 5px 5px;
	white-space:nowrap;
}

.linkbox2 a:hover { 
	background-color:#F4F4F4;
}

/*
	linkbox style for Questions? link
										*/
/*
li.navlink4 {
	background-color: #00CCCC;
}
*/

/*
.navlink4 a:hover {
	background-color: #00CCFF;
}
*/

/*
	sub sub Header styles
		UNUSED
							*/

#navbar3 {
	padding: 4px 0 0 0;
/* added clear:left; to fix up formatting */
/*	clear: left;   */
/* with the button moved above navbars don't need the clear */
	width:100%;
	text-align:center; 
	line-height:14px;
	margin: 2px auto 5px auto;
	white-space:nowrap;
}

#navbar3 ul, #navbar3 li { 
	font-size:14px; 
/*	float:left;  */
	list-style:none;
/*	display:inline;  */
	display: block;
}

.navlink3 {
	background-color:#dedede;
	border-top:1px solid silver;
	border-bottom:1px solid silver;
	border-right: 1px solid silver;
	border-left: 1px solid silver;
	padding:5px; 
	line-height:14px;
}

a.navlink3 {
	text-decoration:none; 
	line-height:inherit;
}

.linkbox3 { text-align:center;	
		  height:16px;
		  padding:0px;
		  margin:0px 0px 0px 0px;
		  white-space:nowrap;
	color: #7E0A07;

}

.linkbox3 a{  
	color: #7E0A07;
		  padding:1px 15px 1px 15px;
		  margin:0px 0px 0px 0px;
}

.linkbox3 a:hover{  
		  background-color:#cacaca;
}

/*
	special header styles
							*/

p.leiterbar {
	padding: .3em .1em .1em .75em;
	margin: 0;
	background-color: #A61024;
	color: #FFFFFF;
	font-family: helvetica;
	font-size: 18px;
	font-weight: 100;
}

/*
	advertisement box styles
								*/

#adBox {
	margin: 0 0 1em 0;
	padding: 0;
	border: 1px solid silver;
	font-size: 1em;
	width: 219px;
}


/*
	Searchbox Styles
						*/

input.searchbox{	
	background-color: #DEDEDE;
	border: 1px solid black;
    text-transform: uppercase;
}

#subsearch {
/*        border:1px solid yellow; 		*/
    margin:2px 5px 5px 0px;
    padding:6px 5px 6px 5px;
/*        background-color:#FFFFCC;		*/
    width:95%;
}

input#btnSearch {
	float:right; 
	height:25px;
	font-size:12px;
	padding:5px 5px 7px 5px;
}

input#btnSearch:hover {
	border: thin solid #CC0000;
    cursor:pointer;
}

input#btnReset {
/*	opacity:0.60;	*/
	line-height:11px;
	font-size:9px;
}

input#btnReset:hover{
/*	opacity:1.00;	*/
	border: thin solid #CC0000;
    cursor:pointer;
}

.pagetitle {color: #990000;
			padding:19px 13% 2px 8%;
			font-weight:300;
			font-stretch:expanded;
			font-size: 1.6em;
}
.maincontent {
	margin: 2px 5px 2px 2px;
	padding: 10px 13% 10px 8%;
}
			.NOaboutbox {
				margin: 2px 5px 2px 2px;
				padding: 10px 13% 10px 2%;
			}
			.aboutbox#NOsearchbox {
					background-color:#FCFFDF;
			}

/*
	About Box styles
	   				   */

#new_aboutbox {
	text-align: left;
	margin: 1em 0 0 0;
	padding: 0 0 .5em 0;
	border: 1px solid silver;
}

/*
	feedback Box
					*/

#feedbackBox {
	margin: 0 0 1em 0;
	padding: 0;
	border: 1px solid silver;
	font-size: 1em;
	width: 219px;
/*	background-image: url(img/background_feedback.png);  */
	background-color: #FFFFFF;
	background-position: bottom;
	background-repeat: repeat-x;
}

#feedbackBox:hover {
/*	background-image: url(img/background_feedback2.png); */
	background-image: url(img/background_feedback.png);
	background-position: bottom;
	background-repeat: repeat-x;
}

div#feedbackBox div.sectionContent {
	margin: 0;
	padding: 1em;
}

div#feedbackBox div.sectionContent a {
	border-style: none;
	border: none;
	color: #000000;
}

div#feedbackBox div.sectionContent a p {
	margin: 0 0 .5em 0;
}

div#feedbackBox span.firstline {
	font-size: 15px;
	font-weight: bold;
}

div#feedbackBox span.lastline {
	color: #620000;
	font-weight: bold;
	text-decoration: underline;
}



/*
	Twitter/Facebook Box
						   */

#twitFaceBox {
	margin: 1em 0 1em 0;
	padding: 0;
	border: 1px solid silver;
	font-size: 1em;
	width: 100%;
}

/*
	Twitter Box styles
						 */

#twitBox {
	float: left;
	margin: 2px 0 0 0;
	text-align: center;
/*	margin: 1em;  */
	padding: 0;}

#twitBox p.above {
	margin: 0;
	padding: 0;
	text-align: center;
}

#twitBox p.below {
	margin: 0;
	padding: 0;
	text-align:center;
}

#twitBox img {
	border: 1px solid black;
	moz-border-radius-topright: 3px;
	moz-border-radius-bottomright: 3px;
	moz-border-radius-bottomleft: 3px;
	moz-border-radius-topleft: 3px;
	padding: .35em;
}

#twitBox img:hover {
	border: 1px solid red;
}

/*
	Facebook Box Styles
						  */
						  
#faceBox {
	float: right;
	margin: 0;
	text-align: center;
/*	margin: 1em 1em 1.5em 1em;  */
	padding: 0;
}

#faceBox p.above {
	margin: 0;
	padding: 0;
	text-align: center;
}

#faceBox p.below {
	margin: 0;
	padding: 0;
	text-align: center;
}

#faceBox img {
	padding: 0;
	margin: 0;
}
	
/*
	added style for headlines
								*/

#headlines {
	border: 1px solid silver;
	margin: 1em 0 0 0;
	padding: 0;
	font-size: 1em;
	width: 100%;
}

#headlines a {
	text-decoration: underline;
}

#headlines ul {
	padding-left: 1em;
	margin-bottom: .5em;
}		

#headlines ul li {
	margin-bottom: .5em;
}

/*
	Listing Styles
					*/			
					
.listings {
	border: 1px solid silver;
	margin: 0 0 10px 2px;
	background-color:#E6E6E6;
	color:#000000;
	width:215px;
/*	padding: 1px 1px 5px 1px;	*/
/*	font-size: 0.8em;	*/
}
.singlelisting {
	padding:3px 3px 3px 3px;
	overflow:hidden;
	font-size: .9em;
}

.singlelisting img {
	margin:1px 3px 1px 1px;
}

/* remove margin - make it header for the ROW not just the listing (which is what it looks like)
.listings .sectionHeader {
	margin: 0;
}
*/

.listings .singlelisting:hover {
	background-color:#cccccc;
	color:#000000;
}

.listings h4 { background-color:#333333; color:#FFFFFF;
}

/*
	Individual listings page
								*/

div#craigscut {
}

DIV#PDFRANGE {
/*	with no top margins */
/*	min-height: 925px;	*/
/*	min-height: 895px;  */
/* I have a .2 top margin */
/*	min-height: 910px;	*/

/* new test with HUGE height and trying padding */
/*	margin-top: 50px; */
	min-height: 910px;
}

table#listingsBox {
	margin-left: auto;
	margin-right: auto;
	width: 750px;
}


/*
	Listing MORE INFORMATION Styles
										*/
					
table.agentInfo {
/* blank style */}

td.listingPictures {
/*	width: 900px;  */
	width: 750px;
	text-align: center;
	padding: 0 20px;
	vertical-align: bottom;
}

td.listingPictures img {
/*	margin: .5em .5em .5em .5em;  */
	margin: 2px;
	border: 1px solid gray;
}

td.moreinfolisting {
	margin: 0;
	padding: 0;
}

td.infoLinks {
/* blank style */
}

#listingbox {
	margin: 2px 5px 2px 2px;	
	padding: 5px 20px 5px 10px;
/*	width:450px;   */
}

div#listingbox p.shortDescription {
	font-weight: 800;
	font-size: 14px;
}

div#listingbox p.longDescription {
	clear: left;
	line-height: 120%;
	font-size: 12px;
}

/*
	features sidebar styles
							*/

div#gfwrapper {
	float: right;
/*	width: 400px;  */
	width: 370px;
}

div#gfwrapper #gmapdiv {
/* was float:left when prop features list is activated */
	float: left;
	width: 200px;
}

#gmappic {	
	margin:0px 0px 8px 8px;
	border:thin solid silver;
}

div#gfwrapper #property_features {
	padding: 0;
	vertical-align: top;
	font-size: 10px;
	float: right;
/*	width: 175px;  */
	width: 150px;
	min-height: 200px;
}

div#gfwrapper #property_features ul {
	padding-left: 1em;
	margin-top: 0;
	line-height: 160%;
}

div#gfwrapper #property_features ul li {
}



.details:hover {
	background-color: #6E0602;
	border: 1px solid white;
}

/*
	Property Search Information
								   */

#searchbox {
	margin: 1em 0 0 0;
	border: 1px solid silver; 
	padding: 0;
	width: 100%;
	font-size: 1em;
}

/*
	Free Lessons Box styles
							   */

/*
	emailWrapper taken from tag and thrown here
							  						*/
#emailWrapper {
/*	width: 214px;  */
	border: 1px solid silver;
	margin: 0;
	padding: 0;
/*	width: 100%;  */
	font-size: 1em;
}

fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

#emailWrapper fieldset div.KCbackground div.sectionContent table#optionTable {
	width: 150px;
	padding: 0;
	margin: 0;
}


div.dontmiss {
	text-align: center;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

input#whichList {
	clear: right;
	float:right;
	margin-right: 10px;
}

label#buyers_radio {
	margin: 0 auto 3px 10px;
	display: block;
	float: left;
	font-weight: bold;
}

label#sellers_radio {
	margin: 0 auto 3px 10px;
	display: block;
	clear: left;
	float: left;
	font-weight: bold;
}

label#renters_radio {
	margin: 0 auto 3px 10px;
	display: block;
	clear: left;
	float: left;
	font-weight: bold;
}

label#propmanage_radio {
	margin: 0 auto 8px 10px;
	display: block;
	clear: left;
	float: left;
	font-weight: bold;
}
	
/*
	Blog styles
				   */	
	
.linkToBlog {
	width:100%;
	text-align: right;
	font-size: 0.8em;
	color:#999;
	font-size: 0.72em
	}
.blogTitleLine {
	font-weight:bold;
	color:#900;
	font-size: 1.2em;
	}
.blogTitleLine a { text-decoration:none; color:#990000 }

#newscolumn {  
	display:block;
	padding: 0;
	margin: 1em 0 0 0;
	border: 1px solid silver;
	font-size: 1em;
/*	width: 100%;  */
}

/*
	opportunities.php/about_us.php/navigation pages styles
	
	NOTE:  If successful - implement 
		   for every new page
									   							*/

#container {
	margin-top: 2em;
	margin-left: auto;
	margin-right: auto;
	padding: 0 2em 2em 2em;
	width: 800px;
}

#content {
/*	border: 1px solid black;	*/
	margin: 0;
	padding: 0 1em 1em 1em;
	min-height: 500px;
}

#content .topicTitle {
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
	margin: 0 1em 0 .5em;
	color: #7E0A07;
}

#content p.summary {
	margin: .5em;
	padding: .5em;
}

#content p.blurb {
	text-align: justify;
	padding: .5em;
	margin: .5em 3em .5em .5em;
}

/*
	about us styles
						*/

#content div#profile {
	margin: 4em 1em 1em 1em;
}

		#content div#profile img {
			border: 2px solid black;
		}

		#content div#profile span.name {
			font-weight: bold;
			font-size: 14px;
		}
		
		#content div#profile span.title {
		/* empty style */
		}
		
		#content div#profile span.phone {
		/* empty style */		
		}
		
		#content div#profile span.email {
		/* empty style */		
		}

		#content div#profile div.info {
			margin-top: 8px;		
		}

#content .pagetitle {
	color: #990000;
	margin-bottom: 1em;
	padding-top: 19px;
	padding-right: 13%;
	padding-bottom: 2px;
	padding-left: .5em;
	font-weight: 300;
	font-stretch: ;
	font-size: 1.6em;
}

/* playing around with formatting and symbols in front of topicTitles
 * will probably have to make a #content li {} style declaration
 */
#content ul {
	margin: 0 0 0 1em;
	padding: 0 0 0 1.5em;
}

/*
	   section styles
							*/

/*
 * Check .linkbox1 if you need to reconstruct
 * any styles since the changes you've made
 */
.sectionHeader {
	padding: .1em 0 .1em .2em;
	margin: 0;
	text-align: left;
	white-space: nowrap;
	border: solid 1px silver;
	background-color: #7E0A07;
	font-weight: 300;
	color: #FFFFFF;	
	height: 16px;
/*	font-size: 14px;	*/
}

.sectionHeaderKC {
	padding: .1em 0 .1em .2em;
	margin: 0;
	text-align: left;
	white-space: nowrap;
	border: solid 1px silver;
	background-color: #FFEF99;
	font-weight: 300;
	color: #000000;	
	height: 16px;
}

.sectionContent {
	margin: 0 1em 1em 1em;
	font-size: .9em;
}

.KCbackground {
	min-height: 300px;
	background-image: url(img/FFEF99_yellow.png);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

/*
	Padding for the columns
								*/

.columnPadderLeft {
	padding: 0 5px 0 0;
	width: 215px;  
}

.columnPadderRight {
	padding: 0 5px 0 5px;
	width: 215px;  
}

#featuredColumns {
	margin: 1em 0 0 0;
	padding: 0;
}


