/*  revised on Helen's imminent departure - 09/09/09 */

* {
		padding: 0;
		margin: 0;
		}

body {
		padding: 10px;
		background-color: #e0e0e0;
		}

#wrapper {
		width: 780px;
		position: relative;
		margin: 0 auto;
		background-color: #fff;
		border: solid 3px #130bb8;
		}

.sjaleftupper {
		text-align: center;
		padding-top: 15px;
		}

.sjaleftlower {
		text-align: center;
		padding-top: 20px;
		padding-bottom: 40px;
		}
				
.sjarightupper {
		text-align: center;
		padding-top: 50px;
		}	
				
.sjarightlower {
		text-align: center;
		padding-top: 74px;
		padding-bottom: 40px;
		}					

#topleftbox {
		height: 150px;
		width: 150px;
		border-right: 15px solid #960;
		border-bottom: 15px solid #ee0;
		position: absolute;
		top: 130px;
		left: 225px;
		}
#toprightbox {
		height: 150px;
		width: 150px;
		border-left: 15px solid #ff0;
		border-bottom: 15px solid #ee0;
		position: absolute;
		top: 130px;
		left: 390px;
		}
#bottomleftbox {
		height: 400px;
		width: 150px;
		border-top: 15px solid #960;
		border-right: 15px solid #960;
		position: absolute;
		top: 295px;
		left: 225px;
		}
#bottomrightbox {
		height: 400px;
		width: 150px;
		border-top: 15px solid #960;
		border-left: 15px solid #ff0;
		position: absolute;
		top: 295px;
		left: 390px;
		}

#mainContent, #sidebar {
		width: 380px;
		float: left;
		padding-left: 10px;
		}
		
.columnContainer {
		padding-top: 10px;
		}

.column {
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
		}

#mainContent .column, #sidebar .column {
		width: 180px;
		}

#mainContent .spanTwo, #sidebar .spanTwo {
		width: 370px;
		}

.clearFix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
		
.clear {
		clear: both;
		}

#www {
		font: 10px;
		clear: both;
		text-align: center;
		margin-top: -30px;
		padding-bottom: 20px;
		}


/* Navigation */	
	
#navigationtop {
	position: absolute;
	top: 130px;
	left: 600px;
}

#navigationtop ul {
	list-style: none;
	width: 300px;
}

#navigationtop li {
	display: inline;
	padding: 0px;
}

#navigationtop li a {
	text-decoration: none;
	color: #130bb8;
}

#navigationtop a:hover {
	color: #D51032;
	background-color: #e0e0e0;
}

	
/* 	Page Identifiers */

.homePage #home, .iPage #iPage { 
		background: #D51032;
		color: #fff; 
		}


/* fonts */

a:link {
		color: #130bb8;
		}

a:hover {
		color: #D51032;
		}
		
p { 
		font-size: 0.9em;
		line-height: 1.3em;
		}

h1 {
		font: bold 30px Arial, sans-serif;
		margin-top: 25px;		
		margin-bottom: 10px;
		text-align: center;
		color: #D51032; /* #B51032; #126766; */
		}

h2 { 
		font: bold 22px Arial, sans-serif;
		margin-bottom: 20px;
		text-align: center;
		color: #130bb8;
		}

h3 { 
		font: bold 14px Arial, sans-serif;
		color: #130bb8;
		}

h4 {    font: bold 22px Arial, sans-serif;
		color: #D51032;
		}