/* CSS Document */
body {
	background-color:#FFFFFF;
	font:11px/1.3em Arial,Helvetica,sans-serif;
	background-image:url(/images/interactive_design.jpg) repeat-y top center;
}
* {margin:0; padding:0;}
.clearthefloats{clear:both;}
div#box{
	width:410px;
	background-color: #FFFFFF;
	margin:auto;
	border: thin solid #336699;
	padding: 5px;
}/* this div contains everything*/
div#header{
	background-color: #336699;
	background-position: center;
	background-repeat: no-repeat;
	height: 300px;
	width: 400px;
	background-image: url(/images/webheader.jpg);
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}
div#header h1 {
	color: #FFFFFF;
	text-align: center;
	margin: 20px;
}
div#header h2 {
text-align: center;
color: #FF9900;
}
div#menu {
	padding:4px 0;
	text-align:center;
	background-color:#336699;
	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:#FFFFFF; /* 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:#FFFFFF; /* the color of the links */
							 }
 div#menu ul li a:hover {text-decoration:underline; color:#FF9900} /* underlines the links when hovered */
  div#columnleft{
	color: #FFFFFF;
	background-color: #336699;
	width: 400px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	float: left;
}
 div#columnleft p {
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 25px;
 }
 div#columnleft h1 {
	color: #FFFFFF;
	background-color: #385B80;
	font-size: 1.5em;
	line-height: 15px;
}
div#columnleft h2 {	color:#FF9900;
	background-color: #385B80;
	font-size: 1.3em;
	line-height: 13px;
	}
div#columnleft h3 {
	color:#FF9900;
	background-color: #385B80;
	font-size: 1.1em;
	line-height: 11px;
	font-style: italic;
	}	
div#columnleft img {
	background-color: #CCCCCC;
	padding: 5px;
	margin: 5px;	
	}

div#columnleft a{
	text-decoration: underline;
}
div#columnleft a:link{color:#FFFFFF;
} 
div#columnleft a:visited {color:#FF9900;
}
div#columnleft a:hover {
	color:#FF9900;
}
div#leftcolfooter {width:400px;
background-color:#385B80;
}
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:#FF9900;
}
div#leftcolfooter a:hover {
	color:#FF9900;
}
  div#columnleftgal{
	color: #FFFFFF;
	background-color: #336699;
	width: 400px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	float: left;
}
 div#columnleftgal p {
	padding-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
 }
div#columnleftgal a{
	text-decoration: underline;
}
div#columnleftgal a:link{color:#FFFFFF;
} 
div#columnleftgal a:visited {color:#FF9900;
}
div#columnleftgal a:hover {
	color:#FF9900;
	}
 div#columnleftgal h1 {
	color: #FFFFFF;
	background-color: #385B80;
	font-size: 1.5em;
	line-height: 15px;
}
 div#columnleftgal img {
	background-color: #FF9900;
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	clear: left;
 }
 div#columnleftgal h3 {
	color:#385B80;
	background-color: #FF9900;
	font-size: 1.1em;
	line-height: 11px;
	font-style: italic;
	}