@charset "utf-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#6CF;
}

#header{
	height:100px;
	background-image:url(../main_pic/headerimg.jpg);
	background-repeat:no-repeat;
	background-position:center;
}


#main{
	margin-left: 15em;
	margin-right: 1em;
	color: #000;
}


#navigation ul
{
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size:.9em;
	margin-left: 10px;
	padding: 0;
	list-style-type: none;
	float:left;
}

#navigation li {
	margin: 0 0 .1em 0;
}

#navigation a
{
	display: block;
	color: #FFF;
	background-color: #009;
	padding: 0 0.6em 0 0.6em;
	text-decoration: none;
	border-radius: 10px;
	width: 13em;

}

#active a
{
	display: block;
	color: #FFF;
	background-color: #36F;
	width: 14em;
	padding: 0 0.6em 0 0.6em;
	text-decoration: none;
}

#navigation a:hover
{
background-color: #69F;
color: #FFF;
}





#footer{
	clear:both;
	background-color:#330;
	color:#FFF;
	padding:.2em;
	padding-right:1em;
}


a:hover{
	color:#F00;
}


.float_pic_right
{
float: right;
margin-right:1em;
margin-bottom:1em;
margin-left:1em;
}

.float_pic_left
{
float: left;
margin-right:1em;
margin-bottom:1em;
margin-left:1em;
}


#leftMainIntro
{
float:left;
margin-right:1em;
margin-bottom:1em;
margin-left:1em;
}

#leftMainPics
{
float:left;
margin-right:1em;
margin-bottom:1em;
margin-left:1em;
padding-left:10px;
padding-right:10px;
width:14em;
}


#textPics
{
border-style: solid;
border-width: 1px;
padding-top:10px;
}