html { height: 100%; font-size: 100%; overflow-y:scroll; /* IE hack for better text resizing */ }
body { height: 100%; font-size: .9em; margin: 0px; padding: 0px; background-color: #669966; }
table { font-size: 100%; /* IE hack for better text resizing */ }
img { border: 0 none; }
td { background: transparent; border: 0px; margin: 0px; padding: 0px; font-size: inherit; }
p { margin-bottom: 1em; margin-top: 0em; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0px; padding: 0px; }
ul { list-style-type: square; margin: .5em 0 1em; padding: 0 0 0 1.5em; }
ol { margin: .5em 0 1em; padding: 0 0 0 1.5em; }
ol.listSpace li, ul.listSpace li {margin-bottom:.5em;}
p.listSpace { line-height:1.2; }
blockquote {margin: 1em 15px; padding:15px; }
hr { clear: both; }

#canvasWrapper { 
	text-align: center; padding: 20px;  
	background-color: transparent; 
	color: #000000; 
	font-family:  'Trebuchet MS', Trebuchet, Optima, Arial, sans-serif;
}
#canvas { width: 880px; text-align: left; margin: 0 auto; 
	background-color: #F0D880; 
	border-bottom: 4px solid black;
	border-right:4px solid black; 
	position:relative;
}
/* corners positioned in relative container */
#tlc {position:absolute; left: 7px; top:7px;}
#trc {position:absolute; right: 7px; top:7px;}
#blc {position:absolute; left: 7px; bottom:7px;}
#brc {position:absolute; right: 7px; bottom:7px;}

#pageHeaderWrapper { padding: 10px 10px 0 10px; }
#pageHeader {
	padding: 22px 20px 22px 20px;  height:100%;
	border: 2px solid black; border-bottom: none;
}

#outer {height: 100%; border: 1px solid black; background-color: white; padding: 5px;}
#inner {height: 100%; border: 5px solid black; background-color: #B00000; padding: 2px;}
#mainmenu {height: 100%; border: none; background-color: black; padding:5px 0px;} 
/* mainmenu is class clearfix */

#logo {
 width:153px; height:100px; display:block;
 position:absolute; left: 364px; top: 0px; overflow:visible; z-index:100; 
/* was margin-left: 283; margin-top:-35 */
}
#logo img {border:none; background-color:transparent;}
/* #logo:hover img {display:none;} need to add shaded background image to anchor - no go IE6 */

#mainmenu ul { 
	display: block; 
	margin: 0; padding: 0; 
	font-size: 10px; font-family: verdana; font-weight: bold; color:white;
}
#mainmenu ul.left {width: 290px; float:left; text-align:right;}
#mainmenu ul.right {width: 290px; float:right; text-align:left;}  
#mainmenu ul li {display: inline; margin: 0; padding: 0 0 0 1em;}
#mainmenu a { color: white; font-weight: bold; }
#mainmenu a:hover { color: #99cc99; text-decoration:underline; }

#pageBodyWrapper { padding: 0 10px; }
#pageBody {
	height: 100%; padding: 0 20px;
	border: 2px solid black; border-bottom: none; border-top:none;
}

/* #contentWrapper { background-color:F0D880 #ffffdd; padding: 20px 30px 0px 30px; border:2px solid black;} */

#contentWrapper {background-color: #F5E6AD; padding: 20px 30px 0px 30px; border:2px solid black;}
#content {
	height: 100%; 
	font-family:  'Trebuchet MS', Trebuchet,  Optima, Arial, sans-serif; 
}
#contentFooter {clear:both; margin-bottom:.5em; font-family: verdana, universe, sans-serif; font-size: .75em; text-align:center;}

#pageFooterWrapper { padding: 0 10px 10px 10px; }
#pageFooter {  
	height: 100%;
	padding: 10px 20px 10px 20px;
	border: 2px solid black; border-top: none;
	font-weight:bold; font-size: 90%; text-align:center; 
}

