@charset "utf-8";
/* CSS Document */

*{ padding:0px; margin:0px; }

html {
	background-color: #000;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #000;
	color: #FFF;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
}	

#header {
	height: 250px;
	width: 100%;
}

#quote {
	position: absolute;
	height: 40px;
	width: 100%;
	
	color: #FFF;
	font-size: 24px;
	text-align: right;
	top: 210px;
}

#top {
	background-image: url(../design/top.png);
	background-repeat: repeat-x;
	min-height: 100px;
	padding-top: 50px;
	text-align: center;
}


#main {
	margin-left: auto;
	margin-right: auto;
	width: 1050px;
	text-align: justify;
}

a {
	color:#C8DCE5;
	text-decoration: none;
}

h3{ margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }

.boxgrid{ 
	width: 325px; 
	height: 260px; 
	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: 260px;
		left: 0px;
	}
	.caption .boxcaption {
		top: 220px;
		left: 0px;
	}
	
	
.topLeftFrame 		{ background: left  top no-repeat; }
.topRightFrame 		{ background: right top no-repeat; }
.bottomLeftFrame 	{ background: left  bottom no-repeat; }
.bottomRightFrame 	{ background: right bottom no-repeat; }

.topFrame	 { background: top repeat-x; }
.bottomFrame	 { background: bottom repeat-x; }
.leftFrame	 { background: left repeat-y; }
.rightFrame	 { background: right repeat-y; }

.blueFrame {
	float: left;
	overflow: visible;
}

.blueVerticalLineFrame {
	background-image: url(../img/frame/blueOnBlack/vborder.png);
}

.blueHorizontalLineFrame {
	background-image: url(../img/frame/blueOnBlack/hborder.png);
}

.topLeftFrame.blueFrame { background-image: url(../img/frame/blueOnBlack/top-left.png); }
.topRightFrame.blueFrame { background-image: url(../img/frame/blueOnBlack/top-right.png); }
.bottomLeftFrame.blueFrame { background-image: url(../img/frame/blueOnBlack/bottom-left.png); }
.bottomRightFrame.blueFrame { background-image: url(../img/frame/blueOnBlack/bottom-right.png); }