body {
	font-family:"Verdana";
	font-size: 12px;
	text-align:justify;
	color: #444444;
	background:#ffffff;
	margin: 0;
	padding:0;
}

H1  {
    font-family:"Arial";
	font-size: 17px;
	font-weight: bold;
	color:#242424;
	/*Header (Dark Grey) =#242424 
    Header (Orange) = #f87500*/
}

sup {
    font-size:9px;
}

span {
    color:#f87500;
}

.pcenter a {
	color: #a8a1a1;
	display: block;
	text-decoration:underline;
	text-align:center;
}

.div1bg {
    float:left; 
    width:100%;  
    background: #ffffff url(../images/background.jpg) repeat-x;
    margin: 0;
	padding:0;
}

.pagecontent {
   width:774px;
   margin:0; 
   padding:0; 
   margin-left:auto; 
   margin-right:auto;
}
.home {
    line-height:18px;
}
/*top menu */
.topmenu {
    float:left;
    width:774px;
    height:96px;
    margin:0;
    padding:0;
}
.site_menu {
    clear:left;
    float:left;
    width:400px;
    padding-top:55px;
}

.site_logo {
   float:right;
   padding-top:25px;
}

.banner {
    float:left;
    width:774px;
    height:295px;
}

.BodyContentDiv {
   float:left;
   position:relative;
   width:774px;
   padding-top:5px;
   padding-bottom:10px;
}

.colleft {
    float:left;
    padding-left:10px;
    padding-right:10px;
    width: 360px;
    padding-bottom:20px;
}

.mid_border {
    float:left;
    width: 1px;
    position:absolute;
    border-right: 2px solid #f7f7f7;
    height:95%;
    left:385px;
    padding-top:10px; 
}

.colnormal {
    float:right;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:20px;
    width: 360px;
}

.colnormal1 {
    float:left;
    width: 754px;
    padding-bottom:20px;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
	color:#444444;
}


ul,li {
	list-style-image:url(../images/yellow_bullet.gif);
	list-style-position: outside;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	/*line-height:16px;*/
}


.footer_border {
    clear:left;
    float:left;
    width:100%;  
    background: #ffffff url(../images/footer_background_line.jpg) repeat-x;
    height:10px;
    padding: 5px 0 5px 0;
}

.footer {
	clear:left;
    float:left;
    font-size:11px;
    color: #808080;
    width:100%;
    padding-bottom:10px;
}

a:hover {
	color: #3b5998;
	text-decoration:none;
}


a:active {
	color:#3b5998;
	text-decoration:underline;
}

a:visited {
	color:#3b5998;
	text-decoration:underline;
}
	
a:link {
	color:#3b5998; 
	text-decoration:underline;
}




/*FOR MENU
/* 
 *		Horizontal, top-2-bottom menu
 */


/* - - - ADxMenu: BASIC styles - - - */

/* remove all list stylings */

.menu {
	position: relative;
	width:800px;
	top: -2px;
	left: 15px;
	color: #a8a1a1;
	
}

.menu, .menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
	font-size: 12px;
	
}


/* move all list items into one row, by floating them */
.menu li {
	margin: 0;
	padding: 0 15px 0 0;
	border: none;
	display: block;
	float: left;
	font-size: 12px;
	/*border-left: .08em solid #a8a1a1;*/
	/*background:green;*/
	background: url(../images/menu_icon_selected.gif) no-repeat 0 8px;
}

/* define new starting point for the nested UL, thus making positioning is a piece of cake */
.menu li:hover {
	position: relative;
	text-decoration:none;
}

/* force the submenu items into separate rows, while still keeping float:left (which resolves IE6 white-gap problem) */
.menu li li {
	width: 100%;
}

/* fix the position for 2nd level submenus.
	first make sure no horizontal scrollbars are visible on initial page load by sliding them all into top-left corner  */
.menu li li div {
	top: 0;
	left: 0;
	/*line-height:12px;*/
}

/* ...and then place the submenu where it should be when shown */
.menu li li:hover div {
	left: 100%;
	/*color: #a8a1a1;*/
	color:#444444; /*no effect*/
	text-decoration:none;
}

/* initialy hide all sub menus */
.menu div {
	display: none;
	position: absolute;
	z-index: 1000;
}

/* display them on hover */
.menu li:hover>div {
	display: block;
}

/* -- float.clear -- force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
/* IE7 float clear: */
.menu, .menu ul {
	min-height: 0;
}
/* -- float.clear.END --  */

/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu div" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */

/*.menu div {
	padding: 10px 15px 15px 27px;
	
    /*padding: 10px 30px 30px 27px;*/
	/*margin: -10px 0 0 -30px;
	margin: -10px 0 0 -28px;
	/*background: #f00;*/		/* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement 
}*/


/* - - - ADxMenu: DESIGN styles - - - */

.menu {
	color: #a8a1a1; /* no effect*/
}

/* sub menu box */
.menu ul {
	/*width: 180px;*/
	color: #a8a1a1;
	font-size: 12px;
/*	background-color: #be6621;
	border-left: 1px solid #e3c8ab;
	border-right: 1px solid #e3c8ab;
	border-bottom: 1px dotted #e3c8ab;*/
	text-decoration: none;
}

.menu li li:hover>div {	/* inset 2nd+ submenus, to show off overlapping */
	/*top: 5px;*/
	left: 90%;
	text-decoration:none;
}

.menu ul a:hover {
	font-size: 12px;
	/*background: #d4a073;  IE6 submenus*/ 
	text-decoration: none;
	border:0;
}



/* hover color for main menu */
.menu li:hover>a {
	/*color: #f9e1c6;*/
	color: #444444;
	font-size: 12px;
    /*background-image: url(../../images/nav_arrow_r.gif);
	background-repeat: no-repeat;
	background-position: -1px 10px;*/
	text-decoration: none;
}

.menu li:active>a {
	/*color: #f9e1c6;*/
	color: #ffffff;
	font-size: 12px;
    background-image: url(../images/menu_icon_selected.gif);
	background-repeat: no-repeat;
	background-position: 1px 8px;
	/*text-decoration: none;*/
}

/* hover color for sub menu */
.menu ul li:hover>a {
	color:#444444;
	font-size: 12px;
	text-decoration: none;
	border:0;
}


 /*submenu hover background */
.hover2 li:hover>a {
	font-size: 20px;
	/*background-color: red;*/
	text-decoration: none;
}



/* color of menu */
.menu a {
	color: #a8a1a1;
	padding: 6px 0 0 10px;
	padding-right: 7px;
	display: block;
	text-decoration: none;
	
	background-image: url(../images/menu_icon_unselected.gif);
	background-repeat: no-repeat;
	background-position: 1px 8px;
}

/* sub menu box background*/
.menu ul a {
	/* background: #be6621; /*remove navbutton.gif from submenus*/ 
	background:#1b1b1b;
	/*border-top: 1px dotted #e3c8ab;
	border-left: 1px solid #1b1b1b;*/
	text-decoration: none;
}


.active a{
	color: #444444;
	/*background-image: url(../images/nav_arrow_r.gif);
	background-repeat: no-repeat;
	background-position: -1px 10px;*/
	text-decoration: none;

}



/* Fix for IE5/Mac \*//*/
.menu a {
	float: left;
}
.menu {
	display: inline-block;
}
/* End Fix */

/*]]>*/


/******menu end ***/