html {height:100%;}
body {
	height: 100%; 	font-size: 100%; 
	margin: 0; 	padding: 0; 
	border: 0;	background-color:#000;
	/*background-image:url(images/blackbg.gif) top right repeat-y; */
	/*99ccff is fadey light blue, 6699cc is stronger
	/*9999cc is fadey purple, ccccff is lavender washed out, and 666699 strong purple */
/*	background-color:#996699;*/ /* 	old dark green color: #006666;*/
/* this is the old yellow #ffcc33 
#ff9900 old burnt orange
 dull orange cc9966
 mid orange cc9933*/

	color: #ccc;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
		} 
p {margin:5px; padding-left:5px;}
a {text-decoration:none;}
a:link, a:visited {color:#6699cc; font-weight:700;}
a:hover, a:active {color: #666699; font-weight:800;}
a img {border:none;}
h2, h3, h4, h5 {text-align:center;}
ul {margin: 5px 0;}
li {margin: 0 0 10px;}

textarea {
	background-color:#cccccc ;
	border: white 1px solid;
	color: black;
	font-family: arial, verdana, ms sans serif;
	font-size: 10pt;
	font-weight: normal
}
input {
	background-color: #cccccc;
	color: black;
	font-family: arial, verdana, ms sans serif;
	font-weight: normal;
	font-size: 10pt;
}

#wrapper {
	/* 	margin: 0 auto;
	text-align:center;
	background:url(images/bg780-white.gif) top left repeat-y;*/
	position:relative;
	min-width:780px;
	min-height:100%;
	margin:0 auto;
	text-align:center;
}
* html #wrapper {height:100%}	
#banner {
	background-color: #000;
	margin: 0 auto;padding:0;
	text-align:center;
	/*height:70px;*/
	border:1px solid #000; 
}

/************ navbar ***************/
* html #navbar a {height:1px;}
#navbar { 
	position:relative;
	margin:0 auto 1em;
	padding:0 0;	background-color: #000;
/*	padding-bottom: 1em; 
border:1px solid #999;*/
	}
#navbar ul {
/*	clear:left; */
	text-align: center;
    margin: 0 auto;
	list-style-type: none;
/*	text-indent: 0;
	width:600px;*/
	width:61em;
	position:relative;
	height:1.5em;	
	}
#navbar ul li {
	float:left;
	margin:0;
/*	behavior:url(http://www.willibrown.com/cssh.htc);  
	padding: 0.25em 1em;*/
	padding:0;
	height:1.5em;	
	line-height:1.5em;
	list-style-type: none;
	width:10em;
	position:relative;
}	
#navbar ul a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:900;
	text-decoration: none;
	display:block; 
/*	margin:0; */
	text-align:center;
	color:#999;
}
/*#navbar ul ul a:hover {color:#009999; text-decoration: none;}#navbar ul a:hover {color:#99CCCC; text-decoration:none;}*/	
#navbar a:hover {color:#ffcc33; text-decoration: none; background-color: #cc9933;}
/*#navbar ul li:hover ul, #navbar ul li.hover ul {visibility:visible;}*/
#navbar ul li:hover ul {display:block;}
#navbar ul ul {
	position:absolute; 
	margin:0;
	padding:0; 
	display:none;
	list-style:none;
	height:2em;
	left:-5em;
}
#navbar ul ul {	width:18em;
	/*#navbar ul ul#creativity {
	left:-6em;*/
}
#navbar ul ul li {width:6em;}
#navbar ul ul a {font-size: 14px;}
/******************************************VERT NAVIGATION **********************/
#menu {position:relative; padding:40px 0 20px;}
* html #menu {display:inline-block;}
ul#navmenu {
width:140px;
margin:0 auto;
padding:0; 
text-align:center;
list-style-type:none;
/*clear:left;  
position:relative;
  padding-left: 10px;
border:1px solid navy;
background-color:#99ccff;*/
color: white;
font-size:1em;
}
#navmenu li {
margin:0; 
display:block; 
/*removed text-align:left; 
border-bottom:1px solid #3300CC;*/
padding:0;
line-height: 2em;
}
* html ul#navmenu li {
height:1%;
line-height:1%;
}

#navmenu li #bottom {border-bottom:none;}

#navmenu li a {
text-align:left;
display:block;
text-decoration:none;
line-height: 2em;
padding-left: 5px;
}
* html #navmenu li a {width:100%;}
#navmenu li a:link,  #navmenu li a:visited{
color:#FFCC33; font-weight:700;
/*background-color: #ffffcc;
background-color: #99CC66;*/
}
#navmenu li a:hover {
color: #ccccff; /*lavender*/
font-weight:800;
display:block;
}
#navmenu li a:active {
color: #009933; /*forest*/
}
/*show selected page in nav */
#navmenu li.hot{
padding-left: 5px;
text-align:left;
font-weight:700;
color:#FFFFCC;
/* .highlight color */
display:block;
line-height: 2em;
}
* html #navmenu li.hot {width:100%;}

/******** create nav bar ***********/
#createnavbar { 
	position:relative;
	margin:0 auto;
	padding:0;
	}
#createnavbar ul {
	clear:left; 
	text-align: left;
    margin: 0 auto;
	list-style-type: none;
	text-indent: 0;
	width:200px;
	}
#createnavbar ul li {
	float:left;
