body { 
font:11px Verdana, Tahoma, Arial, sans-serif;
background: #d8d8d8;
margin:0;
padding:0;
text-align:left;
}

.highlight {
	background-color: #ffff66;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Customise the standard HTML
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

hr {
	margin: 5px 0px 5px 0px;
	color: #603;
	border: 0;
	border-top: 1px solid #603;
	height: 1px;
}
/* Page Headings */
h1, h2, h3, h4, h5, h6 { color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }
h1  	{font-size:2.2em;}
h2  	{font-size:1.8em;}
h3  	{font-size:1.3em;}

form {margin: 0;}

blockquote 	{
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	color: #666;
	border-left: 2px solid #666;
	padding-left: 10px;
	font-size: 1.2em;
}

td { /*background-color: #0482c4;*/ margin: 0; padding-right: 12px; padding-bottom: 0px; }

abbr				{}
acroynm			{}
cite				{}
address			{}
strong			{}
em					{}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Layout Blocks
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#main { /* Holds the page items in place */
	width: 750px; margin: 10px auto 0; padding: 0; background: #fff; border: solid 1px #909192; }

#banner { padding: 0; text-align: left; background: #bfbebe; font-weight: bold; background-image: url(rotator/rotator.php); background-repeat: no-repeat; background-position: right 0; 
}
#banner a, #banner h1, #banner h2	{color: #fff; margin:0;padding:0;}
* html #banner {clear:both;height:70px;} /* ie6 misbehaves again */

#banner h1	{font-size: 3em;padding-top:6px;} /* WEBSITE_TITLE */
#banner h2	{ /* PAGE_HEADER */
	font-size: 0.8em;
	text-transform:uppercase;
	letter-spacing:8px;
	margin-top:-20px;
	padding-left:8px;
	font-family:Arial, Helvetica, sans-serif;
}

#column2 { margin: 0; padding: 0; background-image: url(img/alt-bg.gif); background-position: right 50%; background-repeat: repeat-y; width: 750px; clear: both; border-width: 0; }

#column1 { 
margin: 0; 
padding: 0; 
background-position: left 50%; 
background-repeat: repeat-y; 
border-width: 0; 
} 

/*** Content ***/

#content,#contentalt { 
color:#2a2a2a; 
margin: 0; 
padding:0; 
border-style: solid; 
border-width: 0; 
}

#content { color:#000; font:11px/15px Verdana, Tahoma, Arial, sans-serif; width: 475px; margin:0 124px 0 125px; padding: 10px; }

#contentalt {margin:0 200px 0 20px;}

#content h1,#content h2,#contentalt h1,#contentalt h2 {
color:#000;
font-size:1.1em;
font-weight:bold;
text-transform: uppercase; 
margin:0 0 15px;
padding:0;
}

#content h2,#contentalt h2 {
font-size:1.6em;
margin-bottom:10px;
}

#content a {
text-decoration:none; 
color:#000;
}

#content a:hover { text-decoration: underline; }

ul { margin-top: 0; padding-top: 0; }
li { margin-top: 0; padding-top: 0; }
ol { margin-top: 0; padding-top: 0; }


/*** left sidebar ***/

#leftside { 
float:left; 
width:125px; 
margin:0 0 0; 
padding: 0; 
}

#leftside h1 { 
color:#fff; 
/*background-color: #f2ab00; */
font-size:1em; 
font-weight:bold; 
text-transform: uppercase; 
margin:0; 
padding:10px 2px 10px 6px; 
}

#leftside h2,#rightside h2 {
font-size:1.1em;
margin:0 0 10px;
}

#leftside p,#rightside p {
font-size:0.9em;
line-height:1.4em;
margin:0 0 16px 0;
}

/*** right sidebar ***/

#rightside { width: 118px; float:right; margin: 0; padding: 0 0 0 6px; }

#rightside h1 { color: #fff; font-size:11px; font-weight:bold; text-transform: uppercase; 
/*letter-spacing:1px; */
margin:0; padding:0 0 6px; }

.register-text { color: #fff; font-size:10px; padding-right: 8px; }

#rightside a {
text-decoration:underline; 
color:#fff;
}

#rightside a:hover { text-decoration: underline; color:#000; }


/* ---------------/*

* html #contentContainer #content {text-align:left;} /* ie6 misbehaves */
* html #contentContainer #content table {width: 90%;} /* ie6 fix to stop tables being pushed below floats */

/*** Footer ***/

#footer { clear:both; color:#fff; font-size:0.9em; background-color: #fff; background-image: url(img/alt-bg.gif); background-position: right 50%; background-repeat: repeat-y; text-align:center; width:750px; margin: 0; padding: 0 0 8px; }

