/* layout.css  creative city Document */
/* November 6, 2007 - Tania */
/* min-width put on body and container, container also has max-width of 70em for readability */
/* putting on body - solves the problem with the ul#siteTools displaying over the header image text when minimized */
/* putting on container - sets the max-width for the page */


/* normalizing */
body, div, h1, h2, h3, h4, h5, h6, pre, blockquote, th, td, span, p, form, input, fieldset, select, textarea, label, table {
	margin:0;
	padding:0;
	float: none;
	top: auto;
}

/* normalize font-sizes for headers */
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
/* normalize list-style */
/*ol, ul { list-style:none; }*/

/* normalize font-style & weight */
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	color: #000000;
}

/* remove list-style from lists */
/* li { list-style: none; } */

/* remove border from fieldset & img */
fieldset, img { border: 0; }
img { margin:0; padding: }

/* font-size: 81%, or 13px */
body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 81%; /*removed this - line-height: 1.5em;*/
	color: #333;
	background-color: #FeFeFe;
	min-width: 55em;
	position: relative;
atove; 
}

#header {width:100%;background-color: #93C864;height: 58px;overflow:hidden;}	
.bannerImage {position: absolute;top: 0;left:0;	margin: 0;	padding: 0;}
#header ul#siteTools {
	text-align:right;
	padding:0px;
	margin: 0;
	top: 2px;
	right: 14px;
	list-style-type: none;
	position: absolute;
	overflow: hidden;
	width: 117px;
}


#header ul#siteTools li {
	background-image: url(../images/whitebullet.gif);
	background-repeat: no-repeat;
	background-position: 100% .5em;
	padding-right: 1em;
	list-style-type: none;
	font-size: 90%;
}
#header ul#siteTools a { color:#fff; font-weight:bold; text-decoration:none;}

/******** blackbar nav **********/
#nav {
	margin:0;
	padding:0px;
	width:100%;
	background-color:#000;
	margin-bottom: 1.5em;
	height: 1.5em;
	text-align: left;
	padding-top: 5px;
	position: relative;
}
#nav ul {
	margin: 0;
	padding:0;
	padding-top: 0px;
	list-style-type: none;
}
#nav ul li {
	list-style-type:none;
	margin:0;
	padding: 0;
	display: inline;
	font-size: 90%;
}
#nav ul li.first {display: inline;padding-left: 148px;margin-top: 0px;padding-top: 0px;}
#nav li a.lastNav{	padding-right: 0px;} 
#nav li a:link {
	color:#fff;
	text-decoration:none;
	padding: 0;
	margin-top: 0px;
}	
#nav li a:visited { color:#fff; text-decoration:none;}	
#nav li a:hover {	color: #FFcc66;	text-decoration:none;padding-top: 0px;}	
#nav li a:active { color:#fff; padding-top:0px; text-decoration:none;}

#nav ul#home {	color: #FFFFFF; text-align: right; width: 180px;}


/*********layout container/content/footer ****************/
#container {
	width: 100%;
	position: relative;
	top: 0px;
	left: 0px;
	min-width: 45em; /******************** ADDED Oct. 31/06 ******************/
	max-width: 70em; /******************** ADDED Oct. 31/06 ******************/
	
}

/********************************HERE set max-width test ******************************************/
#content {	margin-top: 0px;margin-left: 200px;	margin-bottom: 20px;margin-right: 1em;} /********************************HERE set max-width test ******************************************/
#footer {clear:both;margin-left:200px;margin-right:15px;padding-bottom:10px;border-top: 1px solid #999;color:#666;padding-top: 0px;}

#footer {
	clear:both;
	margin-left:200px;
	margin-right:2%;
	padding-bottom:1em;
	border-top: 1px solid #999;
	color:#999;
	font-size: .9em; /*76% /*0.8em*/;
	padding-top: 1em;
}
#footer p {	margin: 0px;padding: 0px;}

/***** skip navigation ********/
a.skip {position: absolute; left: -1000em; width: 20em;color: #FFF}
p.skip {
	position: absolute;
	left: -1000em;
	width: 20em;
	color: #FFFFFF;
	margin: 0;padding: 0;}


/************** styles **********/
#content h1 {
	font-size: 1.85em;
	color: #FF009E;
	margin-bottom: 0.5em;
	margin-top: .5em;
} 
#content h2 {font-size: 1.38em;color: #0070AF;margin: 1.25em 0 .5em 0;} 
#content h3 {font-size: 1.23em;	color: #0070AF;	margin: 1.25em 0 .5em 0;}
#content h4 {font-size: 1.08em; margin: 1.25em 0 .5em 0;color: #0070B8;}
#content h5 {
	font-weight: bold;
	color: #333333;
	margin-bottom: 0.5em;
	font-size: 1em;
}
#content h6 {
	font-weight: bold;
	color: #333333;
	margin-bottom: 0.5em;
	font-size: 1em;
}	
#content p {margin-bottom: 1em;	margin-top: 0px;}

.medtext { font-size: .8em; color: #333333; }
.smalltext {font-size: .65em; color: #333333;}

.clr {clear: both;margin-top: 15px;margin-bottom: 10px;}
.bld { font-weight:bold;}
.ital { font-style:italic;}

.indent {
	padding-left:20px;
	}

.register {
	font-size: 1em;
	padding-left:20px;
	padding-top:5px;
	}
	
.registerquestion {
	font-size: 1em; margin: 2em 0 0 0;
	font-weight:bold;
	padding-top:15px;
	color:#0070AF;
	}

.registeranswer{
	font-size: 1em; margin: 0 0 0 0;
	padding-left:20px;
	}	
	
/********************************************Pop up*/
#popup a {
   text-decoration: none; color: #333; 
   }
#popup a:hover {color: #411; }

#popup a span {display: none;}
#popup a:hover span {display: block;
   position: absolute; top: 180px; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #333; background: grey;
   font: 10px Verdana, sans-serif; text-align: center;}


/******** IMAGE STYLES ******/
.imgRight {	margin-left: 20px;	margin-bottom: 10px;float: right;padding: 0px;}
.imgLeft {float: left;margin-top: 5px;margin-right: 20px;	margin-bottom: 10px;padding: 0;}
.imgReg { float: none; margin:10px 0; padding:0;}
.imgLeftBord { float: left;margin-top: 5px;margin-right: 15px;border: solid 1px #999;}
.imgBord { border: solid 1px #999;}
#caption {
	float: right;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 10px;
	padding: 0;
	margin-left: 10px;
   }
   
#caption p {
  font-size:75%;
  margin-top:5px;
  text-align:center;
  }
  
#captionnew {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 0;
   }
   
#captionnew p {
	margin-top:1px;
	font-size: 100%;
   }

/****************** leftSidebar ******************/
#leftSidebar {
	position: absolute;
	left: 0px;
	width: 180px;
	padding: 0;
	margin: 0;
	text-align: right;
	top: 0px;
}

#leftSidebar h1 {
	color:#FF00AA;
	font-size:80%;
	margin:0;
	padding:0px;
	padding-right: 0px;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 0px;
}

#leftSidebar ul {margin:0 0 0 0px; padding: 0 0 12px 0;	width: 180px;list-style-type: none;}
#leftSidebar ul li {margin:0;padding: 2px 0;list-style-type: none;text-align: right;list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-right: 0px;display: block;margin-bottom: 0px;font-size: 75%;}

#leftSidebar ul li a:link {  color: #006600; text-decoration: none; padding: 0; }
#leftSidebar ul li a:visited { text-decoration: none; color: #003366;padding: 0; }
#leftSidebar ul li a:hover { text-decoration: underline;  padding: 0;  }
#leftSidebar ul li a:active { text-decoration: none; color: #00264D; padding: 0; }
#leftSidebar h3 {
	font-size: 80%;
	color: #81B358;
	clear: both;
	padding: 2px 0px;
	margin-bottom: 2px;
	display: block;
	margin-top: 4px;
	font-size: 80%;
	font-weight: bold;
}

