<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc); /* call hover behaviour file */
font-size: 100%; /* enable IE to resize em fonts */
} 
#menu ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 100%;
}
#menu ul li a {
height: 1%; /* make links honour display: block; properly */
} 
</style>
<![endif]-->

* {
 padding: 0;
 margin: 0;
}
/*Page description*/
body {
 font-family: Arial, Helvetica, sans-serif;
 color: #003333;
 font-size: 12px;
 background-color: #003333;
 }
 
 a:link {
 color: #003300;
 text-decoration: underline;
 }
 a:visited {
 color: #cc0000;
 text-decoration: underline;
 }
 a:hover {
 color: #ff0000;
 text-decoration: none;
 }

#page_width {
 width: 1024px;
 margin: auto;
}

#header {
 border: 1px solid #ccc;
 margin: 5px 5px 0px 5px;
 height: 130px;
 width: 1024px;
 padding: 2px;
 background-color: #999999;
 font-family: Arial, Helvetica, sans-serif;
 color: #003333;
 font-size: 20px;
}

#main {
 margin: 0px 0px 0px 0px;
 background-color: #003333;
 padding: 4px;
 width: 874px;
 float: left;
}

#footer {
 background-color: #999999;
 font-family: Arial, Helvetica, sans-serif;
 color: #003333;
 font-size: 10px;
 margin: 0px 0px 0px 5px;
 border: 1px solid #ccc;
 /*display: inline; /* IE Hack */
 padding: 5px;
 float: right;
 width: 1024px;
 height: 55px;
 width: 1024px;
}
/*Table styles*/
#title_table{
 background-color: #999999;
 padding: 2px;
 margin: 1px 1px 1px 1px;
 border-style:solid;
 border-width:3px;
 border-color: #CCCCCC;
 text-align: left;
 margin-left: auto;
 margin-right: auto;
 width: 768px;
 color: #003333;
 }
 
  #pic_table{
 background-color: #999999;
 padding: 2px;
 float: left;
 margin: 1px 1px 1px 1px;
 border-style:solid;
 border-width:3px;
 border-color: #CCCCCC;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 }
 
  #text_table{
 background-color: #999999;
 padding: 2px;
 margin: 1px 1px 1px 1px;
 border-style:solid;
 border-width:3px;
 border-color: #CCCCCC;
 text-align: left;
 margin-left: auto;
 margin-right: auto;
 width: 788px;
 color: #003333;
 }
 
   #button_table{
 background-color: #999999;
 padding: 2px;
 margin: 1px 1px 1px 1px;
 border-style:solid;
 border-width:3px;
 border-color: #CCCCCC;
 text-align: center;
 width: 100px;
 color: #003333;
 white-space:wrap;
 }
 
/* Begin CSS Drop Down Menu */
* html #menu {height:300px} /* IE Min-Height Hack */ 
#menuv
	{
	font-size: small;
	font-family: arial, helvetica, sans-serif;
	width:100%;
	float:left;
	margin:0em;
	margin-top: 0em;
	}
		
#menuv a
	{
	text-align: center;
	display:block;
	border: 1px solid #555;
	white-space:wrap;
	margin:0;
	padding: 0.3em;
	}
	
#menuv a:link, #menuv a:visited, #menuv a:active	/* menu at rest */
	{
	color: #003300;
	background-color: #999999;
	text-decoration:none;
	}
	
#menuv a:hover	/* menu at mouse-over  */
	{
	color: #003300;
	background-color: #CCCCCC;
	text-decoration:none;
	}	


#menuv ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:150px;	/* width of all menu boxes */
	}

#menuv li
	{
	position:relative;
    min-height: 1px; 			/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
	}

#menuv ul ul
	{
	position:absolute;
	/*z-index:500;*/
	top:0;
	display:none;
	left:100%;
	}

#menuv ul ul ul
	{
	position: absolute;
	top:0;
	left:100%;
	width: 100%;
	}
	
/*div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}*/

div#menuv li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuv li:hover ul ul,
div#menuv li li:hover ul ul,
div#menuv li li li:hover ul ul,
div#menuv li li li li:hover ul ul
{display:none;}

div#menuv li:hover ul,
div#menuv li li:hover ul,
div#menuv li li li:hover ul,
div#menuv li li li li:hover ul
{display:block;}


/* End CSS Drop Down Menu */