@charset "utf-8";
/* CSS Document */
html, body, div, h1, h2, h3, h4, h5, h6, p, span, form, small, ul, li, ol, table, td, tr {
	margin:0; padding:0; 
}
	
body {
	font:normal 11px/17px Trebuchet MS; 
	background:url(../images/pagebg.jpg) top left repeat-x;  
}

.sclear { clear:both;}
.pagecontain {
	}

.maincontainer {
	width:999px !Important; height:auto; margin:0 auto;  }
	
.header{}

.logo { width:450px; float:left;}
.logo h1 { padding:45px 0 0 0px }

.logo h1 span { display:none;}

.fdate { background:url(../images/date-bg.jpg) no-repeat; width:249px; height:39px;
	padding:15px 0 0 20px; float:right; color:#FFFFFF; font-size:13px;}
	
.content {margin:5px 10px 10px 10px; padding:0 20px 0 10px; width:679px; float:left;
background:url(../images/line-mid.jpg) right 5px repeat-y; }

.content h1 { padding:15px 0 10px 0;} 
.content h1 img { padding:0; margin:0;}
.content p { line-height:18px; padding:0px 15px 5px 0; color:#333333; font-size:12px; text-align:justify;}
.content img { padding:5px 18px 0 15px;}

.rghtcontain { 
	width:250px; float:right; margin:5px 0 10px 0; padding:0 10px 0 0; background:url(../images/contact-bg.jpg) repeat-y;
	}
	
.rghtcontain h1 { 
	background:url(../images/contact-top.jpg) no-repeat; height:35px;
	width:235px; padding:10px 0 0 15px; color:#FFFFFF; font-size:13px; font-weight:normal;  
	}
	
 .textbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	margin: 0px;
	padding: 0px;
	height: 15px;
	width: 120px;
	border: 1px solid #01CBFE;
}
.textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 120px;
	border: 1px solid #01CBFE;
}
.btn {
	
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
	margin: 10px;
	padding: 0px;
	height: 35px;
	width: 90px;
	background:url(../images/submit-btn.jpg) no-repeat ; 
	padding-bottom:10px;
	border:none;
}
.formfields {
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	margin: 0px;

}

.links{ position:absolute; margin-top:105px; margin-left:551px; z-index:5;}

.links ul{ list-style:none; padding:10px 0 0 12px;}

.links li { display:inline; font-size:15px; margin:0 12px;}
.links li a { color:#FFFFFF;  text-decoration:none; }
.links li a:hover { color:#FFFFFF;  text-decoration:underline; }

.linksbg { position:absolute; margin-top:105px; margin-left:551px;}

.linksbg img { behavior: url("pngbehavior.htc");}

.footer {height:47px; padding:4px 0 0 0; background:url(images/footbg.jpg)  top left repeat-x; 
	text-align:center; color:#666666; }

.footer a{ color:#333333; text-decoration:none;}
.footer a:hover{ color:#333333; text-decoration:underline;}

.design { float:left; padding-left:15px; padding-top:8px; color:#FFFFFF; }
.design a{ color:#FFFFFF; text-decoration:underline;}
.design a:hover{ color:#FFFFFF; text-decoration:underline;}

.copy { float:right; color:#FFFFFF; padding-top:8px; padding-right:15px; }

/* dropdown menu*/
.mysmallmenu {
margin-top:4px;
width:320px;


}

.mysmallmenu ul {
margin:0;
padding:0;

}
.mysmallmenu ul li {
display:inline;
margin:0 2px;
font-size:11px;
height:22px;
border-top:none;
border-bottom:none;


}

/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.mtDropdownMenu {position:absolute;overflow:hidden;left:-1000px;top:-1000px;  }
/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.mtDropdownMenu .content {position:absolute; margin:0;  padding:0 0 0 10px;  }

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.mtDropdownMenu .items {position:relative;left:0px;top:0px;z-index:2;color:#800000;/*border:1px solid #999 */}
.mtDropdownMenu.top .items {border-top:none;}

/* each TR.item is one menu item */
.mtDropdownMenu .item {color:#000000;font-size:11px;font-family:verdana, Arial, Helvetica, sans-serif;text-decoration:none;cursor:hand;/*border:1 solid #800000*/}
/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it;that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.mtDropdownMenu .background {position:absolute;left:0px;top:0px;z-index:1;-moz-opacity:5;filter:alpha(opacity=90); opacity:0.9;}

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.mtDropdownMenu .shadowRight {position:absolute;z-index:3;top:3px;width:2px;-moz-opacity:.4;filter:alpha(opacity=40); opacity:0.4;}

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.mtDropdownMenu .shadowBottom {position:absolute;z-index:1;left:3px;height:2px;-moz-opacity:.4;filter:alpha(opacity=40); opacity:0.4}

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.mtDropdownMenu .item.hover {background:#0099FF;color:#ffffff;}

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.mtDropdownMenu .item img {margin-left:0; padding-top:0;}



.incontent {margin:5px 0 10px 0px; padding:0 0px 0 15px; width:971px; float:left; }

.incontent h1 { padding:15px 0 10px 0;} 
.incontent h1 img { padding:0; margin:0;}
.incontent p { line-height:18px; padding:0px 15px 5px 0; color:#333333; font-size:12px; text-align:justify;}
.incontent p a { color:#333333; text-decoration:underline;}
.incontent p a { color:#333333; text-decoration:underline; font-weight:bold;}
.incontent img { padding:5px 18px 0 15px;}

.hd1 { color: #990000; font-size:16px; text-align:justify; font-weight:bold; padding:5px; }

.hd2 { color: #014E61; font-size:15px; text-align:justify; font-weight:bold; padding:5px; }

.text { color: #333333; font-size:13px; text-align:justify; padding:5px; }
.text a { color: #333333; text-decoration:underline;}
.text a:hover { color: #333333; text-decoration:underline; font-weight:bold;}

.tabcontent { color: #333333; font-size:11px;  padding:5px; }
.text a { color: #333333; text-decoration:underline;}
.text a:hover { color: #333333; text-decoration:underline; font-weight:bold;}

.bull { padding:5px 0 15px 15px; list-style:none;}
.bull li {padding:0 0 0 20px; background:url(../images/bull.jpg) left 4px no-repeat; font-size:11px; }