body, html {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px;
padding:0px; margin:0px; height:100%; background-repeat:no-repeat; background-attachment:fixed; }

#flashphoto { height: 100%; }

	.overlay {
	position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
	width: 100%;
	background: #FFFFFF;
	opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
!important 
	}
	
	
	.container {
		position: relative;
		float: left;
	}

	.content {
		position: relative; /* Fixes the z-index */
		float: left;
	}
	
	#container .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); }

h1 { font-family: "Century Gothic", Verdana; font-size: 20px; color: #333333; text-decoration: none; font-weight: normal; margin: 0; padding: 0; }

.forms {  color: #333333; text-decoration: none ; border: 1px solid #666666; background-color: #FFFFFF; width: 120px }
.forms1 {  font-size: 12px; color: #333333; text-decoration: none ; border: 0 none; background-color: #FFFFFF; }
.button {  color: #FFFFFF; text-decoration: none ; background-color: #333333; padding: 2px; border: none; }
.link {  color: #FFFFFF; text-decoration: none ; background-color: #333333; padding: 2px; }
a.link:hover { background-color: #666666;  }
.linkf {  font-size: 11px; color: #4b4b4b; text-decoration: none; }
.text {  color: #000000; text-decoration: none; }
.text1 {  font-size: 11px; color: #959595; text-decoration: none; }
.text2 {  color: #c1c1c1; text-decoration: none; }
.textp {  color: #FFFFFF; text-decoration: none; }
.small {  font-size: 11px; color: #333333; text-decoration: none; }
.links{  color: #4787b8; text-decoration: underline; }
.links2 {  font-size: 11px; color: #000000; text-decoration: none; }
.titles { font-family: Verdana, sans-serif; font-size: 17px; color: #333333; text-decoration: none; }

.navigation { font-size: 12px; color: #323232; padding:3px; text-decoration: none; display:block; text-transform:uppercase }
.navactive { font-size: 12px; color: #323232; padding:3px; text-decoration: none; display:block; text-transform:uppercase; background-image:url(images/b.png); background-repeat:no-repeat; text-indent: 8px  }
.navigation2 { font-size: 12px; color: #6a6b6c; padding:3px; text-decoration: none; display:block; text-transform:uppercase  }


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

img.plinks { border: 2px #FFFFFF solid; }
.plinks img{ border: 2px #FFFFFF solid; }
a.plinks:hover img{ border: 2px #7bbef1 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;
}


.toggle_container
{ display: none; margin: 0px; position: relative; }

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


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