﻿
body, #fluid-hd, #fluid-bd, #fluid-menu, #fluid-content, #fluid-content-inner, #fluid-ft
{
	margin: 0px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	color:black;
}

#fluid, #fluid-bd, #fluid-menu, #fluid-content, #fluid-ft
{
	padding: 0px;
}

body
{
	text-align: center; /* page padding */
	padding: 10px 5px 10px 5px;
}


#fluid
{
	margin: auto 5px;
	width: auto;
	text-align: left; /* minimum width of page - forces scroll bars (apart from IE<=6) */
	min-width: 750px;
}

#fluid-hd
{
	padding-top:20px;
	padding-left:25px
}


#fluid-content-inner
{
	/* minimum height of body section - must tally with #fluid-bd|min-height (doesn't work in IE<=6) */
	min-height: 480px;
	_height:480px;
	margin-right:20px;
}

#fluid-bd
{
	 /* minimum height of secton between header and footer - must be #fluid-content-inner|min-height+2(#fluid-content-inner|padding) (doesn't work in IE<=6) */
	min-height: 500px;
}

#fluid-menu
{
	float: left;
	position: relative; /* width of menu - must tally with #fluid-content-inner|margin-left and -0.5(#fluid-content|margin-left) */
	width: 200px; /* background colour of menu */
}


ul
{
	margin: 0px 0px 20px 20px;
	padding:0px;
}


li
{
	padding:0px;
	margin:0px 0px 10px 0px;
}

ul.menu
{
	padding-left:0px
}

h1 {margin:10px 0px 20px 0px;}
h2 {margin:15px 0px 20px 0px;}
h3 {margin:30px 0px 20px 0px;}

p
{
	margin: 0px 0px 20px 0px;
	padding:0px;
	line-height:150%;
}

.menu
{
	margin-left:20px;
		list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

.menu-indent
{
	margin-left:30px;
}

#fluid-menu li
{
	margin: 5px 0px 15px;
	padding: 0px 10px 5px;
	_height:15px
}

#fluid-content
{
	float: right;
	width: 100%; /* positions content section - must be -2(#fluid-menu|width) */
	margin-left: -400px;
}

#fluid-content-inner
{
	float: none;
	width: auto;
	position: static; /* width of menu - must tally with #fluid-menu|width and -0.5(#fluid-content|margin-left) */
	margin-left: 220px; 
	/* padding for content */
	padding: 10px 20px 20px 20px;
}

#fluid-ft
{
	clear: both; /* height of footer */
	height: 20px; 
}


.gappy
{
	padding-left:10px;
	padding-bottom:30px
}


.infobox
{
	border: solid 1px #CCCFFF;
	padding: 10px 10px 10px 35px;
	margin: 0px 0px 20px 0px;
	width:520px;
}

.infobox p
{
	margin: 0px 0px 15px 0px;
	padding:0px;
	line-height:150%:
}	

#printstuff
{
	margin:10px 10px 10px 10px;
	padding: 5px 0px 0px 50px;
	height:80px;
}

.warning
{
	background-color:#FFCCCC;
	border: solid 1px #FF0000;
	padding: 2px 0px 5px 10px;
	margin: 10px 0px 10px 0px;
}

#bigBlackBox
{
	height:420px;
	width:415px;
	color:white;
	background-color:black;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	top:40px
}

.thirty
{
	font-size:26pt}

#mediumWhiteBox
{
	height:290px;
	width:325px;
	position:absolute;
	color:black;
	background-color:white;
	bottom:20px;
	left:20px;
	text-align:left;
	padding:25px
}

#forgotten
{
	font-size:8pt;
	text-decoration:none;
	position:absolute;
	top:231px;
	left:85px;
	
}
