@charset "utf-8";
/* CSS Document */

/* Reset */
*{
	margin: 0;
	padding: 0;
	
}

/*divs*/

body {
	width:960px;
	background-color:#11282D;
	margin-left: auto;
	margin-right: auto;
	
}

header {
	width:940px;
	height: 100px;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	background-color:#A5C4BB;
	border-style: solid;
	border-color:white;
	border-width: 7px;
	text-align: center;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	
}

nav {
	width:970px;
	height: 20px;
	padding: 3px;
	margin-left: auto;
	margin-right: auto;
	background-color:white;
	text-align: center;
}


article {
	width: 940px;
	color:white;
	background-color:#A5C4BB;
	padding: 10px;
	border-style: solid;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	border-color:white;
	border-width: 7px;
	margin-top: 3px;
	margin-left:auto;
	margin-bottom: 10px;
	line-height: 160%;
	text-align: left;
	margin-right:auto;
	
}



/* not using aside

aside {
	width:300px;
	color:#FBF7E9;
	background-color: #8F8980;
	padding: 10px;
	border-style: solid;
	border-color: #409B89;
	border-width: 7px;
	text-align:left;
	margin-left:auto;
	margin-right: 20px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin-top: 10px;
}

*/


	
#sidebar {
	width: 250px;
	float: right;
	padding: 10px;
	color: white;
	background-color: #11282D;
	border-style: solid;
	border-color:white;
	border-width: 5px;
	margin-top:50px;
	opacity: .9;
	margin-left: 0;
	text-align: left;
	border-radius: 25px;
}



footer {
	width:960px;
	background-color:#A5C4BB;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding: 7px;
	
}
	
/*Text Styles*/

h1 {
	color: #11282D;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin-top: 15px;
	margin-bottom: 5px;
	text-align: center;
	font-weight: bold;
}

h2 {
	color: #11282D;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin-top: 15px;
	margin-bottom: 3px;
	text-align: center;
	font-weight: bold;
}

h3 {
	color:white;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin-top: 15px;
	margin-bottom:3px;
	font-weight: bold;
	
}

h4 {
	color: #11282D;
	font-family: "Lucida Sans Unicode", "Lucia Grande", sans-serif;
	margin-top: 15px;
	margin-bottom: 3px;
	font-weight: bold;
}

p{
	color:white;
	font-family:"Lucida Sans Unicode", "Lucia Grande", sans-serif;
	text-align:left;
	line-height: 165%;
	margin-bottom:15px;
	font-size:15px;
	
}

/*article paragraph tag (specialized for margins)*/
article p{
	margin-bottom: 20px;
	margin-top: 10px;
	font-size: 15px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
}


	
/*lists within the article*/
article li {
	margin-left:30px;
}


/* generic hyperlinks all links other than footer and navigation*/
a:link{:white;text-decoration:underline;}
a:visited{color:#142797;text-decoration:underline;}
a:hover{color:#34971A;text-decoration:underline;}
a:focus{color:white;text-decoration:underline;}
a:active{color:White;text-decoration:underline;}

/*nav links start here */

nav a:link {
	color: white;
	background-color: #A5C4BB;
	text-decoration: none;
	font-weight: bold;
	border-style:solid;
	border-width: 5px;
	padding: 7px;
	border-color: white;
	margin-right: 5px;
	margin-left: 3px;
}

nav a:visited {
	color: #142797;
	background-color: #A5C4BB;
	text-decoration: none;
	font-weight: bold;
	border-style:solid;
	border-width: 2px;
	border-color: white;
	padding: 7px;
	margin-right: 5px;
	margin-left: 3px;
}

nav a:hover{
	color:#34971A;
	background-color:#11282D;
	border-color:white;
	text-decoration: none;
	font-weight: bold;
	padding: 7px;
	margin-right: 5px;
	margin-left: 3px;
}

nav a:active{
	color:white;
	background-color: #A5C4BB;
	border-color: white;
	text-decoration: none;
	font-weight: bold;
	padding:7px;
	margin-right: 5px;
	margin-left:3px;
}

/*classes*/

.right{
	float:right;
}

.left{
	float:left;
}
