/* -- CSS for TOHS Lancer Band Webpage' -- */
/* -- last edit: 28 October 2004 -- */

/* -- Based on css constucts at:                                                             */
/*      css zengarded info pages at http://www.mezzoblue.com and                             */
/*      2-column css design by paul obrien: http://www.pmob.co.uk/temp/2col_right.htm        */
/*      Menu design from listamatic at MaxDesign: http://maxdesign.com.au                    */
/*    The author of this site is indebted to their posting of free samples and               */
/*    providing free advice.                                                                 */

/* -- Basic HTML Elements -- */

body    { color: #000000; font: 80% "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif; background-color: #c0c0c0; background-image: url("common/noise_bar.gif"); text-align: center; margin: 0; padding: 0 }
	/* -- syntax of 'font' shorthand property: font size, line height, font family */
	/* -- font sizes set by relative 'em" sizing baaed on medium settings -- */
	/* -- for more details see http://clagnut.com/blog/348/ "How to size text using ems" -- */
	
html>body #container {height:auto;}

hr {border: none; height: 1px; background: #ccc; /* margin: 2em 0; */}



/* --  container -- */
 
#container    { background: #ebffe8 url("common/tohs_logo_wp.gif") repeat-y left top; text-align: left; margin: 0 auto; position: relative; width: 798px; border: solid 1px #008800 }

html>#container {height:auto}		
	
/* -- header -- */

#headerBlock {
	position:absolute;
	left:0;top:0;
	height: 172px;  /* -- height = header height + menu height  -- */
	width:100%;
	background-color: #fff;
	border-bottom: 1px solid #008800;
	z-index:1;
	}
		
#header     { background: #13a200 url("common/header_pix.jpg") no-repeat center; position: relative; z-index: 2; width: 100%; height: 125px; border-top: 1px solid #008800; border-bottom: 1px solid #008800 }

/* -- menu -- */ 

#navcontainer { 
	width: 100%;
	color: #000000; 
	height: 44px; 
	background-color: #008800; 
	border-top: 1px solid #008800;
	/*border-bottom: 1px solid #008800;*/
	position: relative; 
	/* overflow: hidden;   -- this causes trouble. most likely second level navcontainer height */
	z-index: 2;
	}
	
#navcontainer a { text-decoration: none; }

#navcontainer ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	position: relative;
	font-size: .9em;
	}

#navcontainer li { display: inline; }

/*1st level elements*/

#navcontainer ul {		/* -- top menu bar --*/
	border-top: 1px solid #00CC00;
	border-bottom: 1px solid #00CC00;
	background-color: #008800; 
	padding: 2px 0;
	margin-bottom: 1px;
	/* overflow: hidden;   -- this causes trouble. most likely second level navcontainer height */
	}

#navcontainer li { margin: 0 0 0px;	}

#navcontainer ul a, #navcontainer ul a:link, #navcontainer ul a:visited {  /* -- menu buttons -- */
	background-color: #008800;
	border: 1px solid #00cc00;
	color: #ebffe8;
	padding: 0px 5px ;
	}

#navcontainer ul a:hover, #navcontainer ul a:focus {
	background-color: #ebffe8;
	border: 1px solid black;
	color: black;
	}

/*current Link*/
#navcontainer ul a#current, #navcontainer ul a#current:link, #navcontainer ul a#current:visited { 	font-weight: bold; 
	background-color: #00cc00; 
	color: #000000;
	border: 1px solid #ebffe8;
	}

/*Second and subsequent levels*/

#navcontainer ul ul {
	font-size: 80%;
	position: absolute;
	top: 23px; 
	left: 0;
	width: 100%;
	background-color: #ebffe8;
	/* overflow: hidden;   -- this causes trouble. most likely second level navcontainer height */
}

#navcontainer ul ul li { display: inline; }

#navcontainer ul ul a, #navcontainer ul ul a:link, #navcontainer ul ul a:visited {
													/* -- second-level menu buttons -- */
	background-color: #00cc00;
	border: 1px solid #008800;
	color: #000000;
	}

#navcontainer ul ul a:hover, #navcontainer ul ul a:focus { /* -- second-level hover button -- */
	background-color: #008800;
	border: 1px solid black;
	color: white;
}

/*current Link*/
#navcontainer ul ul a#subcurrent, #navcontainer ul ul a#subcurrent:link,
	#navcontainer ul ul a#subcurrent:visited { 
	font-weight: bold; 
	background-color: #ebffe8;
	color: #000000;
	}


/* -- sidebar -- */

#sidebar {
	float: right;
	width: 185px;
	padding: 2px 5px 10px 0px ; /* padding: top right bottom left ; */
	}

/* -- mainContent -- */

#mainContent {
	width: 585px; 
	color: #000000;   /* was #008800 */
	padding: 2px 5px 10px 15px ;
	}

