/* ------------------------------------------------------------ Basic HTML elements */

body
	{
	text-align: center;
	color: #000;
	background-color: #fff;
	font-family: Gill Sans Light,Gill Sans Light, Gill Sans Light; /* Garamond, Caslon, Georgia, Times, serif; */
	font-size: 10px;
	}
	
h1, h2, h3, h4, h5, h6, p
	{
	margin: 0 0 12px 0;
	}

h1
	{
	}

h2
	{
	}

h3
	{
	}

h4
	{
	}

h5
	{
	}

h6
	{
	}

p
	{
	}

ul
	{
	}

ul li
	{
	}

ol
	{
	}

ol li
	{
	}

table
	{
	}

th
	{
	}

td
	{
	}

img
	{
	}

img a
	{
	}

a
	{
	color: #222;
	text-decoration: none;
	}

a.selected
	{
	color: #aaa;
	}

a:link
	{
	}

a:hover
	{
	}

a:visited
	{
	}

form
	{
	}

fieldset
	{
	}

input
	{
	}

label
	{
	}

legend
	{
	}

select
	{
	}

address
	{
	display: inline;
	}


/* Modified basic HTML elements */

li.nobullet
	{
	list-style-image:none;
	}

li.imagereplace
	{
	list-style-image:url(link/to/image);
	}

.button
	{
	font-family: Gill Sans Light, Gill Sans Light, Gill Sans Light;
	padding: 0px 2px;
	font-size: .8em;
	font-weight: bold;
	border: 2px solid;
	}








/* ------------------------------------------------------------ Template-specific CSS */

#container
	{
	position: relative;
	width: 1000px;
	margin: 20px;
	text-align: left;
	overflow: hidden;
	}

/* ------------------------------------------------------------ Header */

#header
	{
	height: 60px;
	}
	
#header h1 
	{
	font-size: 26px;
	margin: 0;
	font-weight: normal;
	letter-spacing: 0.30em;
	}
	
#header h1 a
	{
	
	/* width: 100%; */
	color: #999;
	text-decoration: none;
	}

#home
	{
	}


/* ------------------------------------------------------------ Primary navigation bar */

#nav
	{
	display: block;
	width: 100%;
 	height:26px;
	}

	
#nav ul 
	{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	width: 100%;
	height: 30px;
	margin:0px;
	padding:0px;
	}
	
#nav li
	{
	float:left;
	display:inline;
	width: 10%;
	min-width: 10%;
	margin:0px;
	padding:0px;
	}
	
#nav a
	{
	display: block;
	width: 100%;
	margin:0px;
	text-align: center;
	text-decoration:none;
	text-indent: -5000px; /* uncomment this line when using rollover nav images */
	}
	
#nav a:hover
	{
	background-position: 0 -16px; /* adjust this value to be half of the image rollover height for sliding door rollovers*/
	background-color:#cccccc;
	}
	
.nav1 a
	{
	background:transparent url(navimg.jpg) no-repeat scroll left top; /* For rollover images. Change 'navimg.jpg' to this button's nav image */
	}
	
.nav2 a
	{
	background:transparent url(navimg.jpg) no-repeat scroll left top; /* For rollover images. Change 'navimg.jpg' to this button's nav image */
	}

.nav3 a
	{
	background:transparent url(navimg.jpg) no-repeat scroll left top; /* For rollover images. Change 'navimg.jpg' to this button's nav image */
	}
/* Repeat for each nav item */




/* ------------------------------------------------------------ Content area */
/* ------------------------------------------------------------ For 3-column layout */	
#main
	{
	float: left;
	width: 700px; /* The sum of the widths of div#main, #div_sidebar_1, and div#sidebar_2 should be 100 */
	min-height: 600px;
	margin-left: 300px; /* This value should be equal to the width of div#sidebar_1 */
	}
* html #main
	{
	display: inline;
	}