/******************************************************************************/
#leftSidebar h1 a:link {text-decoration: none; color: #FF009E;}
#leftSidebar h1 a:visited {text-decoration: none; color: #59BFE7;}
#leftSidebar h1 a:hover {text-decoration: underline; color: #0070AF;}
#leftSidebar h1 a:active {text-decoration: none; color: #FF009E;}
#nav ul#link1 {	padding-left: 20px;}
#nav li a.first {padding-left: 0px;}
ul#siteTools img {	float: left; margin-top: -2px;}
#leftSidebar p.skip {
	margin: 0px;
	padding: 0px;
}
#section p.skip {
	margin: 0px;
	padding: 0px;
}
#nav ul#topnav {
	display: inline;
	list-style-type: none;
	position: absolute;
	left: 201px;
	top: 5px;
	width: 544px;
}
#nav ul#home li#first {	text-align: right;}
#nav li#first a {margin: 0px;	padding: 0px;}
#nav ul#topnav li { }
#nav ul#topnav a {padding-right: 20px;}
/*#nav ul#topnav a:visited {padding-right: 20px;}
#nav ul#topnav a:hover {padding-right: 20px;}
#nav ul#topnav a:active {padding-right: 20px;}*/
#container #content #test {
	background-color: #ECE9D8;
	margin: 1em 0;
}
#test p { font-weight: bold; }

/*****************************************************************************/

#spotlight {
	width:200px;
	background-color:;
	float:right;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:5px;
	margin-left:12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: dashed;
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #666666;
	margin-top: 5px;
}

#spotlight h1 {
	background-color:#56C5DB;
	font-size:1.25em;
	color:#FFFFFF;
	font-weight:bold;
	margin:5px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right: 10px;
	padding-left: 10px;
}

#spotlight h2 {
	font-size: 1.25em;
	color: #FF009E;
	font-weight: bold;
	margin: 0 0 0 12px;
	padding: 0;
	line-height: normal;
}

/* Sibling selector, buggy in IEWin */
#spotlight h2 {
	padding-top: 0em;
}

#spotlight h2.first {
	padding-top: 0.5em;
	
}


#spotlight p {
	padding-top:5px;
	padding-bottom:5px;
	padding-right: 0px;
	padding-left: 10px;
	font-size: .9em;
	
}

#spotlight h1 img {
	float:left; 
	padding-bottom:5px;
	padding-left:4px;
	padding-right:5px;
	text-align:center; 
	margin-top:-2px;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0.75em;
	margin-left: 2px;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 12px;
	color: #666666;
	font-size: 10px;
	color: #666666;
	margin: 5px;
	background-color: #3BC3D8;
	font-size: .9em;
	}

#spotlight img {
	margin: 5px;
	border: 0px;
	}

#spotlight h3 {
	padding-left:5px;
	padding-right:5px;
	margin-top:5px;
	margin-right: 1px;
	margin-bottom: 0.75em;
	margin-left: 5px;
	padding-top: 5px;
	}



#spotlight hr {
	border-bottom-style:dashed;
	border-color:#C8ACD0;
	width:92%;
	margin: 0 auto;
	height:1px
}

.purpleTxt {
	color: #6466B0;
}

.purpleTxtBld {
	color: #6466B0;
	font-weight: bold;
}

.purpleTxtBldHeading {
	color: #6466B0;
	font-weight: bold;
	font-size: 1.38em;
}

.blueTxt {
	color: #1366E8;
}

.blueTxtBld {
	color: #1366E8;
	font-weight: bold;
}

.blueTxtBldHeading {
	color: #1366E8;
	font-weight: bold;
	font-size: 1.38em;
}

#spotlight .placesspaces {
	background-color:#1366E8;
	font-size:1.25em;
	color:#FFFFFF;
	font-weight:bold;
	margin:5px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right: 10px;
	padding-left: 10px;
}
---------------------------------------------------