/*	behavior:url(http://www.willibrown.com/cssh.htc); */ 
	margin:0;
	padding: 0.5em 0;
	height: 1em;
	line-height:2em;
	list-style-type: none;
	text-align:left;
	width:180px;
}	
#createnavbar ul li a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
/**/font-weight: bold;
	text-decoration: none;
	display:block; 
	text-align:left;
	color:#99CCFF;
}
#createnavbar a:hover {color:#ffcc33; text-decoration: none;}

/******** content *******************************************************************/
/* Text and copy formatting */	
.credit {
	font-size:9px;
	display:block;
}	
.dinkylink {
		color:#006633;
		font-size:13px;
		display: block;
		}
.dinkylink a {
		color:#006633;
		font-family: Courier New, Courier, mono;
		text-decoration: none;
		font-weight: bold;
		}
.dinkylink a:hover {
		color: #99ccff;
/*font-style: italic;font-size:32px;
font-family:Storybook, Tubular, Vagabond, fantasy, sans-serif; */
		text-decoration: none;
		}
		
.gohomelink {
		text-align:left;
		font-size:24px; 
		}

.poems {
		background:#cccccc;
		color:#000000;		
/*		margin-left: 2em; */
		font-size:12px; 
		width: 40em;
		}
.poems a{
		color:#666666;
		font-family: sans-serif;
		text-decoration: none;
		}
.poems a:hover{
		color: #999999;
		text-decoration: none;
		}

#clearfooter {
	clear:both;
	height:80px;
	overflow:hidden;
}
.myblurb {
    	margin: 0 5px;
		padding: 1em 2em;
		text-align:left;
		font-size:14px;
		display: block;
		font-weight:bold;
		}	
.blurbleadphoto {
		margin: 0 5px;
		padding: 0 5px;
		float:left;
		}

/***** UL in body no bullet ****/
.nobullet { 
/*	position:relative;*/
	margin:0 auto 10px;
	padding:0;
		display:block; 
	}
.nobullet ul {
	clear:left; 
	text-align: left;
    margin: 0 auto;
    padding: 0 5px;
	list-style-type: none;
	text-indent: 0;
			display: block;
	}

.nobullet ul li {
	float:left;
	margin:0;
	padding:5px 0 5px;
	list-style-type: none;
	text-align:left;
		display:block; 
}	
.nobullet ul li ul, ul li ul li {
		display:block; 
}	
.imagepagebelly {
	position:absolute;
	top:260px;
	left:270px;
	}
.centerstuff {text-align: center;}
.leftstuff {text-align: left;}
.rightstuff {text-align: right;}
.juststuff {text-align: justify;}
.huge {font-size:18px;}
.big {font-size:16px;}	
.small {font-size:11px;}
.myform {
	/*background-color: #FF6F07;
	border: #000000 solid 1px;
	color: #000000;*/
	font-family: Verdana,sans-serif;
	font-size: 10px;
	font-weight: normal;
}
.centbold {
	text-align:center;
	margin-bottom:10px;
	color:#FFCC33;
	font-size:14px;
	font-weight: bold;
}
.newsdate {
	color:#FFCC33;
	font-weight:700;
}
.newsbody {
	font-size:11px;
	font-weight:500;
	color:#ccccff;
	text-align:justify;
	}
	/*****************         IMAGE  STYLES     **********/
.imgCenter {
	display: block;
	padding: 0; margin:0 auto;
}
.imgLeft {
	float:left;
	padding: 0 10px 5px 0;
}
.imgRight {
	float:right;
	padding: 0 0 5px 10px;
}
/******************************************** layout ***********************************/
.prop {
	height:300px;
	float:right;
	width:1px;
}
.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}	
#left {
/*	background-color:#006633;
	border: 1px solid #cccc99; 
	padding-left:5px;*/
	float:left;
	width:230px;
	text-align:left;
}

#main {
	position:relative;
/*	padding-left:5px;*/	margin-right:100px;
	text-align:left;
}
#main h1,h2,h3,h4,h5 {margin:0; padding:0; text-align:left;}
#main p {margin:5px; padding-left:5px;}
#right {
	float:right;
	width:150px;
	text-align:left;
	margin-right:80px;
	}
#main ul {
	list-style-type:none;
    margin: 0 auto;
	text-indent: 0;
}
#mainleft {
	padding: 5px;
	float:left;
/*this float brought the right column up but pushed the left one to the right */
	width:250px;
/*margin:5px;	border:1px solid green;*/
	text-align:left;
}	
#mainright {
	padding: 5px;
/* 	margin:5px; 	position:relative;
float:right; only made it float right but still below the left */
	text-align:left;
	/*firefox requires a left margin*/
	padding-left:510px;
	/*width:295px; this just made it pop down below on IE resize now it flows*/
	width:auto;
/*	border:1px dashed red;*/
}
#footer {
	position:relative;
	bottom:0;
	height:80px;
	width:100%;
	margin:0; padding:0;
/*	margin-top:-80px;
		color:#FF00FF; */
	text-align:center;
	font-size:10px;
	padding-left:5px;
	background-color:#000;
}
#footer {width:100%;	display:block;} 
#footer p{
	text-align:left;
	margin-bottom:10px;
	color:#FFCC33;
	font-size:12px;
}			
/* the left and right are fixed at 150 and the content seems to be fluid */
.fakeleft {	margin-left:230px;}