html {
			height:100%;
			max-height:100%;
			padding:0;
			margin:0;
			border:0;
			font-size:100%;
			font-family: trebuchet ms, tahoma, verdana, arial, sans-serif;
			background:url(../images/bluefade.png) #E5F1FD;
			background-position:-18px 0;
			background-repeat: repeat-x;
			/* hide overflow:hidden from IE5/Mac */
			/* \*/
			overflow: hidden;
			/* */ }

body {height:100%; max-height:100%; padding:0; margin:0; border:0;
			overflow: hidden;
			}
code, pre
{
	font-family: "Courier New", Courier, monospace;
	font-size: 100%;
}

h2 {color: #B52C07;
			font: 120% georgia, times, "times new roman", serif;
			font-weight: bold;
			margin: 0 0 2px 0;}

			h3 {color: #5B5E0E;
			font: 106% georgia, times, "times new roman", serif;
			font-weight: bold;
			margin-top: 0;}

#head {position:absolute;
			margin:0;
			top:0;
			right:0px;
			
			display:block;
			width:100%;
			height:125px;
			background:url(../images/flair3copy2.png);
			background-repeat: no-repeat;
			background-position: 110% 10px;
			font-size:1em; z-index:5; color:#fff;
			border-bottom: 1px solid;}

			#head h1
			{
	font-size: 40px;
	text-align: center;
	color: #3300FF;
	margin: 0;
	padding: 20px 0px 0px 0px;
			}
#rightmenu {Clear: both;
			position:absolute;
			Width: 200px;
			margin: 10px;
			top: 125px;
			z-index:6;
			}

#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 11em;
		background: transparent;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 11em;
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 11.05em;
		margin-top : -1.35em;
		background-color : #E5F1FD;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
		width: 11em;
		w\idth : 10em;
		display : block;
		color : black;
		font-weight : bold;
		text-decoration : none;
		
		border : 1px solid black;
		padding : 0 0.5em;
	}
	
	#nav li a:hover {
		color : white;
		background-color : black;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	
#nav a:hover {color: #411; background: #AAA;}

#nav a img {height: 0; width: 0; border-width: 0;}
#nav a:hover img {position: fixed; top: 480px; left: 55px; height: 50px; width: 50px;}

#content {
	overflow:auto; /* add scroll bars as necessary */
	position:absolute; /* position absolutely */
	padding: 10px 10px 10px 10px;
	z-index:5; /* If required to cover any other divs */
	top:125px; /* a value to miss the header */
	bottom:127px; /* a value to miss the footer */
	left:220px; /* a value to miss any navigation div */
	right:0px; /* this will put the scroll bar at the right of the page */
	background-image: url("../images/grid.gif");
	}
	
	
	
* html #content {overflow:auto;
	height:55%; /* full screen height */
	right: 0px;
	 /* full screen width */
	
	}

* html #content{ 
	/* \*/
			overflow:auto;
			height:80%;
			width:75%;
			/* */}
	
#content p {padding:5px 10px 0px 0px;}

p.indent {text-indent: 1cm}
p:first-letter 
			{
	color: #0033FF;
	font-size:x-large
			}

.pad2 {display:block; height:100px;}

#foot {
	clear: both;
	position:fixed;
	margin:0 0 0 0;
	bottom:0;
	right:0;
	padding:0px 10px 5px 5px;
	display:block;
	width:100%;
	height:123px;
	background:#E5F1FD;
	background:url(../images/flair3copy2.png);
	background-repeat: no-repeat;
	background-position: 20% 10px;
	color:#000;
	text-align:right;
	font-size:1em;
	z-index:5;
	border-top: 1px solid white;
}
			
* html #foot {
		/* \*/
			bottom: 0px;
			position:absolute;
			/* */}