/* CSS Document */

body{ /*Default setting for the page*/
	background-color: #d8e2ea;
	font-family:"New Times Roman", Times, sans-serif;
	font-size: 100%;
	text-align:center;
	line-height:01.04em;
	width:95%;
}

h1, h2, h3, h4, h5{ /*How the h tags will be effected*/
	font-size:1.5em;
	letter-spacing:0.03em;
	font-weight:15%;
}

a{ /*The looks of the a tag*/
	font-family:"New Times Roman", Times, sans-serif;
	font-size:large;
}

a:link{ /*The colour of the link when it is not visited*/
	color:#d8d8d8;
}

a:visited{ /*Colour of the link after it has been clicked*/
	color:#00aeff;
}

a:hover{ /*what happens when you hover over the links*/
	text-decoration:none;
	color:#000000;
	font-weight:bold;
	border-bottom:5% dotted #91476;
}

a:active{
	color:#f6f8ff;
	text-decoration:shadow;
}

#banner{ /*This effects the image banner*/
	height:100%;
	width:102%;
	position:static;
}

header{ /*effects the header*/
	display:block;
	position:static;
	text-align:center;
}

header img{ /*Effects the size of the header image and its position*/
	position:static;
	width:102%;
	height:100%;
}

nav{ /*This is the code that manipulates the nav bar*/
	text-align:center;
	display:block;
	color:#666666;
	padding:2%;
	border-radius:8px;
	-webkit-border-radius:.8em;
	-moz-border-radius:.8em;
	margin:0%;
	background-color:#075680;
}

nav ul{
	margin:5%;
	padding:0% 17% 0%;
	list-style-type:none;
	display:inline;
}

nav li{
	margin:40% 40%;
	padding:45px;
	list-style-type:none;
	display:inline;
	border-radius:0px;
}

nav a:link, nav a:visited {
	font-size:1.4em;
	font-weight:normal;
	text-decoration:none;
}

section{
	width:104%;
	}

section ul{
	padding:0% 17% 0%;
	margin:5%;
}

section li{
	margin:1%;
	padding:1.5%;
}

section li a:link, section li a:visited{
	width:96%;
	padding:1.5% 1%;
}
section li a:hover{
	background:#f6f8ff;
}

#art1, #art3{
	background:#57aed6;
	color:#000066;
	text-align:left;
	padding:2% 2% 2%;
	width:100%;
	font-family:"New Times Roman", Times, sans-serif;
	font-size:110%;
}

#art2{
	background:#075680;
	color:#ccfcff;
	padding:2% 2% 2%;
	width:100%;
	font-family:"New Times Roman", Times, sans-serif;
	font-size:120%;
}

#card1, #card2, #card3, #card4{
	width:20%;
	box-shadow:5px 5px 10px 2px #000000;
	padding:1%;
}

section h1, article h1{
	text-align:center;
	color:#000066;
}

article h3, article h4, article h5, article h6{
	color:#000066;
	text-shadow:0% 0.1% 0% #000000;
}

article img{
	float:right;
	margin:1%;
	width:3%;
}

#form1{
	background: #57aed6;
    color: #000066;
    text-align:center;
    padding: 2% 2% 2%;
    width: 100%;
    font-family: "New Times Roman", Times, sans-serif;
}

footer{
	padding:2% 4% 2%;
	background:#075680;
	width:96%;
}

footer a{
	margin:0% 3%;
}