#sidebar_1
	{
	float: left;
	width: 130px;
	margin-left: -1000px; /* This value should be equal to the sum of the widths of div#main and div#sidebar_1 */
	}
#sidebar_2
	{
	float: left;
	width: 130px;
	margin-left: -850px;
	}
	
/* ------------------------------------------------------------ For 2-column layout */		
#main_full
	{
	float: left;
	width: 700px; /* The sum of the widths of div#main_full and #div_sidebar should be 100 */
	min-height: 600px;
	margin-left: 300px; /* This value should be equal to the width of div#sidebar */
	}
* html #main_full
	{
	display: inline;
	}	
#sidebar
	{
	float: left;
	width: 140px;
	margin-left: -1000px;
	}






/* ------------------------------------------------------------ Main content area */
#main, #main_full
	{
	}
	
blockquote
	{
	margin: 0;
	width: 100%;
	background-color: #ccccff;
	}
	
blockquote.half
	{
	width: 50%;
	float: right;
	}
	


/* ------------------------------------------------------------ Sidebar 1 */

.sidebar_1, #sidebar
	{
	padding 40px;
	}
	
.sub_nav ul
	{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	height: auto;
	margin:0px;
	padding:0px;
	}
	
.sub_nav li
	{
	list-style-type:none;
	width: auto;
	height: auto;
	margin:0 0 18px 0;
	padding:0;
	font-size: 12px;
	line-height: 18px;
	}
	
.sub_nav a
	{
	height: 100%;
	margin:0 0 15px 0;
	text-decoration:none;
	color: #999;
	/* text-indent: -5000px; */ /* uncomment this line when using rollover nav images */
	}
	
.sub_nav a:hover
	{
	color: #000;
	}
	
.sub_nav ul ul a
	{
	height: 100%;
	}

#sidebar_2 .sub_nav li
	{
	font-size: 12px;
	line-height: 18px;
	}

.selected a
	{
	color: #555;
	}

div#admin
	{
	position: absolute;
	top: 10px;
	right: 40px;
	}

div#admin_data
	{
	position: absolute;
	top: 40px;
	right: 40px;
	}

	
	
	
/* ------------------------------------------------------------ General column positioning */	
	
/* Start Mac IE5 filter \*/
#main, #main_full, #sidebar_1, #sidebar_2, #sidebar
	{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
	}
@media all and (min-width: 0px) {
#main, #main_full, #sidebar_1, #sidebar_2, #sidebar
	{
	padding-bottom: 0 !important;
	margin-bottom: 40px !important; 
	}
#main:before, #main_full:before, #sidebar_1:before, #sidebar_2:before, #sidebar:before
	{
	display: block;
	background: inherit;
	padding-top: 32767px !important;
	margin-bottom: -32767px !important;
	height: 0;
	}
}
/* End Mac IE5 filter */

#wrapper_extra
	{
	position: relative;
	}
* html #wrapper
	{
	position: relative;
	}

/* This hides the excess padding in non-IE browsers */
#wrapper
	{
	overflow: hidden;
	}
	
/* correction for IE 5.01 */
* html #wrapper_extra
	{
	float: left;
	width: 100%;
	}
#wrapper
	{
	/* Normally a Holly-style hack height: 1% would suffice but that causes 
	IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
	/*
	NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
	(I saw it happen many moons ago) makes the width of wrapper too small 
	the float: none with the comment is ignored by 5.01,
	5.5 and above see it and carry on about their business
	It's probably fine to just remove it, but it's left here 
	just in case that many moons ago problem rears its head again
	*/
	float/**/: none;
	}
	
/* easy clearing */
#wrapper:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#wrapper
	{
	display: inline-block;
	}
/*\*/
#wrapper
	{
	display: block;
	}
	
#footer
	{
	clear: both;
	}
/* fixes Safari content overflow */
* > #footer, * > form, * > #notes, * > .output
	{
	position: relative;
	z-index: 1000;
	}