/*
#2037E4		French Blue
#122192		Navy
#E6E6E6		Powder Gray
#CCCCCC		Dove Gray
#686868		Pewter
#FF0000		Fire Engine Red
*/

* { margin:0; padding:0; }

body
{
	font-family: Arial, Helmet, Freesans, sans-serif;
	font-size: 100%;
	font-weight: normal;
	line-height: 100%;
	text-align: center;
	color: #000000;		/* Black */
	margin: auto auto;
	background-color: #E6E6E6;		/* Powder Gray */
}

div#button-grid
{
	float:left;
	width: 50%;
	text-align: center;
}

div#button-grid a#grid-march
{
	display: block;
	position: relative;
	z-index: 0;
	width: 151px;
	height: 148px;
	background: url("images/grid-march.jpg");
	text-decoration: none;
}

div#button-grid a#grid-march span
{
	display: none;
}

div#button-grid a#grid-march:hover
{
	z-index: 1;
	background-image: url("images/grid-march2.jpg");
}

div#button-grid a#grid-march:hover span
{
	display: block;
	position: relative;
	top: 75%;
	left: 10%;
	color: #FFFFFF;		/* White */
	font-weight: bold;
	text-align: left;
}

div#button-grid a#grid-mip
{
	display: block;
	position: relative;
	z-index: 0;
	width: 151px;
	height: 148px;
	background: url("images/grid-mip.jpg");
	text-decoration: none;
}

div#button-grid a#grid-mip span
{
	display: none;
}

div#button-grid a#grid-mip:hover
{
	background-image: url("images/grid-mip2.jpg");
}

div#button-grid a#grid-mip:hover span
{
	display: block;
	position: relative;
	top: 65%;
	left: 10%;
	color: #FFFFFF;		/* White */
	font-weight: bold;
	text-align: left;
}

div#button-grid a#grid-jurisdictions
{
	display: block;
	position: relative;
	z-index: 0;
	width: 151px;
	height: 148px;
	background: url("images/grid-jurisdictions.jpg");
	text-decoration: none;
}

div#button-grid a#grid-jurisdictions span
{
	display: none;
}

div#button-grid a#grid-jurisdictions:hover
{
	background-image: url("images/grid-jurisdictions2.jpg");
}

div#button-grid a#grid-jurisdictions:hover span
{
	display: block;
	position: relative;
	top: 75%;
	left: 10%;
	color: #FFFFFF;		/* White */
	font-weight: bold;
	text-align: left;
}

div#button-grid a#grid-meridian
{
	display: block;
	position: relative;
	z-index: 0;
	width: 151px;
	height: 148px;
	background: url("images/grid-meridian.jpg");
	text-decoration: none;
}

div#button-grid a#grid-meridian span
{
	display: none;
}

div#button-grid a#grid-meridian:hover
{
	background-image: url("images/grid-meridian2.jpg");
}

div#button-grid a#grid-meridian:hover span
{
	display: block;
	position: relative;
	top: 75%;
	left: 10%;
	color: #FFFFFF;		/* White */
	font-weight: bold;
	text-align: left;
}

div#button-grid a#grid-lifecare
{
	display: block;
	position: relative;
	z-index: 0;
	width: 151px;
	height: 148px;
	background: url("images/grid-lifecare.jpg");
	text-decoration: none;
}

div#button-grid a#grid-lifecare span
{
	display: none;
}

div#button-grid a#grid-lifecare:hover
{
	background-image: url("images/grid-lifecare2.jpg");
}

div#button-grid a#grid-lifecare:hover span
{
	display: block;
	position: relative;
	top: 75%;
	left: 10%;
	color: #FFFFFF;		/* White */
	font-weight: bold;
	text-align: left;
}

div#button-grid a#grid-greenacres
{
	display: block;
	position: relative;
	z-index: 0;
	width: 151px;
	height: 148px;
	background: url("images/grid-greenacres.jpg");
	text-decoration: none;
}

div#button-grid a#grid-greenacres span
{
	/* This button is different because we want text to display even in non-hover mode */
	display: block;
	position: relative;
	top: 75%;
	left: 10%;
	color: #122192;		/* Navy */
	font-weight: bold;
	text-align: left;
}

div#button-grid a#grid-greenacres:hover
{
	background-image: url("images/grid-greenacres2.jpg");
}

div#button-grid a#grid-greenacres:hover span
{
	display: block;
	position: relative;
	top: 75%;
	left: 10%;
	color: #FFFFFF;		/* White */
	font-weight: bold;
	text-align: left;
}

div#button-grid a#grid-golf
{
	display: block;
	position: relative;
	z-index: 0;
	width: 151px;
	height: 148px;
	background: url("images/grid-golf.jpg");
	text-decoration: none;
}