/* used on coming soon page */
.title { font-family: 'Marker Felt', 'Tempus Sans ITC', Impact, Taffy, 'Arial Narrow', sans-serif; font-size: 44px; margin: 0; }
.subtitle { font-family: 'Comic Sans MS', 'Arial Rounded MT Bold', 'Franklin Gothic Demi', sans-serif; font-size: 16px; margin: 0; }

.left {float:left; margin-right:1em; margin-bottom:.5em;}
.right {float:right; margin-left:1em; margin-bottom:.5em;}
.framed {border:5px solid white;}
.caption {padding: 2px 5px; font-size:.85em; font-style:italic;}

h1 {font-family: Arial, sans-serif; font-size: 2em; margin-bottom: 15px; }
h2 {font-size: 1.1em; font-weight: bold; }
h3 {font-size: 1.1em; font-weight: bold; font-variant: small-caps; margin-bottom: .5em; }
.small {font-size: .9em; }
.smaller {font-size: .8em; }
.smallest {font-size: .75em; }
.rowColor td { background-color: #eeeeee; }
.indented {margin-left:2em; }

a:link, a:visited, a:active { color: #800000; text-decoration: none;  }
a:hover { color: #008080; text-decoration: none; }
#content a:link, #content a:visited, #content a:active { border-bottom: 1px dotted; }
#content a:hover { border-bottom: 1px solid; }

.heading { font-weight: bold }
.bgPaleBlue { background-color: #99ccff; }
.bgLightYellow { background-color: #ffff99; }
.bgTan { background-color: #ffcc99; }
.bgLightOrange { background-color: #ff9900; }
.bgBannerGreen { background-color: #99cc99; }
.bgGreen { background-color: #CCFF66; }

.breakoutBox {
	clear:right; float:right; width: 203px; margin: .5em 0 .5em 1em; /* default settings */
	border-top: none;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	border-left: 1px solid #CCC; 
	font-family: arial, sans-serif; 
	font-size: .9em; 
	}
.breakoutTitle { text-align: center; width: auto; padding: .25em; background-color: #008080; color: white; font-weight: bold; }
.breakoutItem { width: auto; padding: .25em .5em; background-color: #f7f0bc; text-align:left; }

/* experimental rounded corners NS and CSS3 */
blockquote {
	-moz-border-radius: 15px;
	border-radius: 15px;
	}

/*
TEXT
==========================
content text: trebuchet ms 11pt
box text, sidebar text: verdana 9pt (headers bold)
header text: marker felt 32pt
subheader text: comic sans MS 12pt
navfooter: verdana 8pt
copyright: univers 8pt

COLORS
==========================
text
	#333333	  RGB 51 51 51  / dark gray /
links
	#008080	  RGB 0 128 128  / aqua /	
hovers
	#800000	  RGB  128 0 0  / maroon /
page background: 
	#5A9171	  RGB 90 145 113  / green /
header background:
	#99cc99 	  RGB 153 204 153  / pale lime green /
sidebar background: 
	#cbd8c5  RGB 203 216 197 / light gray green /
sidebar headers: 
	#004c00	  RGB 0 76 0  / green /
divider background: 
	#008080	  RGB 0 128 128  / aqua /
content background:
	#ffffff	  RGB 255 255 255  / white /
box backgrounds:
	#ffff99	  RGB 255 255 153 / light yellow /
	#ffcc99	  RGB 255 204 153 / tan (salmon) /
	#f7f0bc	  RGB 247 240 188 / true tan
	#99ccff	  RGB 153 204 255 / pale blue /
	#bde0e3	  RGB 187 224 227 / paler blue /
accents, alternate hover:
	#ff9900	  RGB 255 153 0  / light orange /
	#cc6600	  RGB 204 120 0  / orange-brown /
	#814826	  RGB 177 72 38  / rust /
squarespace a:link a:hover
	#005b75	  RGB 0 92 112  / aqua more blue /
	#002157	  RGB 0 33 87 / aqua mostly blue /
	
	http://www.stylegala.com/features/bulletmadness/
*/
 /* *********************** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

 /* ********End Float containers fix */