@charset "utf-8";
/* CSS Document */

/* Document Formatting */
html {	width:100%;}

body, tr, th, td, p {	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
						font-size:1em;
						color:#000000;
						margin:0px;
						padding:0px;
						}
						
a:link, a:visited {	color:#000099;
					text-decoration:none;
					}

a:hover {	color:#0000FF;
			text-decoration:underline;
			}

/* Text & Image Formatting */
.center {text-align:center;	padding:0 5px 12px 5px;}
.left {text-align:left; padding:0 5px 12px 0;}
.right {text-align:right; padding:0 0 12px 5px;}
.imgleft {float:left; margin-right: 4px;}
.imgright {float:right; margin-left: 4px; text-align:right; text-decoration:none;}
.imgcenter { text-align:center; margin:0 4px 0 4px;}
.heading {font-style:italic; font-weight:bold; text-decoration:underline; padding:0 5px 12px 0;}

a:link img, a:visited img, a:hover img, a:active img {border:1px solid #000;}

/* PIE/Aslett Clear Fix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Positional Content Formatting */
* html #container {height: 100%;}

#container {	font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 1em;
				margin:0 0 0 0;
				overflow: hidden;
				text-align: left;
				height:auto;
				z-index:5;
				}

#content {		font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 1em;
				margin-top:0;
				margin-left:150px;
				border-top:1px solid #000;
				padding-top: 10px;
				padding-left: 10px;
				padding-right: 5px;
				overflow: visible;
				background: #FFF;
				text-align: left;
				height: auto;
				}

#content2	{width:100%;float:left}

#header {		position: relative;
				height: 193px;
				overflow:hidden;
				background: #d40000;
				text-align:left;
				z-index:2;
				background:url(design/hdback2.png);
				background-repeat:repeat-x;
				}

#headergraphic {position:absolute;
				top: 160px;
				left: 0;
				background-image:url(design/bg.gif);
				height:34px;
				z-index:3;
				width:100%;
				overflow:hidden;
				}
			
.updates {		font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size: 80%;
				font-weight: 600;
				font-style: italic;
				color:#000000;
				float:left;
				padding-left:160px;
				padding-bottom:20px;
				width:100%;
				z-index:4;
				overflow:hidden;
				}

#copyright {	font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:.7em;
				position:relative;
				margin: 0 0 0 0;
				padding: 3px 3px 3px 3px;
				color:#000000;
				text-align:right;
				}

/* Navigation Panel */
#navigation {	font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size: 1em;
				float:left;
				margin-top:-1px;
				width:150px;
				border-right:1px solid #000;
				border-bottom:1px solid #000;
				background:#9bc4fc;
				text-align: left;
				z-index: 5;
				}

/* Menu Styling */
#menu {	font-size:90%;
		margin:0px 0px 0px 0px;
		text-align: center;
		font-weight: bold;
		padding-bottom:50px;
		background:none;
		text-align:center;
		} 

#menu ul {	list-style: none;
			margin: 0;
			padding:2px 2px 2px 2px;
			width: 140px;
			}

#menu a {font-family:Verdana, Arial, Helvetica, sans-serif; display: block;}
#menu a {color: #000; text-decoration: none;}
#menu a:hover {color: #000;}
#menu li {position:relative; height:30px; line-height:30px; background:url(design/button.jpg);}
#menu li:hover {background-position: 0 30px;}
#menu ul ul {position: absolute;top: 0;left: 100%;width: 100%;}
div#menu ul ul, div#menu ul li:hover ul ul {display: none;}
div#menu ul li:hover ul, div#menu ul ul li:hover ul {display: block;}