#footer a {
text-decoration:none; 
color:#fff;
}

#footer a:hover { text-decoration: underline; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#searchbg { 
width: 100%; 
margin: 0; 
padding: 8px 0 12px;
}

.searchbutton { 
margin:0; 
padding:0; 
vertical-align: text-bottom;
}

.searchform { 
margin:0; 
padding: 0;
}

.searchbox { 
background:#fff;
border:solid 1px #909192;
margin: 0;
padding:0; 
width:85px;
}

.searchtd { background-color: transparent; padding:0; }


.clear {
clear: both;
display: block;
height: 1px;
overflow: hidden;
margin: 0;
padding: 0;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	####	Header Menu #####
	#######################

	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
#navContainer { background-color: #909192; width: 626px; display:block; clear:both; }


/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
 ul.menu, li.menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/* Header menu */	 
#header_menu {position: absolute; margin-left: 20px;background:#555;}
#header_menu li {line-height: normal;}
ul#header_menu  {z-index: 10; clear: both;}

#nav { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding:0; }
#nav ul {
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	font-size: 12px; 
	text-transform: uppercase;
	width: auto;
	/*
	(Disappearing List-Background)
	http://www.positioniseverything.net/explorer/ie-listbug.html
	*/
	position: relative; /* Fix the Stupid IE6 Bug */
}
#nav ul li {float: left; color: #fff; text-align: center; font-weight: normal;}
#nav ul li a { display: block; background: #909192; padding: 2px 10px; color: #fff; text-decoration: none; }

/* Root Level Link Formatting */
#nav ul li a:hover, #nav li a:focus { color: #000; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
#nav li a:active, #nav ul li a.active { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }

/* Current page Customisations*/
#nav li.menu-current a		{ color: #000; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; border: 0; }
#nav li.menu-current a		{  } 

/* 2nd Child menu */
#nav .menu li ul { position: absolute; width: 12em; margin: 0; display: none; text-transform: none; font-size: 10px; border-right: 1px solid #909192; border-bottom: 1px solid #909192; border-left: 1px solid #909192; border-top-style: solid; border-top-width: 0; }
#nav .menu li ul li {width: 12em; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1.2em;}
#nav .menu li ul a { width: 11.5em; padding: 0.4em 0.1em 0.4em 0.4em; background: #fff; color: #909192; border: 0; }

/* 2nd Child link hover */
#nav .menu li ul a:hover {color: #000; background: #fff; border: 0; }

/* 2nd Child Current page Customisations */
#nav li li.menu-current a		{ color: #000; }
#nav li li.menu-current a		{  } 

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;}


/* 3rd Child Menu Appreances */
#nav .menu li ul li ul li a 	{ width: 11.5em; padding: 0.6em 0.1em 0.6em 0.4em; background: #bfbebe; color: #fff; font-size: 100%; border-width: 0; }
#nav .menu li ul li ul li a:hover {color: #000; background: #fff; border: 0; }

/* 3nd Child Current page Customisations  NO EFFECT 070831*/
#nav li ul li.menu-current a		{ color: #000; }
#nav li ul li.menu-current a		{  } 

/* Positioning the Pop-out Drops */
#nav li {position: relative;}

#nav ul ul ul {
	position: absolute;
	top: 0px;
	left: 100%;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~
 end menu 
 ~~~~~~~~~~~~~~~~~~~~~~ */


/* Customise the Login Box */
#login-box { background: #eee; text-align: center;	line-height: 140%; margin: 1em 0 0.3em 0; border: 1px solid #ddd;}
#login-box fieldset {border:0;text-align:center;}
#login-box legend		{
	font-size: 90%;
	text-transform: uppercase;
	font-family:"Times New Roman", Times, serif;
	color: #333;
	font-weight: normal;
	letter-spacing: 0.15em;
}
.username {color: #009;} /* Color of name when logged in*/
.topboxbody {font-size:0.8em;padding:2px;}

#login-box input {
	text-transform: uppercase;
	font-size: 10px;
	margin: 5px 0px 1px 0px;
	width: 100px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	Custom Classes (Re-useables)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
/*  Float containers fix: */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*  \*/
* html #clearfix {
	height: 1%;
}
/*  */

.stealth {visibility:hidden; display:none;} /* hides from normal css enabled browsers */



/* Inline font Styles */
/* Pretty styles for changing text in the WYSIWYG editor */

.important	{font-weight:bold;color:#f00;}
.code				{font-family: "Courier New", Courier, mono; color:#093;letter-spacing: 1px;}

.info-box		{border: 1px solid #cc3; background-color:#F9F8E2;padding:4px;}