.officeuse { display:none; height:1px; }
html { height: 100%; font-size: 100%; /* IE hack for better text resizing */ }
body { height: 100%; font-size: .92em; margin: 0px; padding: 0px; 
/*	background-color:#897; background:url(images/bg-green-crete.jpg); */
	background-color:#0073B2; background:url(images/bg-green2-crete.jpg);
	background-attachment:fixed; 
}
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; }

textarea, input {
	font-family: sans-serif;
	font-size: .9em;
}

#canvasWrapper { 
	text-align: center; padding: 20px 0; 
	color: #333333; 
	font-family:  'Trebuchet MS', Trebuchet, Optima, Arial, sans-serif;
}
#canvas { width: 890px; text-align: left; margin: 0 auto; }
#canvashome { width: 960px; text-align: left; margin: 0 auto; }

#pageHeaderWrapper { width: 100%; /* background-color: #99cc99; */ background-color:#fff8e4; }
#pageHeader { 	
	padding: 2px 30px 15px 30px;  
/*	border: 5px solid #008080; border-bottom: 0 none;  */
	border: 5px solid #FAD42D; border-bottom: 0 none; 
}
.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; }
.navtop {float:right; font-size: .75em; text-align:right; margin:2px 0 0 0; font-family: Verdana, sans-serif; }
.indented {margin-left:2em; }

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: #e3e3e3; }

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

/* display:table; */
#pageBodyWrapper { width: 100%; /* background-color: #fff8e4; */ background-color:#ffffff; }
#pageBody { 
	height: 100%;  
/*	border-left: 20px solid #008080; border-top: 20px solid #008080; border-right:2px solid #008080; border-bottom: 2px solid #008080;
	background-image: url(images/bg_graysand.jpg);  */
	border-left: 20px solid #FAD42D; border-top: 20px solid #FAD42D;
	border-right:2px solid #FAD42D; border-bottom: 2px solid #FAD42D;
	background-image: none; background-color:none;
}
#sidebarWrapper { float: left; background-image:none; background-color: #CBD8C5;}
#sidebar { 
	height: 100%; width: 160px;   
	padding: 0 5px 10px 10px; 
	font-family: Verdana, sans-serif; font-size: .8em; 
/*	border-right: 1px solid #008080; border-bottom: 1px solid #008080; */
	border-right: 1px solid #FAD42D; border-bottom: 1px solid #FAD42D;
	}
#sidebar ul { list-style: none; margin: 0; padding: 0; }
#sidebar ul li { padding-top: 1em; } 
#sidebar ul li ul { padding-left: 1em; }
#sidebar ul li ul li { padding-top: .4em; }
#sidebar a.heading { color: #004C00; font-weight: bold; }
#sidebar a.heading:hover { color: #0073BA; }

#feature { 
	position:relative; z-index:100; float:right;
	left:0; top:-80px; margin-bottom:-80px;
	border: 2px solid #fad42d;
}
#feature2 { 
	position:relative; z-index:100; float:right;
	left:0; top:-110px; margin-bottom:-110px; 
	border: 4px solid #fad42d; 
	border-radius: 8px;	-moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px;
}

#contentWrapper { float:left; }
#content {
	height: 100%; width: 630px;
	padding: 20px 30px 0 30px;
	font-family:  'Trebuchet MS', Trebuchet,  Optima, Arial, sans-serif; 
}
#contentHome {
	height: 100%; width: 702px;
	padding: 20px 30px 0 30px;
	font-family:  'Trebuchet MS', Trebuchet,  Optima, Arial, sans-serif; 
}

#pageFooterWrapper { clear:both; text-align:center; padding-left: 160px; }
#pageFooter { 
	height: 100%; 
	padding: 0 30px 10px 30px;  
	font-family: Verdana, sans-serif; font-size: .75em 
}
#copyright { font-family: Univers, sans-serif; font-size: .75em; }

.box, .box2col, .box3col { 
	padding: 10px; margin: 0 0 20px 0px; 
	border-right:2px solid #666666;
	border-bottom: 2px solid #666666;
	border-left: 1px solid #cccccc;
	border-top: none; 
	font-family: arial, sans-serif; font-size: .8em; 
}
.box {width: 172px; float:left; }
.box2col { width: 386px; float:left; }
.box3col { width: 675px; float: left;}
.box li, .box2col li, .box3col li { list-style-image: url(bullet10.gif); padding-bottom: .25em; }
.box ul, .box2col ul, .box3col ul { margin-bottom:0; padding-bottom:0; }
.box h2, .box2col h2, .box3col h2 { color:white; padding-bottom: .5em; border-bottom: 1px dashed #333; }

.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: #0073B2; /* #008080 */ color: white; font-weight: bold; }
.breakoutItem { width: auto; padding: .25em .5em; background-color: #f7f0bc; text-align:left; }

.outset { border: 4px ridge; }	
.ridge { border: 4px ridge; }	

/* experimental rounded corners CSS3 */
blockquote {
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-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: 
	#508060	  RGB 80 128 96  / light forest 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/
	
	New Colors:  dark green #007F48  light green #8CC540  dark blue #0073B2  darker blue #005080  light blue #00A6E0  gold: #FAD42D
*/