div#button-grid a#grid-golf span
{
	display: none;
}

div#button-grid a#grid-golf:hover
{
	background-image: url("images/grid-golf2.jpg");
}

div#button-grid a#grid-golf:hover span
{
	display: block;
	position: relative;
	top: 75%;
	left: 10%;
	color: #FFFFFF;		/* White */
	font-weight: bold;
	text-align: left;
}

div#button-grid a#grid-museum
{
	display: block;
	position: relative;
	z-index: 0;
	width: 151px;
	height: 148px;
	background: url("images/grid-museum.jpg");
	text-decoration: none;
}

div#button-grid a#grid-museum span
{
	display: none;
}

div#button-grid a#grid-museum:hover
{
	background-image: url("images/grid-museum2.jpg");
}

div#button-grid a#grid-museum:hover span
{
	display: block;
	position: relative;
	top: 75%;
	left: 10%;
	color: #FFFFFF;		/* White */
	font-weight: bold;
	text-align: left;
}

div#clear-both
{
	clear: both;
}

div#content
{
	width: 80%;
	margin: auto auto;
	text-align: center;
}

div#content-spacer
{
	font-size: 100%;
	line-height: 400%;
	color: #E6E6E6;
}

div#footer
{
	color: #686868;		/* Pewter */
	padding: 10% 0 0 0;
	font-size: 80%;
}

div#footer a
{
	color: #686868;		/* Pewter */
}

div#footer a:visited
{
	color: #122192;		/* Navy */
}

div#header
{
	background-color: #2037E4;		/* French Blue */
	width: 100%;
}

div#header-stripe-1
{
	float: left;
	background-image: url(images/blue-dot.png);
	background-repeat: repeat-x;
	color: #122192;		/* Navy */
	width: 25%;
	font-size: 50%; 
	line-height: 100%;
}

div#header-stripe-2
{
	float: left;
	background-image: url(images/red-dot.png);
	background-repeat: repeat-x;
	color: #FF0000;		/* Fire Engine Red */
	width: 10%;
	font-size: 50%; 
	line-height: 100%;
}

div#header-stripe-3
{
	float: left;
	background-image: url(images/white-dot.png);
	background-repeat: repeat-x;
	color: #FFFFFF;		/* White */
	width: 15%;
	font-size: 50%; 
	line-height: 100%;
}

div#header-stripe-4
{
	float: left;
	background-image: url(images/blue-dot.png);
	background-repeat: repeat-x;
	color: #122192;		/* Navy */
	width: 50%;
	font-size: 50%; 
	line-height: 100%;
}

div#inner-left
{
	float: left;
	width: 60%;
}

div#inner-menu a
{
	text-decoration: none;
	color: #666666;		/* Dark Stone */
	padding: 0 2% 0 2%;
}

div#inner-menu a:hover
{
	color: #C3CED0;		/* Stone */
}

div#inner-right
{
	float: right;
	width: 32%;
}

div#left-text
{
	padding: 0 0 0 2%;
	text-align: left;
	font-size: 90%;
	line-height: 200%;
}

div#menu
{
	float: left;
	width: 25%;
	text-align: left;
	background-color: #CCCCCC;		/* Dove Gray */
	margin: 3% 0 0 0;
	padding: 2%;
	font-size: 80%;
	line-height: 140%;
}

div#menu a
{
	display: block;
	color: #000000;		/* Black */
	text-decoration: none;
}

div#menu a:hover
{
	background-color: #2037E4;		/* French Blue */
	color: #E6E6E6;		/* Powder Gray */
}

div#outer
{
	width: 80%;
}

div#text-links
{
	float:left;
	width: 20%;
	text-align: right;
	font-size: 90%;
	line-height: 150%;
	padding: 5% 0 0 0;
}

div#text-links a
{
	text-decoration: none;
	color: #2037E4;		/* French Blue */
}

div#text-links-header
{
	font-family: 'Bookman Old Style', Bookman, 'URW Bookman L', serif;
	font-size: 150%;
	line-height: 100%;
	padding: 0 0 4% 0;
}

img#dots
{
	width: 50%;
}

img#header-logo
{
	width: 40%;
}

img#montage-left
{
	position: absolute;
	top: 0;
	left: 10%;
	z-index: 0;
	width: 22%;
}

img#montage-right
{
	position: absolute;
	top: 0;
	right: 10%;
	z-index: 0;
	width: 21%;
}

img#spacer
{
	width: 15%;
}

img#stone
{
	width: 100%;
}

img#title
{
	width: 70%;
}

img#title-subpages
{
	width: 50%;
}

a.submenu
{
	margin: 0 0 0 15px;
}