body {
	background-color: #F4F7FB;
	font-family: Verdana;
	font-size: 12px;
	color: #222;
	padding:0;
	margin:0;
}

#header {
	background-image: url('http://saintgeorgeseattle.org/pictures/gradient1.png');
	background-repeat: repeat-x;
	min-width:980px;
	height: 110px;
	padding: 0px;
	margin: auto;
}

#banner {
	margin: auto;
	width: 980px;
	height: 110px;
	padding: 10px 0px 0px 10px;
}

#navigation {
	min-width:970px;
	background-color: #223466;
	padding: 5px;
}

#menubox {
	width: 980px;
	margin: auto;
}

#container {
	background-color: #FFFFFF;
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 980px;
	height: auto;
}

#contentcolumn {
	padding: 40px;
	line-height: 1.3em;
	background-color: #FFFFFF;
}

#footer {
	clear : both;
	font-size:11px;
	border-top:2px solid #5C7897;
	margin : 0 0 10px 0;
	padding : 5px 0px 0 10px;
	color : #37577F;
	background-color: #F4F7FB;
	line-height : 1.7em;
}

#footer .right {
	float : right;
	padding-right: 10px;
}

#footer .right a {
	color : #37577F;
	background : inherit;
	text-decoration : none;
}

#footer a {
	text-decoration : none;
	background : inherit;
}

#footer .fmenu {
	background: inherit;
	padding: 0;
	margin: 0;
}

#footer .fmenu a {
	color : #37577F;
	background : inherit;
	text-decoration : none;
	padding: 0 10px 0 0px;
}

#footer .fmenu a:hover {
	color : #37577F;
	background : inherit;
	text-decoration: none;
}

#footer .fmenu ul {
	list-style : none;
	padding : 0;
	margin : 0;
}

#footer .fmenu li {
	float : left;
	margin : 0 10px 0 0px;
	display: inline;
}

#innertube {

	font-family: Verdana;

	color: #393939;

	font-size: 12px;

	padding: 40px;
	line-height: 1.4em;

}

/* =----------------------------------- headline for archives page */

.headline {

	font-family: georgia, serif;

	font-size: 22px;

	line-height: 20px;

	font-weight:600;

	letter-spacing: -1px;

	color: #3559A7; 

}

/* =----------------------------------- headline for registration and tuition page */

#headlinea {

	font-family:georgia, serif;

	font-size: 30px;

	line-height: 30px;

	word-spacing: 2px;

	color: #3559A7;

	text-align:center;

	font-weight: 600;

}

/* =----------------------------------- headline for school commision page */

#headline2 {

    font: bold 28px "Century Schoolbook", Georgia, Times, serif;

	color: #3559A7;

	text-align:center;

	line-height: 90%;

	margin: .2em 0 .4em 0;

	letter-spacing: -2px;

}

/* =----------------------------------- dates for registration and tuition page */

.date {

	text-transform: uppercase;

	letter-spacing: 1px;

	color: #76879b;

	font-size: 10px;

	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;

	font-weight: 100;

	text-align:center;

}

/* =----------------------------------- dates for archives page */

.date1 {

	text-transform: uppercase;

	letter-spacing: 1px;

	color: #76879b;

	font-size: 10px;

	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;

	font-weight: 100;

}

.title {

	font-family:Verdana, Arial, SunSans-Regular, Sans-Serif;

	font-size: 12px;

	word-spacing: 0px;

	text-transform:uppercase;

	color: #191970;

	font-weight:bold;

	color: #3559A7;

}

a:link, a:visited {

	border-bottom:1px #0040B6;

	color:#0040B6;

	text-decoration:underline;

}

a:hover {

	color:#0066A4;

	font-weight:bold;

	text-decoration:underline;

}



.floatleft {

float: left;

margin: 3px 10px 0px 0px;

}

.floatlefta {

	float: left;

	margin: -7px 10px 0px 0;

}

.floatleftb {

	float: left;

	margin: 0px 8px 0px 0px;

}	

.floatright{

	float: right;

	border: 8px solid #F2F2F2;

	margin: 0 5px 0px 10px;

}

table.stats {

	text-align: center;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;

	font-weight: normal;

	font-size: 11px;

	color: #fff;

	width: 500px;

	background-color: #666;

	border: 0px;

	padding: 4px 4px 4px 10px;

	border-collapse: collapse;

	border-spacing: 0px;}



table.stats td {

	background-color: #B8C1D0;

	color: #37577F;

	font-weight:600; 

	padding: 4px 4px 4px 10px;

	text-align: center;

	border: 1px #fff solid;}



table.stats td.hed {

	background-color: #375780;

	color: #fff;

	padding: 4px;

	text-align: center;

	border-bottom: 2px #fff solid;

	font-size: 12px;

	font-weight:600;

}

table.contacts{ 

	width: 760px;

	border: 1px #fff solid;

	border-collapse: collapse;

	text-align: center;

}

td.contactDept { 

	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;

	padding: 8px;

	background: #223466;

	border-bottom: 1px solid #fff;

	font-size: 11px;

	font-weight: 600;

	text-transform: uppercase;

	color: #D5DBEF;

}

td.contact { 

	border-bottom: 1px #fff solid;

	text-align: center;

	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;

	font-size: 12px;

	color: #375780; 

	line-height: 1.5em;

	background-color: #B8C1D0;

	padding-top: 4px;

	padding-bottom: 4px;

	padding-left: 8px;

	padding-right: 0px;

}

table.contacts tr:hover td {

	background: #F4F7FB;

	color: #375780;

}

.iconbox{

	width:auto;

	background:#384D93;

	padding:5px;

}

/* =Hoverbox Code

----------------------------------------------------------------------*/



.hoverbox

{

	cursor: default;

	list-style: none;

}



.hoverbox a

{

	cursor: default;

}



.hoverbox a .preview

{

	display: none;

}



.hoverbox a:hover .preview

{

	display: block;

	position: absolute;

	top: -33px;

	left: -45px;

	z-index: 1;

}



.hoverbox img

{

	background: #fff;

	border-color: #aaa #ccc #ddd #bbb;

	border-style: solid;

	border-width: 1px;

	color: inherit;

	padding: 2px;

	vertical-align: top;

	width: 100px;

	height: 75px;

}



.hoverbox li

{

	background: #eee;

	border-color: #ddd #bbb #aaa #ccc;

	border-style: solid;

	border-width: 1px;

	color: inherit;

	display: inline;

	float: left;

	margin: 3px;

	padding: 5px;

	position: relative;

}



.hoverbox .preview

{

	border-color: #000;

	width: 200px;

	height: 150px;

}