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

*
{
        padding: 0px;
        margin: 0px;
}

html, body {
	background-color: white;
	height: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: small;
}

img {
	border: 0px;	
}

#header { margin-left: 150px;
		  margin-right: auto;
		  margin-top: 50px;
		  width: 900px;
		  text-align: center;
		  background-color: white;
          padding-bottom: 10px;
}

#header h2 { 
        float: left;
        font-size: 1.4em;
        font-weight: 100;
        margin: 36px 0px 0px 10px;
}

#menu {
	float: right;
	margin-top: 33px;
	margin-right: 10px;
}

#menu ul {
		
	margin: 0px;
	padding: 0px;
}

#menu li {
	list-style: none;	
	margin: 0px 0px 0px 20px ;
	padding: 0px 5px 0px 5px;
	float: left;
	margin-right: 0px;
	margin-left: 10px;
    font-size: 1.2em;  
	color: #09F;
}

#menu li a {
         color: #339;
        
}

#main { margin-left: auto;
		margin-right: auto;
		width: 900px;
		text-align: left;
}

a,a:visited{ color:#339;
	         text-decoration:none;
}

a:hover{ color:#339;
		 text-decoration:underline;
}

h1 {	font-size: 1.2em;
		font-weight: bold;	
        margin: 30px 20px 13px 0px;
        line-height: 1.0em;
        letter-spacing: -0.3px;
        color: #39f;
}

hr {
        border: 0px;
	    background-color: #B9BABA;
	    height: 1px;
        clear: both;
}

#main-boxes { 
		font-size:14px;
		margin-left: 10px;
		margin-right: auto;
		margin-top: 15px;
		width: 900px;
		text-align: center;		
}

#box1 { width:443px;
		height:200px;
		text-align:justify;
		margin-top:1px;
		margin-left:0px;
		color: #000;
		float:left;
}

#box2 { width:443px;
		height:200px;
		text-align:justify;
		margin-top:1px;
		margin-right:0px;
		color:#000;
		float:right;
}

#footer { font-family:Verdana, Geneva, sans-serif;
		  font-size:0.75em;
		  margin-left: auto;
		  margin-right: auto;
		  margin-top: 50px;
		  width: 900px;
		  text-align: center;
		  padding-bottom: 10px;
		  color:black;
}