/* CSS Document */


body {margin:20px; padding:0px;  behaviorurl(csshover.htc); text-align:center; background-color:#666666; font-style:normal; font-variant:normal; font-weight:normal; font-size:13px; line-height:18px; font-family:verdana, arial, sans-serif; background:url('../images/background.gif')}
* {margin:0; padding:0}
br {padding: 6px 0;}
div#wrapper {width:750px; margin-left:auto; margin-right:auto; text-align:left; border:1px solid #FFEFC1; background-color:#000000;  }
div#wrapper2 {width:750px; margin-left:auto; margin-right:auto; padding:20px; text-align:left; border:1px solid #FFEFC1; background-color:#FFFFFF;  }
div#wrapper2 p {margin: 10px 0;}
div#wrapper2 ul {margin-left: 40px;}
div#wrapper2 table {margin-left: 20px; padding: 10px;}
div#wrapper2 table td {padding: 5px;}
div#wrapper2 table input {margin: 10px 0 ;}
div#header {width:750px; height:117px; background-color:#000000; background:url('../images/header_bg.jpg') no-repeat; }


div#navmenu {width:750px; height:24px;  background-color:#FFCC33; text-align:center; background:url('../images/nav_bg.gif') repeat-x;}
div#navmenu img {border-style:none; }
div#navmenu ul {text-align:center; vertical-align:center; padding-left:6px;}
div#navmenu li {float:left; list-style-type:none; font: 11px bold Tahoma, Verdana;}
div#navmenu li a{color:#000000; text-decoration:none; padding-left:5px; padding-right:5px;}

div#contentarea {width:730px;  padding:10px; font-size:13px; line-height: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background:url('../images/au_bg.jpg') repeat-y;}
div#contentarea a {color:#FFFFCC; font-weight:bold;  }
div#contentarea p {line-height: 16px; margin: 10px 0;}
div#contentarea li {margin-left:20px;  }
div#contentarea img {margin: 6px;}

div#contactinfo {width:730px;  background-color:#333333; border-top: 1px solid #FFCC33; text-align:center; vertical-align:center; padding:10px; font-weight:bold; font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFCC33;}
div#contactinfo a {font-weight:bold; font-size:13px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFCC33; text-decoration:none;}

div#logos {width:750px; height:60px; background-color:#000000; border-top: 1px solid #FFCC33; background:url('../images/crests.gif') no-repeat;}


div#footer {width:750px; background-color:#666666; border-top: 1px solid #FFCC33; padding: 4px 0;}
div#footer p {font:10px Arial; color: #EEEEEE; line-height:12px; text-align:center; vertical-align:center;}
div#footer a {font:10px Arial; color: #FFCC33; text-decoration:none; margin-left: 6px; text-align:center; vertical-align:center;}


.floatright { float:right; border-style:none; margin-right:18px; margin-bottom:8px;}

.pageheading {font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight:bold; font-size:18px; margin: 6px 0; color: #EEEEEE; line-height:12px; vertical-align:center;}
.boldyellow {font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight:bold; font-size:13px;  margin: 6px 0; color: #FFCC33; vertical-align:center;}
.boldwhite {font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight:bold; font-size:13px; line-height: 18px;  color: #FFFFFF;   vertical-align:center;}
.cmheader {background-color:#FFCC33; border-bottom: 1px solid black; border-top: 1px solid black; padding: 2px 0 2px 10px;}


/* the horizontal menu starts here */

body div#listmenu ul li ul {display:none;}


div#listmenu {
	width:750px; 	
	float:left; /*makes the div enclose the list */

	font-size:12px;	
	background-color:#FFCC33; /* colors the div */
	margin-top:4px;
	
	}
	
	
div#listmenu ul {margin:0 0 0 20px;/* indents ul from edge of container */
	}
	
div#listmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative;
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:#FFCC33; /*sets the background of the menu items */
	border-right:1px solid #947D39; /* creates dividing lines between the li elements */
	padding-left:12px;
	padding-right:12px;
	}
	
div#listmenu ul li ul {
	margin:0;
	position:absolute;
	width:10em;
	left:-1px;
	}
	
div#listmenu ul li ul li {
	width:100%;
	border-left:1px solid #069;
	border-bottom:1px solid #069;
	border-right:1px solid #069;
	padding: 4px;
	}	
	
div#listmenu ul li ul li:first-child {
	border-top:1px solid #069;
	}	
		
div#listmenu ul li:hover ul, div#listmenu ul li ul:hover {display:block;}		
	
div#listmenu li:first-child {
	border-left:1px solid #947D39; /*the first vertical line on the menu */
	}
div#listmenu li:hover { 
	background-color:#FFE933; /*sets the background of the menu items */
	}
	
div#listmenu ul li:hover ul {display:block}

div#listmenu a {
	display:block;
	padding:0 6px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#000000;	/* sets the type color */
	}
div#listmenu a:hover {
	color:#F33;
	}
	
	div#listmenu a:visited {
	color:#333333;
	}
	
	
body div#listmenu ul li ul li ul {visibility:hidden; top:4px; left:10em;}

body div#listmenu ul li ul li:hover ul {visibility:visible}
	
	.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */