/* all the font*/
body{
	font-family:Verdana, sans-serif;
}
h1,h2,h3,h4{
	font-family:Georgia, serif;
}

/* "big box"*/
.wrapper { 
    width: 90%;
	margin:5px auto;
    padding:5px 30px;
	border: solid 1px grey;
	border-collapse:collapse;
	color:black;
}



h2, h4{
	color:#5a99eb;
}
#title{
	width:100%;
	border-bottom: solid 3px black;
}

#h2navigation{
    margin: 20px;
}

#navigation{
	list-style-type:none;
	background-color:white;
	padding:0;
	margin:0;
    margin-right: 10px;
}

/* navigation style*/
.primarynav{
	display:block;
	padding:0;
	margin:0 0 10px 0;
}
.primarynav a{
	text-decoration:none;
	color:#0e0385;
	font-weight:bold;
}
.primarynav a:hover{
	text-decoration:underline;
	background-color:#ffffff;
}
.current{
	border-bottom:solid 2px navy;
}

/* 3 clolumn layout*/
#main-content{
	width:100%;
	margin: 0;
	padding: 0;
}
#left-column{
	float:left;
	width: 14%;
	margin: 1.5em 0;
	border-right: solid 1px rgb(147, 141, 141);
	
}
#main-content{
	width: 60%;
	float:left;
	margin: 0;
	padding: 0 1%;
}
#right-column{
	width: 20%;
	float:left;
	margin: 0.5cm 0;
	padding: 0 1%;
	background-color:#6395e6;
	color:white;
}
#right-column h4{
	color:white;
}
#footer{
	width:100%;
	clear:both;
	color:#0e0385;
	padding-top:1cm; 
}

/*control links*/
a:link, a:visited {
    text-decoration: none;
    color: black;
}

a:hover {
    text-decoration: underline;
}

/* skip link*/

#skip-links{ 
width: 100%;
background-color: black;
}

#skip-links a{ 
color: white;
}