/* -- Two Column split -- */
	/*	
	If the following are placed inside mainContent, they will
	pick up the styles of mianContent. But, then the padding gets
	in the way. So. paddin is removed for these
	 */

.twocol #mainContent {
	padding: 0px 0px 10px 10px ;
	}
	
#rightColMainContent {
	padding: 2px 5px 0px 10px ;
	float: right;
	width: 280px;
	color: #00ff00;
	}

#leftColMainContent {
	padding: 2px 5px 0px 0px ;
	position: relative;
	width: 280px;
	color: #ff0000;
	}
	
/* -- no sidebar modifications -- */

.nosidebar #container    { background: #ebffe8 url("common/tohs_logo_full_wp_fill.gif") repeat-y left top; text-align: left; margin: 0 auto; position: relative; width: 798px; border: solid 1px #008800 }
	
.nosidebar #mainContent {
	width: 770px; 
	color: #000000;   /* was #008800 */
	padding: 2px 5px 15px 15px ;
	}

.nosidebar #sidebar {display: none;}


/* -- footer -- */
#footer	{
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 54px;
		background-color: #00CC00;
		border-top: 1px solid #008800;
		}

#clearfooter {height:55px;width:100%;clear:both}
	/* -- clearfooter height = 57 = footer height + footer border + 2px, based on PMOB design -- */
	/* -- I changed it to exactly the footer height and it looks OK -- */

/* -- sidebar specifications -- */
#sidebar hr {width: 175px; margin-right: 5px;}
#sidebar h1 {font-size: 1.1em; color: #008800; font-weight: 800; padding-right: 5px;}
#sidebar h2 {font-size: 1.0em; color: #008800; font-weight: 800; padding-right: 5px;}
#sidebar h3 {font-size: 1.0em; color: #008800; font-weight: 500; padding-right: 5px;}
#sidebar h4 {font-size: 1.0em; font-weight: 500; color: #000000; padding-right: 5px;}
#sidebar p {font-size: 1.0em; font-weight: 500; padding-right: 5px;}
#sidebar p.green {color: #008800;}
#sidebar .green {color: #008800;}
#sidebar .empha {font-weight: 800; text-transform: uppercase;}
#sidebar .boldgreen {color: #008800; font-weight: 800;}
#sidebar .small {font-size: 0.8em; }
#sidebar li.list {font-size: 1.0em; text-decoration: none; list-style-type: none;}

/*  -- mainContent specifications -- */

#mainContent hr {margin-right: 15px}	
#mainContent h1 {font-size: 1.5em; color: #000000; font-weight: 800; letter-spacing: -1px; 
					padding-right: 10px;}
#mainContent h2 {color: #008800; font-size: 1.25em; font-weight: 800; padding-right: 15px;}
#mainContent h3 {color: #008800; font-size: 1.25em; font-weight: 500; padding-right: 15px;}
#mainContent h4 {color: #008800; font-size: 1.0em; font-weight: 500; padding-right: 15px; }
#mainContent h5 {color: #000000; font-size: 1.0em; font-weight: 800; padding-right: 15px; }
#mainContent p {color: #000000; font-size: 1.0em; font-weight: 500; padding-right: 15px;}
#mainContent p.green {color: #008800;}
#mainContent p:first-letter {font-size: 1.1em; color: #008800; font-weight: 800}
#mainContent .green {color: #008800;}
#mainContent .boldgreen {color: #008800; font-weight: 800;}
#mainContent li {color: #000000; font-size: 1.0em; text-decoration: none; }


/*  -- mainContent for emphasis only -- */
#mainContent p.empha {font-weight: 800; text-transform: uppercase;}
#mainContent p.empha:first-letter  {font-size: 1.1em; color: #000000}

#mainContent .empha {font-size: .9em; font-weight: 800; text-transform: uppercase;}

#mainContent h1.alarm {color: #ff0000 }

#mainContent p.alarm {font-size: .9em; font-weight: 800; color: #ff0000 }
#mainContent .alarm {font-size: .9em; font-weight: 800; color: #ff0000 }

#mainContent p.alarm:first-letter  {font-size: 1.0em; color: #ff0000; font-weight: 800}

#mainContent li.list {font-size: 1.0em; text-decoration: none; list-style-type: none;}

#mainContent .smalltext {font-size: .8em;}

/* -- footer specifications -- */

#footer p {font-size: .9em; font-weight: 500; padding-left: 15px; padding-right: 15px;}

/* -- common specification -- */



/* -- Other stuff -- */
.imageRightFloat { float: right; margin: 5px; border-style: none;}
.imageLeftFloat {float: left; margin: 5px; border-style: none;}
.hide {display: none;}

/* -- to do the same as a <br clear:"all" /> source http://www.jayallen.org/journey/2003/01/xhtml_replacing_br_clearall -- */
.clear-all {clear:both;}