/* CSS Document */


/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
}

body{

	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 10px;
	text-align:left
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	margin: 0;
	padding: 10px 0px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
}

#outer {
    width: 90%;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}

#navlist
{
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
	padding: 3px 0.5em;
	margin-left: 23px;
	border: 1px solid #778;
	border-bottom: none;
	text-decoration: none;
	background-color: #CCCCCC;
}

#navlist li a:link { color: #333333; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
color: #000;
background: #EE9F45;
border-color: #227;
}

#navlist li a#current
{
background: white;
border-bottom: 1px solid white;
}

/*********** .box styles ***********/

.myBox1
{
	float: left;
	border: 0px solid #ffffff;
	color: #000000;
	width: 300px;
	height: 300px;
	padding: 0px;

	/*border: 3px solid #ffffff;*/
	clear: left;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 120px;
	margin-left: 20px;
}
	
.myBox2
{
	float: left;
	border: 0px solid #ffffff;
	color: #000000;
	width: 300px;
	height: 300px;
	padding: 0px;


	/*border: 3px solid #ffffff;*/
	clear: none;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 120px;
	margin-left: 20px;
}
	
.myBox3
{
	float: left;
	border: 0px solid #ffffff;
	color: #000000;
	width: 300px;
	height: 300px;
	padding: 0px;
	

	/*border: 3px solid #ffffff;*/
	clear: right;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 120px;
	margin-left: 20px;
}
	
.myBox4
{
	float: left;
	border: 0px solid #ffffff;
	color: #000000;
	width: 300px;
	height: 500px;
	padding: 0px;


	/*border: 3px solid #ffffff;*/
	clear: none;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 120px;
	margin-left: 20px;
}	
