@charset "utf-8";
/***************************
	Color Values:
		#003366: site background
***************************/

html {
	height: 101%;
}
body {
	height: 101%;
	background:#003366;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFFFFF;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 100%;
}
.oneColElsCtr #container {
	width: 46em;
	background: #003366;
	margin: 20px auto 10px; /* the auto margins (in conjunction with a width) center the page */
	border: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: 101%;
}
.clear {
	clear: both;
}
.title {
	font-weight: bold;
	font-variant: small-caps;
	/*border-bottom: thin ridge #CCC;*/
	/*background-color:#1a4876;
	border: 1px solid #333333;
	padding:1px 20px;*/
}
#container H1{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 2.5em;
	color:#fff;
}
/*
#container H1{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 2.5em;
	color:#fff;
	background:url(../images/matisse_BG.jpg);
	border:#FFF;
	border-style:solid;
	border-width:thin;
	padding: 14px;
}
*/
.oneColElsCtr #mainContent {
	padding: 20px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0 auto;
	background: #003366;
	background-repeat: no-repeat;
	height:100%;
	height: 101%;
}
.italicText {
	font-style: italic;
}

#mainContent p {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1em;
	color:#FFFFFF;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
#centeredContent {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width: 50%;
	text-align: center;
}
#leftJustifiedContent {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width: 80%;
	text-align: left;
}
#leftJustifiedContent li{
	padding: 0px 0px 20px;
}
#centeredContent td{
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width: 50%;
	text-align: center;
}
.centeredImage{
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	font-weight: bold;
}
.oneColElsCtr #header {
	position: relative;
	text-align: center;
}
H1 span.initialCap {
	font-size: 1.5em;
	line-height: 0.6em;
	font-weight: bold;
} 
#mainContent a:link{
	color:#ff9933;
	text-decoration: none;
}
/**/
#mainContent a:visited{
	color:#ffcc33;
	text-decoration: none;
}

#mainContent a:hover{
	color: #669999;
	text-decoration: underline;
}

#header li a:link, #header li a:visited{
	padding: .2em .5em;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:1.2em;
	font-weight:bold;
	color:#fff;
	margin-right:.5em; /* Pushes each word in navigation to the right */
	text-decoration: none;
}
#header li a:hover{
	text-decoration: underline;
}







/* -------- Navigation ---------- */
/************************************
Firstly, for Opera to behave, the HTML code MUST NOT HAVE ANY LINEBREAKS! Otherwise a gap between each list will always appear that CSS cannot seem to get rid of! I found specific padding was required on both the LI and the hyperlink inside it. These both had to have matching padding (makes sense) though oddly not for the left and the right on the LI! Adding padding to the UL causes Opera to move it down a line! I had to add a zero top margin to cure this. An extra left border was also needed for the first LI to match the other ones. Firefox 0.9.3 showed an odd behaviour where the UL was 1 pixel deeper than the LI, leaving a blue line across the bottom. I found it was down to line-height, so I added a value to correct this on the UL.
************************************/

#navcontainer ul
{
text-align: center;
padding-bottom: 0;
padding-top: 0;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #036;
color: white;
width: 100%;
font-family: Arial,Helvetica,sans-serif;
border-bottom: thin solid #FFF;
line-height: 34px;
/* fixes Firefox 0.9.3 */
}

#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
/* matches link padding except for left and right */
padding-top: 5px;
}

#navcontainer ul li a
{
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
padding-top: 0;
color: white;
text-decoration: none;

}

#navcontainer ul li a:hover
{
color: #669999;
text-decoration: none;
}

#navcontainer #active {

}