html, body 
{ 
	height:100%; 	
	padding:0px;
	margin:0px;
}

BODY
{
	text-align:center;
	background-color:#007399;
	font-family:Arial, Sans-Serif;
	font-size:95%;
	color:#001C70;
}

h1, h2, h3, h4, h5, h6
{ /* needed for FF otherwise there is a gap btn top of page and content shell */
	padding:0 0 0.15em 0;
	margin:0;
	font-family:Garamond, Arial, Sans-Serif;
}
h1 
{ 
	width:100%;
	margin-bottom:0;
	padding-bottom:3px;
	background:#E5F9FF url('../images/blueMulti2.jpg') repeat;
	text-align:center; 
	border-bottom:solid 2px #007399;
}

hr
{
	color:#007399;
	background-color:#007399;
	height:2px;
	width:100%;
}

img { border:solid 1px #000000; }

p	{ padding-top:0; margin-top:0; }

div { display: block; }

div.shell
{
	
	margin:0 auto 0 auto;
	padding:0px;
	width:800px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	background-color:#E5F9FF; 
	border-style:outset;
	border-color:#0099CC;
	border-width:0 5px 0 5px;
}

div.thumbnail
{
	float:left;
	width:200px;
	margin-bottom:2px;
	margin-left:50px;
	display:inline;
}
div.thumbnail img { width:200px; }
div.thumbnail img:hover { border:solid 1px blue; }
div.thumbnail a { text-decoration:none; }

div.detailsShell
{ 
	padding:1em; 
	/*margin-left:5px;*/
	text-align:left; 
}
div.detailsShell img
{
	padding:0;
	margin:0 1em 1em 0;
	float:left;
}
div.detailsShell ul { list-style-type:none; padding:0 0 1em 0; margin:0; }

div.footer
{
	text-align:center;
	background:#E5F9FF url('../images/blueMulti2.jpg') repeat;
	border-top:solid 2px #007399;
	height:1.5em;
	position:relative;
	bottom:0;
	margin-top:1em;
}

.largerText { font-size:1.15em; }

.clearLeft{ clear:left; }

.center { text-align:center; }
.right { text-align:right; }
.left { text-align:left; }