/* CSS Document 

@ Created by Jared's Designs USA

This version is FREEWARE and is released as such.

No warranty is implied or extended.

Customization headers and images start at $49.95

jared@jaredsdesigns.com

*/



/*VVVVVVVVV[Special Text Functions]VVVVVVVVVVV*/

/*

h3, p {

 margin:0;

 padding:15px;

 }



h4 {

 margin:0; 

 padding: 5px 0;

 }

 

p:first-letter {

 font-size: 80%; 

 font-weight: bold;

 color:blue;

 }

*/ 

/*VVVVVVVVV[GENERAL LAYOUT STYLES HERE]VVVVVVVVVVV*/



/* Body bak.jpg is green and grey colored surround - Fix this and replace in images folder of template - Joe */

body {

 margin:20px;

 background:url(images/bak.jpg) #336699 fixed center top;

 color: #333333;

 text-align:center;

 padding:0;

 }

 

 /* Not Used - Joe */

#time_date{

text-align:left;

font:Verdana, Arial, Helvetica, sans-serif;

color:#333333;

font-weight:bold;

font-size:10px;

width:250px;

float:left;

padding-left:15px;

}



/* Not Used ? - joe */

#supernav{

width:100px;

float: right;

text-align:right;

padding-right: 10px;

}



#footer_navigation{

position:relative;

font-size:14px;

color:#336699;

font-weight:bold;

margin-top: 55px;

}



#copyright{

font-size:10px;

color:#336699;

font-weight:bold;

margin-top: 25px;

}



#page_wrapper {

 text-align:left;

 border:0px solid #FFFFFF;

 width:760px; /* changed from 780 by Joe */

 margin:auto;

 }



#header {

 height:102px; /* changed from 218x by Joet*/

 background: url(images/header.jpg) #ccc no-repeat;

 color: #333333;

 }



#subheader {

 width:743px; /* added to fit bar under our header - used to pull from body/page wrapper - Joe */

 height:32px;

 line-height:32px;
 
 padding-right: 12px;

 background: #191970; /* Changed from #579155 by Joe*/

 color: #ffffff;

 border:solid #ffffff;	

 border-width:0px 0px 0px 3px;

 text-align:right;

 font-size:10px;

 font-weight:bold;

 }



#main_body {

 position:relative;

 background: transparent;

 color: #333333;

 width:760px; /* changed from 780 by Joe */

 padding:0;

 }



#left_column {

 float:left;

 background:transparent;

 color: #000;

 width:175px; /* Changed from 195 by Joe */

 padding-left: 0px; /*Changing this will push the navigation buttons in or out of the page*/

 }



#content {

 width:575px;

 background: transparent;

 color: * #336699;

 border:solid #000000;	/*Color thy border here*/

 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.*/

 }



#footer {

 height:60px;

 background:#336699;

 color: #333333;

 border:solid black;

 border-width:0px 0 0 0;

 margin:0;

 background: url(images/logobar.jpg) #ccc no-repeat; align:right;

 }

/*VVVVVVVVV[NAVIGATION BUTTONS FOR LEFT COLUMN]VVVVVVVVVVV*/

#menu{

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

}



.buttons

{

position: relative;

font-family: arial, helvetica, sans-serif;

background: url(images/down_state.jpg) no-repeat;

white-space: nowrap;

display: block;

width: 170px; /*changed from 190 by Joe */

height: 33px; /* changed from 30 by Suz */

margin: 0;

padding: 0;

}



.buttons a

{

display: block;

color: white;

font-size: 11px;

width: 170px; /*changed from 190 by Joe */

height: 33px; /* changed from 30 by Suz */

display: block;

float: left;

color: black;

text-decoration: none;

}



.buttons img

{

color: white;

width: 170px; /*changed from 190 by Joe */

height: 33px; /* changed from 30 by Suz */

border: 0

}



* html a:hover

{

visibility:visible

}



.buttons a:hover img

{

visibility:hidden

}



.buttons span

{

position: absolute;

left: 35px;

top: 8px;

margin: 0px;

padding: 0px;

cursor: pointer;

color: white;

}



/*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:16px;

	font-weight:bold;

}

.view_user {

 padding-left:5px;

}

.view_user_user_name {

	font-size:14px;

	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 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

}

input, select, form {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

}

img {

	border: 0px none;

} 

/* =-=-=-=-[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: silver;

	width:100%;    

	font-size: 11px; 

	text-decoration: none; 

	color: black; 

}

.browse_tool {

	background-color: silver;

	font-size: 11px; 

	text-decoration: none; 

	color: black; 

}			

.browse_tool_num {

	color: #336699;

}

.browse_tool_button A {		

	background-color: silver;

	font-size: 10px;

	line-height: 10px; 

	text-align: center;

	BORDER-COLOR: #000000;

   	BORDER-STYLE: outset;

 	BORDER-WIDTH: 1px; 

	font-weight: bold; 

	text-decoration: none; 

	color: #000000; 

	width: 82px;

	height: 18px;

	display: block;

}

.browse_tool_button A:visited {		

	color: #000000;

}

.browse_tool_button A:hover {		

	color: #FFFFFF;

	BORDER-STYLE: inset;

	width: 82px; 

	height: 18px;

}

.browse_tool_ghost {

	font-size: 10px; 

	line-height: 10px; 

	color: #aaaaaa; 

	text-decoration: none; 

}

.browse_tool_curpage {

	BACKGROUND-COLOR: #132975;

	color: #FFFFFF;

	width: 24px;

	height: 20px;

	display: block;

	text-align: center;

}

.bt_pages {

	font-family: verdana, arial, Helvetica, sans-serif; 

	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;} 

}