html { background-image:url("images/skybg.jpg");
/*background-repeat: no-repeat;*/
}
#container {
	margin: 0 auto;
	width: 900px;
	
	/*<!--background-image:url("images/skybg.jpg");
	background-repeat: no-repeat;
	background: #cccc99;-->*/
}

#header {position:relative;
 	/*background:#FFFFCC;*/
	/*background-image:url("images/banner-2.png"); */
	/*&background-repeat: no-repeat;*/
	padding:-10px;
	margin:-10px;
	text-align:center;
	/*color:#00f;*/
	width:98%;
	height:250px;
	/*<!--background:CCCC99;-->*/
	/*padding: 5px;*/
}

#header img {
	position:relative;  left: 25px; top:15px;
    padding:10px;
    margin-bottom:10px;
}
#header h1 { margin:5px;
	font-size:250%;
	position:relative;
	left: 20px;
	top:10px;
	padding:20px;
	}
img.floatLeft { 
    float: left; 
    margin: 8px; 
}

img.floatRight { 
    float: right; 
    margin: 8px; 
}   
      .wrap { width:900px; margin:0 auto;}

#centered { 
 width: 90%; /* set to desired width in px or percent */
 text-align: left; /* optionally you could use "justified" */
 border: 100px; /* Changing this value will add lines around the centered area */
 padding: 0px;  
 margin: 0 auto;

}

#aside a {font-family:times new roman; font-weight:500;
text-decoration:none;
	color:#0000cc;
	}
#aside a:hover {
	border-bottom:1px solid;
	color:#0033CC;
	} 	
#navigation
{	position: float; top:10; left:135;
	width: 90%;
	height: 30px;
	/*<!--background: #333;-->*/
}

#navigation ul
{           list-style:none;
	margin: 0;
	padding: 0;
}

#navigation ul li
{
	list-style-type: none;
	display: inline;
	
}

#navigation li a
{
	/*<!--display: block;-->*/
	float: left;
	padding: 5px 10px;
	color: #03255C;
	text-decoration: none;
	/*border-right: 0px solid #fff;*/
}
ul {list-style:none }
#navigation li a:hover { 
	background: #CCCC99; 
	}

#content-container
{
	float: left;
	width: 900px;
	background: #FFFFCC; /*<!--url(/wp-content/uploads/layout-two-fixed-background.gif) repeat-y 100% 0;-->*/
    margin-top:60px;
    margin-left:30px;
}

#content
{
	clear: left;
	float: left;
	width: 200px;
	padding: -5 0;
	margin: 0 0 0 10px;
	display: inline;
	
	background:#CCCC99;
}
#content a {font-family:times new roman;
font-weight:600;
text-decoration:none;
	color:#0000cc; }
#content a:hover {
	border-bottom:1px solid;
	color:#0033CC;
	}
#content a:visited {color: #993333; }

#content h2 { margin: 0; }

#aside
{
	float: right;
	width: 600px;
	padding: 10px 0;
	margin: 0 65px 0 0;
	display: inline;
	/*<!--background: #009;-->*/
}

#aside h3 { margin: 0; }

#footer
{
	clear: both;
	position:relative;
	background: #ccc;
	text-align: right;
	padding: 20px;
	height: 1%;
    top:1px;
	background:#FFFFCC;
	margin:0px;
	padding:1% 0;
	text-align:center;
	/*background-image:url("images/sky2.jpg");*/
	color:#03255C;
}
.mainhead {position:relative;
	top:100;
	left:-800;
    margin: 0.5in auto;
    color: #03255C;
    width: 95%;
	
    padding: 5px;
    text-align: center;
	background-color: #CCCC99;
    border: 0px solid #03255C;
     
    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
.myBox {position:relative;
	top:110;
	left:-800;
    margin: 0.5in auto;
    color: #03255C;
    width: 90%;
    padding: 5px;
    text-align: left;
	background-color: #FFFFCC;
    border: 0px solid #03255C;
    background-image:url("images/banner-2.png"); 
	background-repeat: no-repeat;
    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
.menu1 {font-size: 13pt;
	background:#CCCC99;
    background url("images/leftcolor_bg.gif") repeat-y top left; 
	}
.menu1 a:link {color:  #03255C;  }
.menu1 a:visited {color: #0066cc;  }
.menu1 a:hover {color: #03f;  }
.menu1 a:active{color: #03255C;  }
