body {
	margin: 0px;
	background-color: #33245F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #336;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #336;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #336;
}
/*Absolute positioning with percentages. Position it at absolute 50% from the top and 50% from the
left of the page and its top left corner would be at the centre of the browser window. If I
then give it negative left and top margins that are exactly half of its width and height,
the box is put back smack bang in the middle of the window, no matter what size it is.
From: http://www.wpdfd.com/editorial/wpd0103.htm#toptip
*/
#background {
	margin-top: -293px;
	margin-left: -468px;
	position: absolute;
	left: 50%;
	top: 50%;
	height: 585px;
	width: 936px;
	visibility: visible;
	background-image: url(images/background936x585.gif);
	background-repeat: no-repeat;
	z-index: 1;
}
#title {
	position: absolute;
	height: 42px;
	width: 315px;
	left: 5px;
	top: 15px;
}
#navigation {
	position: absolute;
	height: 175px;
	width: 150px;
	left: 10px;
	bottom: 10px;
	z-index: 2;
}
ul#mainnav {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#mainnav li a:link, ul#mainnav li a:visited {
	text-decoration: none;
	display: block;
	width: 100%;
	padding-left: 10px;
	font-family: Myriad, "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #633
}
ul#mainnav li{	
	background-color: #C93;
	border: 1px solid black;
	margin-top: 11px;
}
ul#mainnav li a:hover {
	background-color: #633;
	color: #C93;	
}

#contact {
	background-repeat: no-repeat;
	overflow: auto;
	position: absolute;
	height: 233px;
	width: 223px;
	left: 585px;
	top: 234px;
	background-image: url(images/blueprint936x585lite.gif);
	background-position: 162px 23px;
	background-attachment: fixed;
	padding: 35px 5px 5px;
	visibility: hidden;
	z-index: 3;
}
#bodya1 {
	background-image: url(images/blueprint936x585lite.gif);
	background-attachment: fixed;
	background-position: -775px 23px;
	overflow: auto;
	height: 540px;
	width: 570px;
	left: 352px;
	top: 2px;
	position: absolute;
	visibility: hidden;
	z-index: 3;
	padding-top: 35px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#resources {
	background-image: url(images/blueprint936x585lite.gif);
	background-attachment: fixed;
	background-position: -775px 23px;
	overflow: auto;
	height: 467px;
	width: 339px;
	left: 352px;
	top: 0px;
	position: absolute;
	visibility: hidden;
	padding: 35px 5px 5px;
	z-index: 3;
}

#project {
	background-image: url(images/blueprint936x585lite.gif);
	background-attachment: fixed;
	background-position: -775px 23px;
	overflow: auto;
	position: absolute;
	height: 501px;
	width: 572px;
	left: 352px;
	top: 25px;
	padding: 35px 5px 5px;
	visibility: visible;
}
#project a:link, #project a:visited {
	text-decoration: none;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #633;
	background-color: #c93;
}
#project a:active, #project a:hover {
	text-decoration: none;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #C93;
	background-color: #633;
}
.portphototn {
	text-align: center;
	float: left;
	padding: 5px;
	width: 170px;
}
#closephoto2 {
	background-color:#733333;
	height: 10px;
	color:#000000;
	text-align:center;
}
#closephoto2 a {
	text-decoration: none;
	display: block;
	width: 50px;
	padding-left: 4px;
	padding-right: 4px;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #C93;
	text-align:center;
}
.award {
	color: #663333;
	font-weight: bold;
}
#photo1, #photo2, #photo3, #photo4, #photo5, #photo6, #photo7, #photo8, #photo9, #photo10, #photo11, #photo12, #photo13, #photo14, #photo15, #photo16, #photo17, #photo18, #photo19, #photo20, #photo21, #photo22, #photo23, #photo24, #photo25, #photo26, #photo27, #photo28, #photo29, #photo30, #photo31, #photo32, #photo33, #photo34, #photo35, #photo36, #photo37, #photo38, #photo39 {
	position: absolute;
	visibility:hidden;
	z-index:10;
	left: 50px;
	top: 75px;
	background-attachment: fixed;
	background-image: url(images/blueprint936x585lite.gif);
	background-position: 161px 23px;
	border: thin solid #000000;
	padding: 0px 10px 10px;
}
a:link {
	color: #cc9933;
}
a:visited {
	color: #cc9933;
}
a:hover {
	color: #663333;
}
a:active {
	color: #663333;
}
#rotate1 {
	position: absolute;
	visibility: hidden;
	height: 330px;
	width: 330px;
	left: 537px;
	top: 186px;
	z-index: 2;
}
#rotate2 {
	position: absolute;
	visibility: hidden;
	height: 467px;
	width: 349px;
	left: 352px;
	top: 0;
	z-index: 2;
}
#rotate3 {
	position: absolute;
	visibility: hidden;
	height: 350;
	width: 584px;
	left: 235px;
	top: 235px;
	z-index: 2;
}