/* ------------------------------------------- */
.photo1{
	position:relative;
	width: 100%; /* ems so it will grow */
    height: 145px;
	font-size: 100%;
	
}

.photo1. p a{ 

}

.banner{
	position:relative;
	width: 100%; /* ems so it will grow */
    height: 375px;
	font-size: 100%;
	top:1em;
}

																		/*HOME DIALOG*/

.dialog {
	position:relative;
	margin:0em ;
	min-width:8em;
	 /* based on image dimensions - not quite consistent with drip styles yet */
	color:#00fff;
	z-index:1;
	margin-bottom:0.5em; /* spacing under dialog */
	left: 0px;
	top: 20px;
	width:100%;
	height:130px;
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(Images/scure-back.png) no-repeat top right;

}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;

 width:100%;
 height:130px;
}

.dialog h1 {
padding:0.7em 0.1em 0em 1em;
margin:0.4em;
 font-size:10px;
 color:#FF0000;
}


.dialog p {
 position: relative;
 margin:0.3em; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0em 0.5em 0.5em 1em;
 
}

.content p a{
color:#666666;
}

.content h1 a{
color:#FF0000;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:3px;
 top:-1px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:12px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}



.footer{
	position:relative;
	width: 100%; /* ems so it will grow */
    height: 30px;
	font-size: 100%;
	
	
}

.footer p
{
	position:relative;
	height:20px;
	font-size:9px;
	color:#FFFFFF;
	line-height:1em;
	margin-left:0px;
	width: 80%;
	padding:0.4em;
	padding-bottom:0.4em;
   
}

.footer p a { color:#FFFFFF;}

.footer p a:hover { color:#FFFFFF;}																				/*RED MENU*/

.menu_red .menu_back_1{
position:relative;
top:0px;
background-image:url(Images/menu_back_1.gif);
background-repeat:no-repeat;
height:23px;
}

.menu_red .menu_back_2{
position: relative; 
top:-5px;
background: url(Images/menu_back_2.gif);
background-repeat:repeat;

}


.menu_red .menu_back_2 .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 margin:0;
 padding:0em 1em 0em 1em;
}

.menu_red .menu_back_2 .separator{ 
position:relative;
color:#FF0000; 
border-bottom-width:1px;
border-bottom-style:dashed;
border-bottom-color: #FFB3B3;
margin:0;
}

.menu_red .menu_back_2 .separator a{ 
color:#FF7171;
}
.menu_red .menu_back_2 .separator a:hover{ 
color: #009933;
}

.menu_red .menu_back_2 .last{ 
color:#FF0000;
margin:0; 
}

.menu_red .menu_back_2 .last a{ 
color:#FF7171;
}
.menu_red .menu_back_2 .last a:hover{ 
color: #009933;
}
.menu_red .content p{ 
font-size:10px;
font-weight:bold;
color: #FF7171;
 margin:5;

}

.menu_red .menu_back_3{
position:relative;
top:-10px;

background-image:url(Images/menu_back_3.gif);
background-repeat:no-repeat;
height:23px;
}

													/*GREEN MENU*/

.menu_green .menu_back_1{
position:relative;
top:0em;

background-image:url(Images/menu_back_g_1.gif);
background-repeat:no-repeat;
height:23px;
}

.menu_green .menu_back_2{
position: relative; 
top:-5px;
background: url(Images/menu_back_g_2.gif);
background-repeat:repeat;

}


.menu_green .menu_back_2 .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 margin:0;
 padding:0em 1em 0em 1em;
}

.menu_green .menu_back_2 .separator{ 
position:relative;
color: #008000; 
border-bottom-width:1px;
border-bottom-style:dashed;
border-bottom-color: #C2DBCF;
margin:0;
}

.menu_green .menu_back_2 .separator a{ 
color:#008000;
}
.menu_green .menu_back_2 .separator a:hover{ 
color: #FF0000;
}

.menu_green .menu_back_2 .last{ 
color:#008000;
margin:0; 
}

.menu_green .menu_back_2 .last a{ 
color:#008000;
}
.menu_green .menu_back_2 .last a:hover{ 
color: #008000;
}
.menu_green .content p{ 
font-size:10px;
font-weight:bold;
color: #FF7171;
 margin:5;

}

