@charset "iso-8859-1";

	html {
     overflow: -moz-scrollbars-vertical;
	}
	
	body {
		margin: 3em;
	 	background: black url(images/backtile.jpg);
	 	background-color: black;
	 	font-size: 0.8em;
	 	text-align: left; 	
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		text-decoration: none;
		color: Aqua;
		behavior:url("csshover.htc");
	}

	A {
		color: white;
		text-decoration: none;
		list-style-type: none;
	}
	
	A:LINK, A:VISITED {
		color: White;
	}

	A:ACTIVE, A:HOVER {
		color: silver;
	}

	A.bold {
		font-weight: bold;
		color: white;
	}
	
	H1 {
		color: Blue;
		font-size: xx-large;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	H2 {
		color: White;
		font-size: x-large;
	}
	
	H3 {
		color: White;
		font-size: large;
	}
	
	P {
		color: Aqua;
		z-index: 101;
	}
	
	P.smallblack {
		font-size: 0.01em;
		color: black;
		position:absolute;
		left: -100;
	}
	
	.smallblack {
		font-size: 0.01em;
		color: black;
		background-color: black;
		border: none;
		height: 0em;
	}
		
	P.smallbold {
		font-size: small;
		font-weight: bold;
	}
	
	P.right {
		text-align: right;
	}
	
	P.small {
		font-size : xx-small;
	}
	
	IMG {
		border: none;
		position: relative;
	}
	
/******** MENU ********/
	ul.menu,li,a {
		margin:0;
		padding:0;
		border:0;
	}
	
	ul.menu {
		width:140px;
		list-style:none;
	}

	li.menu {
		position: relative;
		z-index:9;
	}

	li.folder ul {
		border: 1px solid gray;
		position:absolute;
		left:40px;
		top:20px;
	}		

	li.menu a {
		text-decoration:none;
		color:gray;
	}
		
	li.folder:hover { 
		z-index:10; 
	}		

	ul.menu ul li {
		font-weight: normal;
		background: navy;
	}	
		
	ul.menu ul, li:hover ul ul {
		display:none;
	}

	li.menu:hover ul, li:hover li:hover ul {
		display:block;
	}	

	.menuskin {
		position: absolute;
		background-color: #005784;
		border: 1px solid gray;
		line-height: 18px;
		font: normal 12px Tahoma;
		z-index: 100;
		visibility: hidden;
	}
	
	.menuitems {
		color: white;
	}
			
	#mouseoverstyle {
		background-color: #003C6E;
	}
			
			
	#mouseoverstyle .menuchecked {
		background-color: #003C6E;
		border: 2px #003C6E solid;
	}			

/*************/	
	

/***** OTHER *********/	

	.small {
		font-size : xx-small;
	}
	
	.xsmallbold {
		font-size: x-small;
		font-weight: bold;
		font-style: italic;
		color: white;
	}
	
	.z {
		text-align: justify;
  }

	.TITLE {
		font-size: x-large;
		color: blue;
		font-weight: bold;
		line-height: normal;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 15px;
	}
	
	
/****** Containers ************/
	
	.container {
		position: absolute;
		min-height: 600px;
		min-width: 600px;
		top: 0px;
		left: 0px;
		margin: 0px;
		right: 0px;
	}

	.leftMenu {
		float: left;
		min-width: 150px;
		margin-right: 5px;
		padding: 5px;
		min-height: 500px;		
		color: white;
		font-size: large;
		font-weight: bold;
	}

	.leftContent {
		background-color: #000000;
		border: 1px solid gray;
		float: left;
		color: white;
		margin-top: 10px;
		padding: 5px;
		width: 130px;
		position: relative;
	 	font-size: 0.8em;
	 	text-align: left; 	
	 	font-weight: normal;
	}

	.rightSide {
		float: right;
		width: 175px;
		margin-right: 5px;
		padding: 0px;
		min-height: 500px;
		color: white;
	}

	.rightContent {
		top: -5px;	
		background-color: #000000;
		border: 1px solid gray;
		color: white;
		position: relative;
		float: right;
		width: 170px;
		padding: 5px;
	}
	
	.rightSpacer {
		border: none;
		position: relative;
		float: right;
		width: 170px;
		padding: 5px;
	}
	
	.copy {
		position: absolute;
		font-size: x-small;
		color: white;
		bottom: -30px;
	}
	
	.topBar {
		margin-left: 165px;
		margin-right: 170px;
		margin-bottom: 5px;
		color: Blue;
	}
	
	.content {
		position: relative;
		top: -5px;
		left: -5px;
		background-color: black;
		color: aqua;
		padding: 5px;
		border: 1px solid gray;
		margin-left: 170px;
		margin-right: 190px;
	}
	
	.contentNoRight {
		position: relative;
		top: -5px;
		left: -5px;
		background-color: black;
		color: aqua;
		padding: 5px;
		border: 1px solid gray;
		margin-left: 170px;
		margin-right: 10px;
	}

	.contentGallery {
		position: relative;
		top: -5px;
		left: -5px;
		background: black;
		background-color: black;
		color: black;
		font-color: black;
		font-size: 1.6em;
		padding: 5px;
		border: 1px solid gray;
		margin-top: 10px;
		margin-left: 170px;
		margin-right: 10px;
	}
	
	.contentGallery P {
		color: black;
		z-index: 101;
	}
		
	.subject {
		color: red;
		background: red;
		margin-bottom: 1px;
		padding-bottom: 2px;
		padding-left: 0px;
		font-weight: bold;
		margin-left: 0px;
		align: left;
	}
	
	
/******** Legacy - remove later? *******/

.main {
	width : 100%;
	height : 100%;
	cellpadding : 0;
	cellspacing : 0;
	border:0;
	text-align:center;
}

.header {
	color : Aqua;
	background-color : black;
	width : 348px;
	border : 0;
	top : 20px;
}

.text {
	color : Aqua;
	background-color : black;
	width : 348px;
	border : 0;
}

.nav {
	font-family: Arial, sans-serif;
	font-style: normal;
	color: white;
	list-style-type: none;
	text-decoration: none;
}

.nav:Hover  {
	text-decoration: none;
	color: Red;
	font-family: Arial, sans-serif;
	font-style: normal;
	list-style-type: none;
}

.nav:Visited  {
	color: White;
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-style: normal;
	list-style-type: none;
}

.nav:Active  {
	text-decoration: none;
	color: red;
	font-family: Arial, sans-serif;
	font-style: normal;
	list-style-type: none;
}