/*  
---------------------------------------------------------------------FUQUA CAMPBELL
*/


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


/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}




/* 

STICKER - A valid, easy to use CSS sticky footer by Ryan Fait

This is the basic CSS you need along with the one extra empty
div and the wrapper required to achieve the effect. I suggest
that you leave the * { margin: 0; } code in while testing and
building your site because margins do have a tendency to mess
things up a bit. Have fun!

Copyright (c) 2006-2007 Ryan Fait

*/


* {	margin: 0;}

html {height: 100%; background:url("images/background.jpg") repeat-x; margin:0;}

body {	width:100%; height: 100%; }

#wrapper {
	background:url("images/building.png"); 
	background-repeat:no-repeat; 
	background-attachment: fixed;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	padding:0; 
	clear:right;
	width:875px;
	height: 100%;
	margin:0 0 -95px 0;
}

.footer, .push {
	height: 75px; /* .push must be the same height as .footer */
	width:100%;
	clear:left;
	margin:0 auto;
	
}

.footer{background-image:url(images/footer-bg.gif);
	background-repeat:repeat-x;}

#footer1{
	width:574px;
	height:40px;
	clear:both;
	margin:0 auto 0 300px;
	padding-top:20px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#777;
	position:relative; z-index:150;
}

#footer1 span{float:right; clear:left; margin-top:15px; }	

.footer a, .footer a:visited{color:#777; text-decoration:none; padding-right:10px;}

.footer a:hover{color:#000B25; text-decoration:underline;}

#header{ height:390px; margin:-12px 0 0 0; width: 574px;}

#header img.logo{ margin:0 60px 2px 60px;}

.flash{margin-left:0px;}



/* A container should group all your columns. */
.container {
  width: 574px;
  margin:0 0 0 300px;
  padding: 12px 0 30px 0;
  height:100%;
  min-height:100%;
}

.entry 	{ margin: 12px 0 12px 160px; border-left:1px solid #000B25; padding:0 0 30px 12px; min-height:250px;}


/* Use this class on any div.span / container to see the grid. */
.showgrid { 
  background: url(src/grid.png); 
}



div#sidebar{
	float:left; 
	color:#000B25;  
	margin:0 ; 
	width:150px; 
	padding:12px 10px 0 0; 
	border-top:1px solid #000B25;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#777;
	text-align:right; 
	}
	
div#sidebar .nav { 
	font-size:14px;
	font-style: italic;
	font-weight:bold;
	text-align:right;
	padding:0 0 20px 0;
	line-height:2em;
	}
	 
.nav a{ 
	color:#00284D; 
	text-decoration:none;
	display:block;
	}

.nav a:hover{color: #336600; text-decoration:underline; }	


/* typography.css */
body {font-size:75%;color:#000;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6, strong {font-family:"Trebuchet MS" sans-serif; font-weight:normal;color: #336600; display:block;}
h1{font-size:24px; border-bottom:2px groove #336600;}
h2{ font-size:18px; padding:30px 0 0 0; border-bottom:1px solid #336600;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:2.5em;line-height:2em;margin-bottom:0; display:inline; padding-left:10px; color:#65aeff;}
h6 {font-size:1em;font-weight:bold;}
strong {font-size:1.5em;line-height:2em;margin-bottom:0; display:inline; padding-left:10px;}
p {margin:0 0 15px; 0; color:#000284D; line-height:20px;}
p img {float:left;margin:0 ;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#336600; text-decoration:underline}
a {color:#00284D;text-decoration:underline;}
a.toplink{float:right; font-size:10px; color:#777;}
ul{margin:0 0 15px 20px;}
ul.sub-nav{font-size:14px; font-weight:300; line-height:15px; list-style-type:disc;}
ul.sub-nav li{padding:10px 0 0 0;}
blockquote {margin:1.5em 68px;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {width:100%;}
th {font-weight:bold;background:#C3D9FF;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}




/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #E5ECF9; 
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #777; 
  color: #777;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 5px 0;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}

table#members td{ text-align:center; padding-bottom:20px;}

table#members img{ background:url("images/matting.gif") repeat-x #fff; padding:10px;  border:1px solid #003; }

table#members a:hover img, img.framed{ background:url("images/matting2.gif") repeat-x #000e29; padding:10px;  border:1px solid #030;}

img.inset-right{float:right; margin:10px 10px 10px 20px;}

img.closebutton{float:right;}


#blue{
	position: fixed;
	padding:0;
	width:100%;
	height:100%;
	visibility:hidden;
	z-index:200;
	top:0;
	}
	
div#blue div#shade{
	position: fixed;
	background:#000e29;
	border-right:2px solid #000000;
	border-bottom:2px solid #000000;
	padding:0;
	width:100%;
	height:100%;
	z-index:250;
	filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
	top:0;
	}
	
div#blue div#frame{
	position: fixed;
	z-index:275;
	background:url("images/matting2.gif") repeat-x #000e29;
	padding:10px 18px 10px 10px; 
	border:1px solid #003;
	width:52%;
	height:54%;
	margin:24%; 
}	
	
#fuqua, #campbell, #decker, #spivey, #gribble, #parish, #baugh, #foster, #disclaimer{
 position: fixed;
 top:0;
	padding:10px 10px 20px 20px;
	background: url("images/silver.gif") repeat-x #FFFFFF;
	width:50%;
	height:50%;
	margin:25%;
	overflow-x:none;
	overflow-y:scroll;
	filter:alpha(opacity=100);opacity:1;
	visibility:hidden;
	z-index:300;
	}
	
label{ 
	float:left; 
	clear:right; 
	width:100px; 
	text-align:right;
	padding-right:10px;
	color:#000e29;
	font-weight:bold;
}

input, textarea, form img{
	margin-bottom:10px; 
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	color:#000e29; 
	padding:3px;
	font-size:12px;
	font-weight:normal;
	}