DIV#frmBdy {
	padding:4px; BACKGROUND: url('images/formBG.gif') repeat-y 0px 0px; MARGIN-LEFT: -1px; BORDER-LEFT: 1px solid #ece2c1; WIDTH: 529px; 
}
DIV#frmHdr {
	BACKGROUND: url('images/formHeader.gif') no-repeat 0px 0px; HEIGHT: 22px; TEXT-ALIGN: right
}


h1 {
margin-left: 0;
margin-right: 0;
font-size: 110%;
color: #666;
border-bottom: 1px #666 solid;
letter-spacing: 2px;
font-weight: bold;
text-align: center;
padding: 5px;
}

h2 {
margin-left: 0;
margin-right: 0;
font-size: 110%;
color: #666;
border-bottom: 1px #666 solid;
letter-spacing: 2px;
font-weight: bold;
text-align: center;
padding: 5px;
}


h3, p {
 margin:0;
 padding:5px;
 font-size: 100%;
 color: #666;
 border-bottom: 1px #666 solid;
 letter-spacing: 2px;
 font-weight: bold;
 text-align: left;
 margin-bottom: 10px; 
 }

h4 {
 margin:0; 
 padding: 5px 0;
 font-size: 90%;
 font-weight: normal;
 }
 

body {
 margin: 0px;
 background: #ffffff url('images/bak.jpg') fixed center top;
 color: #333333;
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 11px; 
 text-align: center;
 padding: 0px;
 border: 1px solid #ccc;
 } 
 
#time_date{
text-align:left;
color:#333333;
font-weight:bold;
font-size:80%;
width:200px;
float:left;
padding-left:15px;
padding-top: 10px;
}

#supernav{
padding-top: 5px;
width: 550px;
float: right;
text-align: right;
padding-right: 10px;
border-style: none;
}

#login {
float: left;
color: #666;
}

#footer_navigation{
position: relative;
font-size: 80%;
color: #336699;
font-weight: normal;
margin-top: 55px;
margin-left: 20px;
text-decoration: none;
}

#copyright{
font-size: 80%;
color: #666;
font-weight: normal;
margin-top: 25px;
}

#page_wrapper {
 text-align: left;
 border: 0px solid #000000;
 width: 780px;
 margin: auto;
 color: #333333;
 }

#header {
 height:180px;
 background: #ccc url('images/header-op.jpg') no-repeat;
 color: #333333
 }

#subheader {
 height:32px;
 line-height:32px;
 padding-right: 12px;
 background:#579155;
 color: #ffffff;
 border: 0px solid #000000;	
 border-width: 0px 0px 0px 0px;
 text-align: right;
 font-size: 90%;
 font-weight: bold;
 }

#main_body {
 position: relative;
 background: transparent;
 color: #333333;
 width: 780px;
 padding: 0px;

}

#left_column {
 float: left;
 background: transparent;
 color: #000;
 width: 170px;
 padding-left: 0px; 
 }

#content {
 width:575px;
 background: transparent;
 color: #333333;
 border-width: 0px 0px 0px 0px; /* Order goes like this, Top, Right, Bottom, Left */
 text-align: left;
 padding: 0px 3px 0px 3px; /* Remember in IE when you add padding you add to the page width.*/
 margin-left: 0px;
 }

#footer {
 height: 87px;
 color: #333333;
 border: 0px solid black;
 margin: 0;
 background: #ccc url('images/footer.jpg') no-repeat;
 }

#menu{
margin-top: 0px;
/* the negative value is to pull the navigation buttons up over the "subheader" so it rests under the header*/
}

.box {
color: #666;
border-left:1px groove; 
border-right:1px groove; 
border-top:1px groove; 
text-align: left;
padding-left: 10px;
padding-right: 10px;
width: 220px;
height: 200px;
border-bottom: 1px solid #666;
background-color: #fff;
background-image: url('images/gradient.jpg');
background-repeat:repeat-x;
font-size: 100%;
margin-bottom: 10px;
margin-left: 10px;
margin-top: 10px;
float: left;
}

.feature-box {
border: 1px groove;
padding-left: 20px;
padding-right: 20px;
width: 220px;
height: auto-fit;
border-bottom: 1px solid #666;
background-color: #ccccff;
background-repeat:repeat-x;
font-size: 100%;
margin-bottom: 10px;
margin-left: 10px;
margin-top: 10px;
float: left
}

.content-box {
border: 1px groove;
padding: 10px;
height: auto-fit;
border-bottom: 1px solid #666;
background-color: #ccccff;
font-size: 100%;
margin : 10px;
}

.box-white {
border: 1px groove;
padding: 10px;
margin: 20px;
background-color: #ffffff;
font-size: 100%;
text-align: left;
}





