body, html {
font-family: "Century Gothic", Verdana; font-size: 11px;
padding:0; margin:0; width:100%; height:100%; background-repeat:no-repeat; background-attachment:fixed; }

#flashphoto { height: 100%; }

	.overlay {
	position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
	width: 100%;
	background: #222222;
	opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
!important 
	}
	
		.overlay1 {
	position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
	width: 100%;
	background: #3B3B3B;
	opacity: 0.6;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
!important 
	}
	
			.overlay2 {
	position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
	width: 100%;
	background: #FFFFFF;
	opacity: 0.6;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
!important 
	}

	.container {
		position: relative;
	}
	
	.container1 {
		position: relative;
	}
	
	.container2 {
		position: relative;
	}


	.content {
		position: relative; /* Fixes the z-index */
	}
	
	#container .content {
		width: 100%;
	}
	#container1 .content {
		width: 100%;
	}

	#container2 .content {
		width: 100%;
	}

	
	/* Let's compensate for IE6's inability to interpret top: 0; and bottom: 0; */
	* html #container .overlay { height: expression(document.getElementById("container").offsetHeight); }
	* html #container1 .overlay { height: expression(document.getElementById("container1").offsetHeight); }
	* html #container2 .overlay { height: expression(document.getElementById("container2").offsetHeight); }


h1 { font-family: "Century Gothic", Verdana; font-size: 50px; color: #9f905f; text-decoration: none; font-weight: normal; margin: 0; padding: 0; text-transform:lowercase }

.forms {  font-size: 11px; color: #333333; text-decoration: none ; border: 1px solid #666666; background-color: #FFFFFF; width: 120px }
.forms1 {  font-size: 10px; color: #333333; text-decoration: none ; border: none; background-color: #FFFFFF; background-image:url(images/calendar.png); background-repeat:no-repeat; background-position:right; padding:3px }
.button { font-size: 11px; color: #FFFFFF; text-decoration: none ; background-color: #7c6f2f; padding: 2px; border: 1px solid #ada178; }
.link {  font-size: 11px; color: #FFFFFF; text-decoration: none ; background-color: #7c6f2f; padding: 2px; border: 1px solid #ada178;  }
a.link:hover { background-color: #000000;  }
.linkf {  font-size: 10px; color: #bcbab8; text-decoration: none; }
.text {  color: #FFFFFF; text-decoration: none; }
.text1 { color: #FFFFFF; text-decoration: none; }
.text2 {  color: #61abe0; text-decoration: none; }
.textp {  color: #FFFFFF; text-decoration: none; }
.small {  font-size: 10px; color: #bcbab8;}
.links{  color: #61abe0; text-decoration: underline; }
a.links:hover { color: #FFFFFF;  }
.titles { font-family: Verdana, sans-serif; color: #9f905f; font-size: 13px; font-weight:bold; text-decoration: none; }
a.links:hover { color: #FFFFFF;  }

.navigation {  color: #000000; padding-left:2px; padding-right:2px; margin-left:2px; margin-right:2px; text-decoration: none;  }
a.navigation:hover { color: #000000; text-decoration:underline  }
.navactive {  color: #000000; padding-left:2px; padding-right:2px; margin-left:2px; margin-right:2px; text-decoration:underline;  }

img { border: none; margin: 0; vertical-align: middle; }

img.plinks { border: 1px #9f905f solid; }
.plinks img{ border: 1px #9f905f solid; }
a.plinks:hover img{ border: 1px #FFFFFF solid; }


** style for jquery ui datepicker **/
#ui-datepicker-div{
    font-size:11pt;
	z-index: 1000 !important;
}
#ui-datepicker-div span.ui-datepicker-month{
    color:#fff;
}
#ui-datepicker-div span.ui-datepicker-year{
    color:#eee;
}


#mask {
  position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none; }
  
#boxes .window {
  position:absolute; left:0; top:0; width:800px; height:600px; display:none; z-index:9999; padding:20px; }

#boxes #dialog {
  width:auto; height:auto; }
  
.toggle-container
{ display: none; margin: 0px; position: relative; }

.trigger {
 margin-right: 10px; padding: 0; cursor:pointer; }