body {
	background-color: white;
	height: auto;}

/* Paragraph style for class "contact" - used on the Contact page */
p.contact {
	border: none;
	margin: 0px;
	font-family: comic sans ms;
	text-align: center;
	font-size: 16pt;
	position: relative;
	top: 0px;
}     

/* Left aligned heading style */
h1 {
   font-family: arial;
   font-size: 14pt;
   color: rgb(255, 0, 0);
   font-weight: bold;
   text-align: left;
   padding: 0px;
   margin: 10px 0px 0px 0px;
   line-height: 1.0;
   border: none;
}

/* Center aligned heading style */ 
h2 {
   font-family: arial;
   font-size: 14pt;
   color: rgb(255, 0, 0);
   font-weight: bold;
   text-align: center;
   padding: 0px;
   margin: 10px 0px 0px 0px;
  	line-height: 1.0;
  	border: none;
}

/* Style for ID "header" - centers and sizes header div on screen */
div.header {
   margin: 0pt auto; 
   position: relative; 
   width: 720px; 
   height: 180px;
   background-image:url(images/new%20logo.jpg);
   background-repeat: no-repeat;
   background-position: 0px 10px;
}

div.header img{
   position: absolute;
   top: 0px; 
   left: 387px; 
   height: 120px; 
   width: 333px; 
   background: white;
}

div.header a, div.header a:visited, div.header a:link{
	display: block;
  	font-family: arial;
  	font-size: 14pt;
  	text-decoration: none;
  	float: left;
  	margin-top: 140px;
  	margin-right: 5px;
  	padding-right: 8px;
  	padding-left: 8px;
  	padding-top: 3px;
  	padding-bottom: 3px;
  	background-color: #33aa00;
  	color: white;
  	overflow: hidden;
  	border-right: 3px solid darkgreen;
  	border-bottom: 3px solid darkgreen;
}

div.header a:hover{
	background-color: rgb(255, 204, 0);
}

/* Style for class "info" - sizes and centers main content div on screeen */
div.info { 
   position: relative;
   top: 20px;
   width: 720px;
   height: 375px;
   margin: auto;
   background: white;
   border: none;
   padding: 0px;
   font-family: arial;
   font-size: 12pt;
   font-style: normal;
   font-weight: normal; 
}

/* Styles for div nested on left to the info div. This is the on-page item navigation menu. */ 
div.left {
	bottom: 0px;
	width: 150px;
	float: left;
}

div.left a, div.left a:visited, div.left a:link {
   float: left;
   display: block;
 	border: 2px solid black;
   height: auto;
   width: 150px;
   background-color: #000077;
   color: white;
   font-weight: bold;
   margin: 5px 0px 0px 0px;
   text-align: center;
   overflow: hidden;
   text-decoration: none;
   padding: 5px 0px 5px 0px;
	}

div.left a:hover{
   background-color: rgb(255, 205, 0);
   border: 2px solid rgb(255, 205, 0);
}

/* Styles for main div nested to the right of the info div.  This is the content section */ 
div.right {
	position: absolute;
	height: 100%;
	width: 545px;
	right: 0px;
	overflow: auto;
	background-color: white;
   line-height: 120%;
   text-align: left;
   text-indent: 0;
   color: black;
}

/* This div puts a separator and padding on the individual content items> */
div.right div {
	border-top: 5px ridge #003399;
	height: auto;
	padding: 10px 0px 15px 0px;
	margin: 0px;
}

/* paragraph style for the content in the right container. */ 
div.right div p {
   margin: 10px 0px 0px 0px;
   padding: 0px;
}

/* paragraph style for the content in the right container of the calendar. */ 
div.right div p.cal {
   margin: 10px 0px 0px 125px;
   padding: 0px;
}

/*  container for news images and captions in the right container */
div.right div div {
	font-style: italic;
	font-size: 10pt;
	line-height: 120%;
	margin-right: 20px;
	padding-right: 0px;
	width: 265px;
	height: auto;
	border: none;
	float: left;}

/* Style for class "support" - used on support page */ 
.support {
	border-bottom: 5px ridge #003399;
}

/* Style for class "thanks" - used on support page */ 
.thanks {
	background: white url(images/sprtThanks.gif) no-repeat scroll 50% 50%;
}

/* Style for class "wish" - used on support page */ 
.wish {
	background: white url(images/sprtGifts.gif) repeat scroll center center;
	text-align: center;
}

/* Styles for the build page.  This is the main container to center data on the screen. */
div.build { 
   position: relative;
   top: 20px;
   width: 720px;
   height: 375px;
   margin: auto;
   background: white;
   border: none;
   padding: 0px;
   font-family: arial;
   font-size: 12pt;
   font-style: normal; 
   font-weight: normal;
   line-height: 120%;
   color: black;
   text-align: left;
   text-indent: 0;}

div.build div.left {
	position: absolute;
	top: -20px;
	left: 0px;
	width: 100px;
	height: 400px; 
	border: none;}         	

div.build p {
   margin-left: 130px;
   margin-top: 0px;
   border: none;
   z-index: 1;}   
   
div.build a, div.build a:link, div.build a:visited {
	width: 100px;
	height: 62px;
   margin: none;
   border: 1px solid black;
   display: block;
   text-decoration: none;
   }

div.build a span, div.build a:link span, div.build a:visited span {
   position: absolute; 
   top: 0px;
   left: 200px;
   width: 400px;
   height: auto;
   display: none;
   background-color: lightblue;
   margin: 0px;
   padding: 20px;
   font-size: 10pt;
   font-style: italic;
   color: black;
   text-decoration: none;
   z-index: 10;}

div.build a:focus span, div.build a:active span {
	display: block;}

div.toon {
	position: absolute;
	right: -135px;
	top: 0px;
	width: 124px;
	height: 125px;
	background-color: white; }
	
div.toon p {
	color: black;
	font-size: 11pt;
	margin: 0px;
	padding: 2px;
	background-color: #ccffff;
	border-top: 1px solid black; 
	border-right: 1px solid black;
	border-left: 1px solid black;}