body
{
	text-align:center;
	margin: 0em;
	padding: 0em;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}
.container /*contains header content footer*/
{
	width:870px;
	text-align:left;
	margin-top:2em;
	margin-left:auto;
	margin-right:auto;
	padding: 0.5em 0.5em 0em 0.5em;
	border:1px solid gray;
	line-height:120%;
	background-color:DarkGray;
}


.header,.footer
{
	width:850px;
	margin-top:0em;
	margin-left:0em;
	margin-bottom:10px;/*0.5em;*/
	padding:10px;/*0.5em;*/
	color:white;
	background-color:gray;
}

.content
{
	width:850px; /*54em*/
	margin-top:0em; /**/
	margin-left:0em; /**/
	margin-bottom:10px;/*0.5em*/
	padding:10px; /*0.5em*/
	border:1px solid gray;
	background-color:white;
	color:gray;
	line-height:150%;
}

.content p{
	font-size:16px;
}

.imgright
{
	float:right;
	clear:right;
	margin: 0 0px 5px 5px;
}
.imgleft
{
	float:left;
	clear:left;
	margin: 0 0px 5px 0;
}

.details
{
	text-align:left;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	
	margin-top:0em; /**/
	margin-left:0em; /**/
	margin-bottom:10px;/*0.5em*/
	padding:10px; /*0.5em*/
	
	background-color:white;
	color:gray;
	line-height:150%;
}
.boxright
{
	float:right;

	width:6em;
	padding:0.5em;

	border:1px solid gray;
	background-color:darkkhaki;
	color:gray;
}
.name {
	font-size: 28px; 
	font-weight: bold; 
	/*margin: 20 0px 0px 0px;*/
}
.tagline {
	color: #AEAEAE;
	font-size: 20px; 
}
.motto {
	color: #AEAEAE;
	font-size: 18px; 
}
.highlight {
	background-color: #FFFF66;/*
	font-weight:bold;*/
}
.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/*Box grid*/
.boxgrid{
				
	width: 257px; 
	height: 181px; 
	margin:10px; 
	float:left; 
	background:#161613; 
	border: solid 2px #8399AF; 
	overflow: hidden; 
	position: relative; 
}
		.boxgrid img{ 
			position: absolute; 
			top: 0; 
			left: 0; 
			border: 0; 
		}
		.boxgrid p{ 
			padding: 0 10px; 
			color:#afafaf; 
			font-weight:bold; 
			font:10pt "Lucida Grande", Arial, sans-serif; 
		}
				
		.boxcaption{ 
			float: left; 
			position: absolute; 
			background: #000; 
			height: 100px; 
			width: 100%; 
			opacity: .8; 
			/* For IE 5-7 */
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
			/* For IE 8 */
			-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 		}
 		.captionfull .boxcaption {
 			top: 181; 
 			left: 0;
 		}
 		.caption .boxcaption {
 			top: 140; 
 			left: 0;
 		}

h3 
{ 
	margin: 10px 10px 5px 10px; 
	color:#FFF; 
	font:16pt "Lucida Grande", Arial, sans-serif; 
	letter-spacing:-1px; 
	font-weight: bold;  
}