@charset "utf-8";
/* CSS for assignment2 - cs008; author: Tom Warnock*/


body{
	font-family:Verdana, Geneva, sans-serif;
	font-style:normal;
	margin: 10px;
	width: 90%;
}

#page{
	margin: 2px;
	width: 93.75%; /* 900px / 960px */
	border: 1px solid black;
	border-radius: 15px;
}

#main{
	float: left;
	width: 60%; /* 540px / 900px */
}

#other{
	float: right;
	width: 40%; /* 360px / 900px */
}
/*vary picture*/
#changepic{
}

/* header section */
header {
	background-image:url(../images/titlebar4_NatsWebpage.jpg);
	background-repeat:no-repeat;
	background-position:left;
}
	
header h1 {	
	padding: .5em  5.3333%;/* 48px / 900px */
}

header h3 {
	color:LightBlue;
	padding: .5em  5.3333%;/* 48px / 900px */
}

/* nav section */
nav ol {
	padding-left: 5.33333333%;  /* 48px / 900px */
	width: 95%;
	height: 2em;
	padding: .5em;
	background-color: #CCFFFF;
	border: 1px solid;
	border-color: #808080;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	
}

nav ol li{
	display: inline;
	list-style-type: none;
	padding-left: 0.5em;
}


/* article section */
/* un comment and see what happens */

article{
	width: 60%
	/*height: 200px;
	overflow: auto;*/
}


article h2, article p{
 padding: .1em 4.2% .1em 4.2%; /* 48px / 566px */	
}

/* aside section */
aside {
	font-family:Verdana, Geneva, sans-serif;
	margin: auto;
	width: 40%; /* 231px / 331px */
}

aside p{
	margin-top: auto;
 	padding: .1em 4.2% .1em 4.2%; /* 48px / 566px */
}

/*table section */
table {
    border:none;
	table-layout: fixed;
	width: 90%;
	
}

/* footer section */
footer{
	clear: both;
	padding: 0.5em 5.33333333%;  /* 48px / 900px */
	border: 1px solid;
	background-color: #CCFFFF;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 19px;
}
a:link {clear:both;}
a:link {color: Blue;}
a:visited {color: Gray;}
a:hover {color: Red;}

innerHTML {
}