/* JRE Style Sheet Document */
/* COLOR PALLETTE
	dark blue #003466
	light gray #cccccc
	dark gray #333333

/* BODY */
body {
	/* 	background-color: #005d83; */
	backround-color:white;
	position:relative; /* this ensures that body is a containing block */
	margin: 0 0 0 0; /* the background fills the screen */
	padding: 0 0 0 0;
	/* the following sets the font, size, weight and color for all normal <p> text */
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:normal;
	color:#333333;
}

/* CLASSES */
/* General classes */
.ctr { text-align:center; }
/* DIV classes */
/* the text-align:center is a kludge for IE */
div.div_centered { margin-left:auto;margin-right:auto; text-align:center; }

.borderless { border-width:0; }

div.clearboth {
	clear: both;
}
/* link classes */
a { color:#005d83; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; }
a:hover: { color:#00CCFF; }
a:active: { color:#00CCFF; }
a:visited: { color:#005d83; }

a.navlink { color:#CCCCCC; text-decoration:none;
			font-family: "Times New Roman", Times, serif; font-size:17px; }
a.navlink:hover { color:white; }

a.infolink { color:#333333; text-decoration:none; }
a.infolink:hover { color:#cccccc; }
a.ctlink { color:#333333; text-decoration:none; }
a.ctlink:hover { color:#cccccc; }

/* DIVS */

/* column divs */
div#ColumnLeft { float:left; width:250px;}
div#ColumnRight { float:right; width:250px;}

/* PageWrapper contains the entire page and provides a reference point for everything else. It can be pinned to the left margin or floated in the center. It must be wide enough to contain LeftNavBar and PageBackground.
*/

div#PageWrapper
{
	position:relative;
	top: 0px; left: 0px;
	width:780px;
	margin-left:auto;
	margin-right:auto;
}

/* PageBackground defines the whitespace that frames the content, starting just to the right of
LeftNavBar and continuing for the width of the viewport. PageBackground also pushes down footer.
Note: padding must be >0 or it leaves a blue strip across the top ONLY IN FIREFOX! */
#PageBackground {
	position:relative;
	top:0; left: 155px; /* starts a little left of LeftNavBar */
	margin:0 0 0 0;
	padding:20px 20px 20px 20px; /* whitespace outside the PageFrame border */
	width: 100%;
	background-color: white;
}

/* PageFrame defines the frame around the page content */
#PageFrame {
	position:relative; top:0px; left:0px;
	width: 510px;
	margin:0px 0px 0px 0px;
	padding:0px 20px 20px 20px; 	/* whitespace inside the frame border */
	border: 2px solid #cccccc;  /* frames the page */
}

#PageFrame h1 {
	text-align:center;
	margin:0 0 .5em 0; padding:0;
}

/*	PageTitleFrame and PageTitle format the centered title on a white background on
	the top of every page. The text itself has a white background with a little
	padding on the left and right. PageTitleFrame has a negative top offset to center the
	title across the border.
*/
#PageTitleFrame {
	position:relative; height:auto; top:-14px;
	margin-left:auto; margin-right:auto;
	width:100%;
	text-align:center;
}
#PageTitle {
	font-size:24px;
	font-family:"Times New Roman", Times, serif;
	font-weight: normal;
	color:#999999;
	background-color:white;
	padding:0 .5em 0 .5em;
	margin-left:auto;margin-right:auto;
}
#PageSubTitle {
	font-size:20px;
	font-family:"Times New Roman", Times, serif;
	color:#666666;
	margin-left:auto;margin-right:auto;
	margin-top:-10px;
	text-align:center;
}

/* Footer divs */
#PageFooter {
	position:relative; clear:both; width:800px;
	margin:0 0 0 0; padding:10px 0 20px 0;
	color:#cccccc;
}
#PageFooterLeft {
	position:absolute; top:0; left:0; width:150px;
	margin:0 0 0 0; padding: 0 0 0 0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif; font-size:8pt;
}
#PageFooterRight {
	position:relative; top:0; left:200px; width:510px;
	text-align:left;
	margin:0 0 0 0; padding: 0 0 0 0;
	font-family:Arial, Helvetica, sans-serif; font-size:8pt;
}

/* the photo credits are placed below the page frame border */
div.PhotoCredits {
	position:relative; width:100%;
	font-size:12px;
	text-align:left;
	/* top:40px; left:-20px; */
	top: 2px; left:0;
}

div.PhotoCredits a {
	font-size:12px;
}

.AttentionBox {
	width: 80%; text-align:center;
	margin-left:auto; margin-right:auto;
	margin-top:1em; margin-bottom:1em;
	padding:.5em 1em .5em 1em;
	border:1px solid #666666;
	border-right-width:2px;
	border-bottom-width:2px;
	background-color: #005d83;
	color:white;
	font-size:16px;
}

.DiagBox {
	width: 100%; text-align:left;
	height:1px; overflow:visible;
	position:relative; top:250px;
	margin: 1em auto 3em auto;
	padding:.5em 1em .5em 1em;
	color:black;
	font-size:12px;
}

.MessageBox {
	width: 80%; text-align:center;
	margin-left:auto; margin-right:auto;
	margin-top:1em; margin-bottom:1em;
	padding:.5em 1em .5em 1em;
	border:1px solid #666666;
	border-right-width:2px;
	border-bottom-width:2px;
	background-color: #ffcc00;
	color:black;
	font-size:16px;
}

div.FinePrintBox {
			clear:both; width: 90%;
			margin-left:auto; margin-right:auto; margin-top:12px;
			font-family:Arial, Helvetica, sans-serif; font-size:12px;
            border:1px solid gray; padding: 6px 6px 6px 6px;
}

/* Other DIVS */
#SearchForms { /* used for Sales & Rentals search forms */
				width:100%;
				margin-left:auto; margin-right:auto;
				font-family:arial;
				font-size:12px;
				border-bottom:2px solid #cccccc;"
}

/* PARAGRAPH AND HEADING STYLES */
p {
	padding:0 0 0 0;
	margin:.5em 0 0 0;
}

p.notopmargin {
	margin-top:0;
}

p.centered {
	text-align:center;
}

h1, h2, h3, h4, h5, h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666666;
	margin:.5em 0 0 0;
}
h1 { font-size:16px;}
h2 { font-size:16px;}
h3 { font-size:14px;}

ul { margin:1em 1em 1em 1em;}
ul li { list-style-type:square; list-style-position:inside; }