@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: url(images/background.jpg) no-repeat fixed center #A3BDD9;
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #000000;
}


.page #container {
	width: 46em;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.page #header { 
	padding: 0 10px 0 20px; 
} 
.page #header h1 {
	margin: 0; 
	padding: 10px 0;	
}

.page h1 {
	font-size:larger;
	}

.page h2 {
	font-size:large;
	}

.page #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
.page #footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
} 
.page #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.page #header img {
	padding: 0 10px 0;
}

.page p {
font-size: small;}

#smalltxt {
font-size: small;
}

#quote {width:320px; float:left; padding-right:10px;}
#quote h1, #quote h2 {text-align:center;padding:10px 10px 15px;margin:0 0 0 0;text-transform:none;font-size:17px;line-height:20px;font-weight:normal;margin:3px 0 18px;color:#fff;font-style:italic;}
#quote h1 {background: #999999;}
#quote p {font-size: 12px;}
#quote img {margin:-27px 0px 0px 0px; padding:0 5px 0 0;}

#imgpadright {
  padding: 0 5px 0 0;
}

#quote2 {width:320px; float:right; padding-left:10px;}
#quote2 h1, #quote h2 {text-align:center;padding:10px 10px 15px;margin:0 0 0 0;text-transform:none;font-size:17px;line-height:20px;font-weight:normal;margin:3px 0 18px;color:#fff;font-style:italic;}
#quote2 h1 {background: #999999;}
#quote2 p {font-size: 12px;}
#quote2 img {margin:-27px -15px 0px -15px; padding:0 28px 0 0;}

#navcontainer ul
{
padding: .2em 0;
margin: 0;
list-style-type: none;
background-color: #036;
color: #FFF;
width: 100%;
font: normal 90% arial, helvetica, sans-serif;
text-align: center;
}

#navcontainer li { display: inline; }

#navcontainer li a
{
text-decoration: none;
background-color: #036;
color: #FFF;
padding: .2em 1em;
border-right: 1px solid #fff;
}

#navcontainer li a:hover
{
background-color: #a3bdd9;
color: #fff;
}