.menu_green .menu_back_3{
position:relative;
top:-10px;

background-image:url(Images/menu_back_g_3.gif);
background-repeat:no-repeat;
height:23px;
}

															/* SUPPORT TABLE*/


	table1{
		border: 1px solid #009933;
		
	}
	#table1 tr td{
		font-family: "lucida grande", verdana, sans-serif;
		font-size: 8pt;
		padding: 3px 8px;
		background: #F3F8F5;  /* #E8FFE8 */
	}

	#table1 thead.bck_h td{
		color: #fff;
		background-image:url(Images/tbl_head_h.png);
		background-repeat:no-repeat;
		font-weight: bold;
		border-bottom: 1px solid #999;
	}

	#table1 thead.bck_b td{
		color: #fff;
		background-image:url(Images/tbl_head_b.png);
		background-repeat:no-repeat;
		font-weight: bold;
		border-bottom: 1px solid #999;
	}
	
		#table1 thead.bck_w td{
		color: #fff;
		background-image:url(Images/tbl_head_w.png);
		background-repeat:no-repeat;
		font-weight: bold;
		border-bottom: 1px solid #999;
	}
		#table1 thead.bck_l td{
		color: #fff;
		background-image:url(Images/tbl_head_l.png);
		background-repeat:no-repeat;
		font-weight: bold;
		border-bottom: 1px solid #999;
	}	
	
		#table1 thead.bck_a td{
		color: #fff;
		background-image:url(Images/tbl_head_a.png);
		background-repeat:no-repeat;
		font-weight: bold;
		border-bottom: 1px solid #999;
	}

	#table1 tbody td{
			border-left: 1px dashed #A8E1C1;
			border-right: 1px dashed #A8E1C1;
	}
	#table1 tbody tr.even td{
		background: #DDF3E8 ; /*D4EBE0#D9FFD9*/
		border-bottom: 1px dashed ; #A8E1C1/* #D9D9D9*/
		
	}
	#table1 tbody tr td{

		border-bottom: 1px dashed #A8E1C1;
		
	}
	#table1 tbody tr.selected td{
		background:  #FF0000;
		color: #CCCCCC;
		font-weight: bold;
		border-left: 1px solid #346DBE;
		border-bottom: 1px solid #7DAAEA;
	}
	tbody tr.ruled td{
		color: #FF0000;
		background-color: #FF0000; 
		
		border-color: #3292FC;
	}
	
	/* Opera fix */
	head:first-child+body tr.ruled td{
		background-color: #FFF4F4; 
	}
	
																	/* CONTACT FORM*/
	
#contactform{ 
background-image: url(Images/right_banner_red.gif); 
background-repeat:no-repeat;
height:385px;
position:relative;

margin-left:0.5em;


}

#title {
	width: 130px;
	height: 80px;
	color: #FF0000;
	font-family: "lucida grande", Verdana, Arial, Helvetica, sans-serif;
	font-stretch:condensed;
	font-weight:bold;
	font: bold 13px/16px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif
	text-shadow:#333333;
	text-transform:uppercase;
	padding-top: 5px;
	text-align: center;
	padding:1em 0.5em 0.3em 0em;


}


form {
	padding:0em 0.8em 0em 1.2em;
	width: 130px;
	height:250px;
}

.label{ 
font: bold 11px/18px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #666666; 
float:left;
left:0em;
text-align: left;
width:125px;
}

.label input{ 
position:relative;
left:0em; 
top:0em;
/* float:left; */
display: block;
border: 1px solid  #FF9F9F;

}

.submit {
	height: 19px;
	width: 70px;
	
	padding-top: 3px;
	clear: both;
	position:relative; 
	margin-top:0.3em; 
	margin-left:2em;
	float:left;
	
} 

.textarea {
	border: 1px solid #FF9F9F;
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 0px 0 0px 0px;
	width:120px;
}


#contactform2{ 
position:relative;
left:0em; 
top:0em;
background-image: url(Images/contactus_back.png); 
background-repeat:no-repeat;
height:370px;
width:470px;
margin-left:0.5em;

}


.label2{ 
font: bold 11px/18px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #666666; 
float:left;
left:0em;
text-align: left;
width:430px;
margin-left:20px;
}

.label2 input{ 
position:relative;
left:0em; 
top:0em;
/* float:left; */
display: block;
border: 1px solid  #FF9F9F;
width:400px;
}


.label2 .textarea2 {
position:relative;
left:0em; 
top:0em;
	border: 1px solid #FF9F9F;
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 0px 0 0px 0px;
	width:400px;
}

.contacts{ 
line-height:30px; 
border-style:dotted; 
border-color:#999999;
padding:1em 1em 1em 1em;
}