/* CSS Document */
body {
	background-color:#666666;
	font:11px/1.3em Arial,Helvetica,sans-serif;
}
* {margin:0; padding:0;}
.clearthefloats{clear:both;}
div#box{
	width:580px;
	background-color: #FFFFFF;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
}/* this div contains everything*/
div#header{
	background-color: #000000;
	background-image: url(/images/waveimg2.jpg);
	background-position: right;
	background-repeat: no-repeat;
	height: 100px;
	width: 580px;
}
div#header h1 {
	color: #FFFFFF;
	text-align: center;
	margin: 20px;
}
div#header h2 {
text-align: center;
margin: 10px;
}
div#menu {
	padding:4px 0;
	text-align:right;
	background-color:#CCCCCC;
	color: #FFFFFF;
	text-transform: uppercase;
					}/*menu details*/
 div#menu ul {margin:2px 0;} /* vertical spacing between the lists */
 div#menu li {display:inline; /* the key CSS - makes the lists display horizontally */
						color:white; /* sets the color of the vertical lines */
						border-left:1px solid; /* creates the vertical line to the left of each list items */
						color:#000000; /* sets the color of the vertical lines  - links colored below */
						padding:0 5px 0 9px; /* horiz space between links and vert lines - needed diff l & r values to center */
						}
 div#menu li:first-child {border-left:0;} /* removes the left border of the first list item - IDWIMIE */
 div#menu ul li a {text-decoration:none; /* removes the underlining off the links */
 						 color:#000000; /* the color of the links */
							 }
 div#menu ul li a:hover {text-decoration:underline; color:#000000} /* underlines the links when hovered */
  div#columnleft{
	color: #000000;
	background-color: #FFFFFF;
	width: 450px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
}
 div#columnleft p {
	padding-top: 10px;
 }
 div#columnleft h1 {
	color: #333333;
	background-color: #CCCCCC;
	font-size: 1.5em;
	line-height: 15px;
}
div#columnleft h2 {	color:#FFFFFF;
	background-color: #CCCCCC;
	font-size: 1.3em;
	line-height: 13px;
	}
div#columnleft h3 {
	color:#333333;
	background-color: #CCCCCC;
	font-size: 1.1em;
	line-height: 11px;
	font-style: italic;
	}	
div#columnleft img {
	background-color: #CCCCCC;
	padding: 5px;
	margin: 5px;	
	}
div#leftcolfooter {width:450px;
background-color:#333333;
}
div#leftcolfooter p{
	text-align:center;
	color: #FFFFFF;
}
div#leftcolfooter a{
	text-decoration: underline;
}
div#leftcolfooter a:link{color:#FFFFFF;
} 
div#leftcolfooter a:visited {color:#CC0000;
}
div#leftcolfooter a:hover {
	color:#fff;
}
  div#columnleftgal{
	color: #000000;
	background-color: #FFFFFF;
	width: 450px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
}
 div#columnleftgal p {
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	border-right-width: 1px;
	border-left-width: 1px;
 }
 div#columnleftgal h1 {
	color: #333333;
	background-color: #CCCCCC;
	font-size: 1.5em;
	line-height: 15px;
}
 div#columnleftgal img {
	background-color: #CCCCCC;
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	clear: left;
 }
 div#columnleftgal h3 {
	color:#333333;
	background-color: #CCCCCC;
	font-size: 1.1em;
	line-height: 11px;
	font-style: italic;
	}