/*VVVVVVVVV[OPEN-REALTY CODE BEGINS HERE]VVVVVVVVVVV*/
/* =-=-=-=-[INTERNAL OPEN-REALTY CODE]-=-=-=-= */
/* =-=-=-=-[   CHANGE WITH CAUTION   ]-=-=-=-= */
.field_caption{
	font-weight:bold;
}
.view_image {
	text-align:center;
}
.image_caption {
	font-size:110%;
	font-weight:bold;
}
.view_user {
 padding-left:5px;
}
.view_user_user_name {
	font-size:110%;
	font-weight:bold;
}
.view_user_user_images {
	float:left;
}
.view_user_user_info {
	float:left;
	padding-left:10px;
}
.view_user_user_hitcount {
	clear:both;
}
.view_user_user_box {
}
/* =-=-=-=-[COMMON MARKUP STYLES]-=-=-=-= */
/* =-=-=-=-[REMEMBER, LAST INSTANCE HAS PRESIDENCE]-=-=-=-= */
td {
	
	color: #000;
}
input, select, form {
	
	font-size:90%;
}
img {
	border: 1px solid #999;
	padding: 2px;
} 
/* =-=-=-=-[SEARCH PAGE RESULTS MARKUP]-=-=-=-= */
.search_results
{
	width:100%;
}
.result_row_0	{ background-color: #D6D3EE; }
.result_row_1	{ background-color: #FFFFFF; }
.view_users { width:100%; }
.small {
	font-size:10px;
}
/* =-=-=-=-[CLEAR IS USED TO CLEAR]-=-=-=-= */
.clear{
	clear:both;
	line-height: 1px;
	font-size: 1px;
}
/* =-=-=-=-[TABLES CREATED WITH PAGE GENERATER IN PAGE EDITOR]-=-=-=-= */
table.page_display
{
	border: 3px;
}
td.page_display
{
	width: 100%;
	vertical-align: top;
}
/* =-=-=-=-[TABLES BEING DISPLAYED IN YOUR ADMINISTRATIVE AREA]-=-=-=-= */
table.admin_main
{
	border: 3px;
	width: 100%;
}
td.admin_main
{
	width: 100%;
	vertical-align: top;
}
/* =-=-=-=-[ROW-COLORS IN ADMINISTRATIVE AREA]-=-=-=-= */
td.row1_0	{ background-color: #009900; }
td.row2_0	{ background-color: #CCFFCC; }
td.row3_0	{ background-color: #99CC99; }
.adminListingLeft_0 {
	color: #FFFFFF;
	background-color : transparent;
}
/* =-=-=-=-[USED BY LISTING BROWSE FEATURE FOR THE "next_prev()" DISPLAY]-=-=-=-= */
.browse_tool_table {
	background-color: #ccc;
	width: 95%;    
	font-size: 100%; 
	text-decoration: none; 
	color: #666; 
	border: 1px solid #666;
	margin: 10px;
	padding: 5px;
	
}
.browse_tool {
	background-color: #ccc;
	font-size: 90%; 
	text-decoration: none; 
	color: black; 
}			
.browse_tool_num {
	color: #666;
}
.browse_tool_button A {		
	background-color: #ccc;
	font-size: 80%;
	line-height: 10px; 
	text-align: center;
	BORDER-COLOR: #000000;
   	BORDER-STYLE: outset;
 	BORDER-WIDTH: 1px; 
	font-weight: bold; 
	text-decoration: none; 
	color: #666; 
	width: 82px;
	height: 18px;
	display: block;
}
.browse_tool_button A:visited {		
	color: #666;
}
.browse_tool_button A:hover {		
	color: #ccccff;
	BORDER-STYLE: inset;
	width: 82px; 
	height: 18px;
}
.browse_tool_ghost {
	font-size: 80%; 
	line-height: 10px; 
	color: #666; 
	text-decoration: none; 
}
.browse_tool_curpage {
	BACKGROUND-COLOR: #ccc;
	color: #666;
	width: 24px;
	height: 14px;
	display: block;
	text-align: center;
}
.bt_pages {
	BACKGROUND-COLOR: #D1DEE9;
	text-decoration:none;
	font-size: 10px;
	vertical-align: middle;
	color:	#000000;
}
bt_pages_ghost{
	color:	#aaaaaa;
	text-decoration:none;
}
A.bt_pages{
	color:	#000000;
	width: 24px;
	height: 20px;
	display: block;
	text-align: center;
}
A.bt_pages:visited{
	color: #000000;
}
A.bt_pages:hover{
	color:#FFFFFF;
	background: #132975; 
}
/* =-=-=-=-[MEDIA PRINT MAY BE REMOVED IF YOU KEEP SEPERATE MEDIA TYPE STYLE SHEETS]-=-=-=-= */
 /*printer styles*/ 
@media print{ 
	/*hide the left column when printing*/
	#leftcol{display:none;} 
}