﻿* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	text-align: center;
	font-family: helvetica, san-serif;
}

a:link {
	text-decoration: none;
	color: blue;
	}
	
a:visited {
	text-decoration: none;
	color: blue;
	}
	
a:hover {
	text-decoration: none;
	color: red;
	font-weight: bold;
	}

.clear {
	clear: both; 
}

p#big {
	font-size: 20px;
	text-align: left;
}

p#links {
	font-size: 15px;
}

div#page-wrap {
	width: 950px;
	background-color: #ffffff;
}

li {
	font-size: 1.2em;
	line-height: 1.3em;
	margin-bottom: 0.8em;
}

p {
	text-align: left;
	font-size: 1.2em;
	line-height: 1.3em;
	margin-bottom: 0.8em;
}



div#header {
	height: 210px;
	width: 950px;
	float: left;
	background: url('../images/mock-head.jpg') no-repeat;
	list-style: none;
	padding: 0;
}
	

ul#nav {
	height: 210px;
	width: 600px;
	float: left;
	list-style: none;
	padding: 0;
	font-family: Arial;
}
	ul#nav li {
		display: inline;
		font-size: 1.3em;
	}
		ul#nav li a {
		display: block;
		width: 110px;
		float: left;
		margin-top: 185px;
		color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
	}
		ul#nav li a:active {
			color: #90A1BF;
		}

		ul#nav li a:hover {
			color: #3C609A;
		}

div#flash {
	height: 210px;
	width: 320px;
	float: right;
}

iframe#main-frame {
		width: 940px;
		border: 0;
		margin: 0;
		padding: 0;
		overflow-x: hidden;
}

	
		
div#leftcol {
		float: left;
		width: 540px;
		text-align: left;
		padding-left: 15px;
		padding-right: 15px;
		border: 0;
		border-right: 1px #f0f0f0 ridge;
 }


div#rightcol {
		float: left;
		width: 350px;
		text-align: left;
}
iframe#links-frame {
		width: 350px;
		height: 400px;
		border: 0;
}	
	
div#footer {
	height: 60px;
	width: 950px;
	background: #000000 url('../images/mock-foot.jpg') no-repeat;
	color: #ffffff;
	padding-top: 10px;
	text-align: center;
	margin-bottom:0px;
}

	div#footer a{
		text-decoration: none;
		color: #f5f5e0;
		}
	div#footer a:hover{
		text-decoration: underline;
		}
