/* CSS Document */

html {width:100%; height:100%; padding:0; margin:0;}
body {width:100%; height:100%; padding:0; margin:0;background-color:#036;} 

#global
{border:1px solid #fff;width:768px;}

#relative_top1
{
	position:relative;
	background-color:#036;
	width:768px;
	border:0px;
	margin:0;
	padding:0;
}

#relative_top2
{
	position:relative;
	background-color:#ccc;
	width:768px;
	border:0;
	margin:0;
	padding:0;
}

#relative_top3
{
	position:relative;
	background-color:#ccc;
	height:60px;
	width:768px;
	border:0px;
	margin:0;
	padding:0;
}

#relative_content
{
	position:relative;
	width:768px;
	/*height:auto;*/
	border-top:1px solid #036;
	background:url('images/content_bg.gif') repeat-y;
	margin:0;
	padding:0;
}

#footer
{
	position:relative;
	width:768px;
	height:80px;
	background-color:#036;
	border:0px;
	margin:0;
	padding:0;
}


/********************************************************************/
/************************* relative_top1 ****************************/
/**************************** content *******************************/
/********************************************************************/


#topbanner_left
{
	position:relative;
	width:202px;
	height:20px;
	background:#ccc;
	border:0;
}

#topbanner_center
{
	position:absolute;
	left:0px;
	left:203px;
	width:11px;
	height:20px;
	background:#036;
	border:0;
}

#topbanner_right
{
	position:absolute;
	top:0px;
	left:215px;
	width:553px;
	height:20px;
	background:#ccc;
	border:0;
}

#topbanner_right ul
{
	width: auto;
	position: absolute;
	bottom: -3px;
	right: 0;
	margin: 0;
	padding: 5px 15px 5px 0;
	list-style: none;
	z-index: 90; /* below the H1 */
}

#topbanner_right li
{
	float: right;
	padding: 5px 6px 0 0;
	margin: 0 1px 0 0;
	border-bottom:0px;
}

#topbanner_right a:link, #rightcontent a:link
{
	color: #036;
	font-weight: normal;
	text-decoration: underline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

#topbanner_right a:visited, #rightcontent a:visited
{
	color: #369;
	font-weight: bold;
	text-decoration: underline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

#topbanner_right a:hover, #rightcontent a:hover
{
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}


/********************************************************************/
/************************* relative_top2 ****************************/
/**************************** content *******************************/
/********************************************************************/

#banner_logo
{
	position:relative;
	left:0;
	top:0;
	width:202px;
	height:131px;
	background:url('images/logo_full_small.gif') no-repeat #036;
	border:0;
}


#banner_name
{
	position:absolute;
	top:0;
	left:215px;
	width:220px;
	height:130px;
	background:#036;
	border:0;
}

#banner_name h1
{
	text-align:center;
	font-family:Georgia;
	color:#eee;
	font-size:22px;
	font-weight:normal;
	padding-top:10px;
}

#banner_name p
{
	text-align:center;
	padding-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#eee;
	font-size:11px;
}

#banner_flash
{
	position:absolute;
	top:0;
	left:433px;
	width:335px;
	height:130px;
	background:url(images/banner10.jpg) no-repeat #036;
	border:0;
	z-index:20;
}

/********************************************************************/
/************************* relative_top3 ****************************/
/**************************** content *******************************/
/********************************************************************/

#bottombanner
{
	position:relative;
	width:768px;
	height:60px;
	background:url(images/wave.jpg) no-repeat #ccc;
	border-bottom:0;
	padding:0;
}

#bottombanner ul
{
	width: auto;
	position: absolute;
	bottom: 30px;
	right:0;
	margin:0;
	padding:5 5px 5px 0;
	list-style: none
}

#bottombanner li
{
	float: left;
	padding: 5px 6px 0 0;
	margin: 0 1px 0 0;
	border-bottom: 0px;
}

#bottombanner a
{display: block;}

#bottombanner a:link, #rightcontent a:link
{
	color: #fff;
	font-weight: normal;
	text-decoration: underline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

#bottombanner a:visited, #rightcontent a:visited
{
	color: #ccc;
	font-weight: bold;
	text-decoration: underline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

#bottombanner a:hover, #rightcontent a:hover
{
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}


/********************************************************************/
/************************ relative_content **************************/
/**************************** content *******************************/
/********************************************************************/


#leftcontent
{
	position:absolute;
	top:0;
	left:0;
	border:0;
	width:202px;
	background:transparent;
}

#extraLeftDiv
{
	position:relative;
	top:0px;
	left:5px;
	width:189px;
	height:98px;
	background:#036;
	border:1px solid #fff;
	padding:0;
	margin:0;
	text-align:center;
}

#extraLeftDiv h1	
{
	font-family:Georgia;
	color:#036;
	font-size:14px;
	font-weight:bold;
	background-color:#ff6;
	margin:0px;
	padding:2px;
}

#extraLeftDiv p	
{
	font-family:Arial;
	color:#eee;
	font-size:11px;
	font-weight:normal;
	padding-left:4px;
}

#rightcontent
{
	position:relative;
	left:218px;
	width:550px;
	background-color:#036;
	border:0px;
	padding-bottom:40px;
}

#rightcontent h1
{
	font-family:Georgia;
	color:#036;
	font-size:20px;
	border:1px solid #69c;
	font-weight:bold;
	background-color:#ccc;
	padding-left:5px;
	margin:10px;
	margin-bottom:20px;
}

#rightcontent p
{
	font-family:Arial;
	color:#eee;
	font-size:13px;
	font-weight:normal;
	padding-left:10px;
}

/********************************************************************/
/****************************  footer  ******************************/
/**************************** content *******************************/
/********************************************************************/


#bottomwave
{
	position:absolute;
	width:768px;
	height:60px;
	background:url(images/wave.jpg) no-repeat #ccc;
	border-bottom:0px solid #fff;
	border-top:0px solid #fff;
	border-left:0px solid #fff;
	border-right:1px solid #fff;
	z-index:10;
}


#footer_left
{
	position:absolute;
	top:60px;
	left:0px;
	width:202px;
	height:20px;
	background:#ccc;
	border:0px;
}

#footer_center
{
	position:absolute;
	top:60px;
	left:203px;
	width:11px;
	height:20px;
	background:#036;
	border:Opx;
}

#footer_right
{
	position:absolute;
	top:60px;
	left:215px;
	width:548px;
	height:17px;
	background:#ccc;
	border:0px;
	padding-top:3px;
	padding-right:5px;
	text-align:right;
	
	font-family:Arial;
	color:#036;
	font-size:11px;
	font-weight:bold;
}


#footer ul
{
	width: auto;
	position: absolute;
	bottom: -3px;
	right: 0;
	margin: 0;
	padding: 5px 15px 5px 0;
	list-style: none;
	z-index: 90; /* below the H1 */
}

#footer li
{
	float: right;
	padding: 5px 6px 0 0;
	margin: 0 1px 0 0;
	border-bottom: 0px;
}

#footer a:link
{
	color: #036;
	font-weight: normal;
	text-decoration: underline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

#footer a:visited
{
	color: #999;
	font-weight: bold;
	text-decoration: underline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

#footer a:hover
{
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}


/********************************************************************/
/****************************   forms  ******************************/
/****************************  styles *******************************/
/********************************************************************/


form, label 
{
 	font-family:Arial;
	color:#fff;
	font-size:12px;
	margin-left:30px;
}

fieldset, caption
{
	width:250px;
	padding:5px 10px;
 	font-family:Arial;
	color:#ff6;
	font-weight:900;
	font-size:14px;
}

label
{
	position : relative;
	width : 100px;
	display : block;
	margin : 0;
 	font-family:Arial;
	color:#fff;
	font-size:12px;
}

label input
{ 
	position:absolute;
	left:100%;
	top:0px;
	width:150px;
}

input.submit
{
	margin-left:190px;
	color:#000;
}


/********************************************************************/
/****************************  tables ******************************/
/****************************  styles *******************************/
/********************************************************************/

table
{
	border-collapse:collapse;
	border:1px solid #ff6;
	margin-left:30px;
	margin-bottom:20px;
	width:325px;
}

table caption
{
	margin-left:30px;
}

th
{
	border:1px dotted #ccc;
	background-color:#036;
	color:#ccc;
	font-size:14px;
}

td{text-align:center;}


/********************************************************************/
/****************************  Legend ******************************/
/****************************  styles *******************************/
/********************************************************************/

.Lgdlabel
{
	position : relative;
	width : 300px;
	display : block;
	margin : 0;
 	font-family:Arial;
	color:#fff;
	font-size:12px;
}

.Lgdfieldset
{width:300px;margin-left:30px;}


/********************************************************************/
/****************************  AddForm ******************************/
/****************************  styles *******************************/
/********************************************************************/
#AdminForm
{
	width:540px;
	border:0px solid #f00;
	overflow:auto;
	margin-left:10px;
	margin-bottom:30px;
	padding:0;
	background:transparent;
}

#AdminForm form { margin : 0; padding : 0; }

#AdminForm fieldset { 
text-align:center;
float: left;
width : 230px; 
border : 1px solid #ff6; 
margin:5px;
padding:5px;
}

#AdminForm label {
width : 75px; 
}

#AdminForm input, select {
border:1px solid #fff; 
background-color:#69c;
width:130px;
}

#AdminForm table
{
	position:relative;
	left:-15px;
	width:200px;
	border-collapse:collapse;
	border:0px solid #fff;
}

#AdminForm td
{
	text-align:left;
	border:0px solid #fff;
}

#AdminForm .bigfieldset
{
	text-align:center; 
	width : 505px; 
	border : 1px solid #ff6; 
	margin:5px;
	padding:5px;
}

#AdminForm table.bigfieldtable
{
	position:relative;
	left:0px;
	width:475px;
	border-collapse:collapse;
	border:0px solid #fff;
}

#AdminForm table.bigfieldtable label
{width : 120px;}
#AdminForm table.bigfieldtable input
{width : 15px;border:0px;background-color:#036;}


#AdminForm table.delproptable
{
	position:relative;
	left:-10px;
	width:475px;
	border-collapse:collapse;
	border:0px solid #fff;
}

#AdminForm table.delproptable th
{color : #fff;}

#AdminForm table.delproptable td
{text-align:center;;}

#AdminForm textarea
{width:350px; border:1px solid #fff;background-color:#69c;}

#AdminForm fieldset.imgfieldset
{
	text-align:left;
	float : left; 
	width : 242px; 
	border : 1px solid #ff6; 
	margin:5px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:3px;
}

#AdminForm fieldset.imgfieldset input
{
	border:1px solid #fff; 
	background-color:#69c;
	width:213px;
	padding-bottom:3px;
}

/********************************************************************/
/****************************  DisplayProp **************************/
/****************************  styles *******************************/
/********************************************************************/
#DisplayProp
{
	width:510px;
	border:1px dotted #fff;
	overflow:auto;
	margin-left:10px;
	margin-bottom:30px;
	padding:0;
	background:transparent;
	padding:3px;
}

#DisplayProp img
{float:left;margin-right:3px;}

#DisplayProp .address
{
 	font-family:Arial;
	color:#ff0;
	font-size:14px;
	font-weight:bold;
}

#DisplayProp .details
{
 	font-family:Arial;
	color:#fff;
	font-size:12px;
	font-weight:bold;
}

#DisplayProp .price
{
 	font-family:Arial;
	color:#0f0;
	font-size:14px;
	font-weight:bold;
}

#DisplayProp .description
{
 	font-family:Arial;
	color:#fff;
	font-size:12px;
	font-weight:normal;
}

#DisplayProp a.biglink:link
{
	font-family:Arial;
	color:#fc0;
	font-size:14px;
	font-weight:bold;
}

#DisplayProp a.biglink:visited
{
	font-family:Arial;
	color:#fc0;
	font-size:14px;
	font-weight:bold;
}

#DisplayProp a.biglink:hover
{
	font-family:Arial;
	color:#036;
	font-size:14px;
	font-weight:bold;
	background-color:#fc0;
}

/********************************************************************/
/***************************** contact ******************************/
/**************************** styles ********************************/
/********************************************************************/

.noborderTable
{border:0px;}

.noborderTable textarea
{
	width:300px;
	border:1px solid #fff; 
	background-color:#69c;
	margin-bottom:5px;
}

.noborderTable input
{
	border:1px solid #fff; 
	background-color:#69c;
	width:150px;
	padding-bottom:3px;
}

.contactFieldset
{
	text-align:center;
	margin-left:30px;
	border:1px solid #fc0;
}

/********************************************************************/
/***************************** see users ****************************/
/**************************** styles ********************************/
/********************************************************************/


#AdminForm table.tableseeusers
{
	border-collapse:collapse;
	border:1px solid #ff0;
	width:auto;
	
	/* text style*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ccc;
	
}

#AdminForm table.tableseeusers th
{
	border:1px dotted #ff0;
}

#AdminForm table.tableseeusers th
{
	border:1px dotted #ff0;
}

#AdminForm td.lightgrey
{
	border-top:1px dotted #ccc;
	background-color:eee;
}