@charset "utf-8";

/* HTML Tags */

#header h1 { text-indent: -6000px; }

h2 { font-family: Arial, Helvetica, sans-serif; font-size: 26px; color: #7C7C7C; padding-left: 9px; line-height: 1.3em; margin-bottom: 0px; padding-bottom: 0px; margin-top: 0px; padding-top: 0px; }

h6 { color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 26px; font-weight: normal; line-height: 34px; }


p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.5em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	color: #666;
}

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

li {
	font-size: 0.8em;
	padding-bottom: 5px;
	color: #666;
}

/* Page Architecture */

#header {
	height: 140px;
	background: url(../images/griffingrafix.gif) no-repeat 20px 51px;
	float: left;
	width: 400px;
}
#header2 {
	background: url(../images/griffingrafix.gif) no-repeat 20px 51px;
	float: left;
	padding-top: 50px;
	padding-left: 20px;
	padding-bottom: 30px;
}

#nav {
	width: 600px;
	float: right;
	text-align:right;
	padding-top: 60px;
}
#nav ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22.777px;
	display: inline;
	margin-right: 40px;
	font-weight: normal;
}
#nav ul li a {
	color: #C6C6C6;
	text-decoration:none;
}
#nav ul .active a {
	color: #999;
	border-top-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}




#content {
	padding-top: 20px;
}

.formWrapper { padding: 10px 20px; width: 420px; }

#container { width: 1020px; margin:0 auto; }

/* Subhead */

.subheadWrapper { margin-right: 17px; margin-left: 17px; }

.subheadWrapper p { color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 26px; font-weight: normal; line-height: 28px; letter-spacing: -1px; }


.rowWrapper {
	margin-top: 8px;
	margin-bottom: 10px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	display: block;
	clear: both;
}

/* Project Wrapper */

.projectWrapper { float: left; width: 305px; margin-right: 17px; margin-left: 17px; }

.projectWrapper p { padding-right: 5px; padding-left: 10px; }

.projectWrapper img { margin-bottom: 10px; }

/* Footer Modules */

.module { float: left; width: 500px; background-image: url(../images/module_bg.png); background-repeat: repeat-y; }

.module_top { float: left; width: 500px; height:27px; background-image: url(../images/module_top.png); background-repeat:no-repeat; }

.module_bottom { float: left; width: 500px; height:27px; background-image: url(../images/module_bottom.png); background-repeat:no-repeat; }

.module p { padding-left: 17px; padding-right: 25px; }

/* Footer Modules */

.footerWrapper { margin-left: 10px; margin-top: 15px; }

/* Reusables */

.hidden { display: none; }

.clear { width: 100%; height: 1px; margin: 0 0 -1px 0; clear: both; }

.copyright {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	margin-top: 15px;
	border-top: 1px dashed #CCCCCC;
	font-size: 11px;
	color: #666;
}

.noticeText { font-size: 1.6em; color: #993300; }

.siteLink {	padding-left: 20px; }
.module h2 {
	padding-left: 20px;
}

.boxgrid{ 
				width: 305px; 
				height: 222px; 
				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: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}
.previousLink {
	margin-left: 10px;
	font-size: 12.777px;
}