body, html {
font-family: Verdana, Geneva, 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.4;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
    filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
!important 
	}
	
		.overlay2 {
	position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
	width: 100%;
	background: #33c2df;
	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;
	}

	.container2 {
		position: relative;
	}

	.content {
		position: relative; /* Fixes the z-index */
	}
	
	#container .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 #container2 .overlay { height: expression(document.getElementById("container2").offsetHeight); }


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

.forms { font-size: 10px; color: #555555; text-decoration: none ; border: 0 none; background-color: #FFFFFF; width: 70px }
.forms1 {  font-size: 10px; color: #555555; text-decoration: none; border: 1px solid #60cae3; background-color: #FFFFFF; }
.button { font-size: 10px; color: #FFFFFF; text-decoration: none ; background-color: #f9ad63; padding: 2px; border 0 none; }
.link { font-size:10px; color: #FFFFFF; text-decoration: none; background-color: #f9ad63; padding: 2px; }
a.link:hover { color: #33c2df; background-color: #FFFFFF;  }
.linkf {  font-size: 11px; color: #555555; text-decoration: none; }
.text {  color: #FFFFFF; text-decoration: none; }
.text1 {  font-size: 11px; color: #34c3e0; text-decoration: none; }
.text2 {  color: #555555; text-decoration: none; }
.textp {  color: #FFFFFF; text-decoration: none; }
.small {  font-size: 10px; color: #555555; text-decoration: none; }
.links {  color: #FFFFFF; text-decoration: underline; }
a.links:hover { text-decoration:none }
.links2 { font-family: "Century Gothic", Verdana; font-size: 17px; color: #555555; text-decoration: none; }
.titles { font-family: "Century Gothic", Verdana; font-size: 17px; color: #FFFFFF; text-decoration: none; }

.navigation { font-family: "Century Gothic", Verdana; font-size: 15px; color: #555555; border-bottom: 3px solid transparent; margin-left: 5px; margin-right:5px; text-decoration: none; display:inline-block;  }
a.navigation:hover {border-bottom: 3px solid #75e0f6; }
.navactive { font-family: "Century Gothic", Verdana; font-size: 15px; color: #555555; border-bottom: 3px solid #75e0f6; margin-left: 5px; margin-right:5px; text-decoration: none; display:inline-block;  }



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

img.plinks { border: 3px #75e0f6 solid; }
.plinks img{ border: 3px #75e0f6 solid; }
a.plinks:hover img{ border: 3px #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;
}

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

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