/* Hal Halpin: Styles  */
body {
margin: 0;
padding: 0;
font: 11px Verdana, sans-serif;
color: #cc9;
background: #000 url(graphics/bg_body.jpg) repeat-x;
}

#wrapper {
width: 740px;
background-color: transparent;
padding: 0;
margin: 5px auto;
voice-family: "\"}\""; 
voice-family:inherit;
width: 740px;
}
html>body #wrapper {
width: 740px;
} 

table {
	vertical-align: top;
	margin: 0;
}
	th {
		text-align: left;
		background: #efefef;
	}
#logo {
	width: 740px;
	height: 75px;
	margin: 5px 0 0 0;
	padding: 0;
	float: none;
}

#mainNav {
	width: 740px;
	height: 30px;
	background: url(graphics/bg_nav.gif) repeat-x;
	border-bottom: solid 1px #BB6006;
	padding: 0;
	margin: 0;
	float: left;
}
#mainNav ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#mainNav li a {
	color: #fff;
	font: normal 12px Arial;
	outline: none;
	display: inline;
	padding: 0 0;
	line-height: 18px;
	height: 30px;
	float: left;
	text-indent: -9999px;	
	text-decoration: none;
	background-image: url(graphics/nav_matrix2.gif);
	}
	
#nav li a:hover {}

/* Important li attributes for Nav */
li {
	float: left;
	text-align: center;
}

/* NOTE: Use the li class "current" in main Nav area beneath body tag, when applicable page is selected in navigation */
#bHome {background-position: 0px 0px; width: 96px;} #bHome:hover {background-position: 0px -30px;}#mainNav li.current #bHome {background-position: 0 -60px;}
#bAbout {background-position: -93px 0px; width: 84px;} #bAbout:hover {background-position: -93px -30px} #mainNav li.current #bAbout {background-position: -93px -60px;}
#bArticles {background-position: -177px 0; width: 80px;} #bArticles:hover {background-position: -177px -30px;}#mainNav li.current #bArticles {background-position: -177px -60px;}
#bInterviews {background-position: -274px 0px; width: 121px;} #bInterviews:hover {background-position: -274px -30px;}#mainNav li.current #bInterviews {background-position: -274px -60px;}
#bResources {background-position: -376px 0; width: 115px;} #bResources:hover {background-position: -376px -30px;}#mainNav li.current #bResources  {background-position: -376px -60px;}
#bContact {background-position: -496px 0; width: 100px;} #bContact:hover {background-position: -496px -30px;}#mainNav li.current #bContact {background-position: -496px -60px;}

#nav a {text-decoration: none;}

/* Content Styles */

blockquote {margin: 2px 0 5px 25px;}
#contentTop{
	border-bottom: solid 10px #000;
	margin: 0;
	padding: 0;
	background: #000;
}

a img{border:0;}
a.button{background:url(graphics/btn_read_02.gif) no-repeat; width:119px; height:22px; display:block}
a.button:hover img{visibility: hidden}

#imgFeature {
	background: #684700 url(graphics/bg_img_feat2.jpg) no-repeat;
	width: 740px;
	height: 250px;
	margin: 0;
	padding: 0;
	border-bottom: solid #000 10px;
}
	#imgFeature img {margin: 0 56px 0 0;}
	/* NOTE TO SELF: If a hrefs need to be added to the
	imgFeature area, move the below margin to the "button" class up above */
	#imgFeature a {margin: 0px 0 0 93px;}
	#imgFeature p {
	padding: 74px 0 0 93px;
	width: 380px;
	}
	.firstWords {font: bold 16px arial;}
	.yellow {color:#FFCC00;}
	.orange {color:#FFA000;}

#imgHeader {
	background: url(graphics/bg_img_hd.gif) repeat-x;
	width: 740px;
	height: 57px;
	margin: 0;
	padding: 0;
}
#lowerContent{
	width: 740px;
	background: #333 url(graphics/bg_home_content.gif) repeat-x;
	border-top: 1px solid #006666;
}
	#lowerContent h3 {
		margin: 0 0 0 12px;
		padding: 5px 0 0 0;
		height: 24px;
		line-height: 18px;
		font: 14px Arial;
	}	
	
	#lowerContent h4 {
		font: 18px Arial, Helvetica, sans-serif;
		margin: 4px 0 4px 29px;
		line-height: 18px;
		color:#DDDDAA;
		text-shadow:1px 1px 2px #000000;
	}
	#lowerContent p {
		font: 11px;
		color: CCCC99;
		margin: 4px 0 4px 28px;
		padding: 0 8px 6px 0;
		line-height: 15px;
	}
	#lowerContent ul {
		margin: 8px 2px 8px 10px; 
		display: block !important; 
		padding: 0 0 0 14px;
		list-style: none;  
		}
	#lowerContent li {
		float: none;
		text-align: left;
		display: block; 
		line-height: 14px;
		text-indent: 0px;
		background: url(graphics/bullet_content.gif) no-repeat;
		background-position: 0 2px; 
		}
	#lowerContent a:link {color: #F90; text-decoration: none;}
	#lowerContent a:visited {color: #F90; text-decoration: none;}
	#lowerContent a:hover {color: #FBD600; text-decoration: underline;}
	#lowerContent a:active {color: #F90; text-decoration: none;}
	
#lowerRight {
	float: right;
	width: 420px;
	margin: 0 0 0 0;
	padding: 0 0 0 12px;
}
	#lowerRight p {
		voice-family: "\"}\""; 
		voice-family:inherit;
		margin: 0px 0 0 20px;
		padding: 0px 0 0px 0;
	}
	html>body #lowerRight p {
	margin: 0;
	padding: 2px 0 5px 28px;
	}
	
#lowerLeft {
	width: 308px;
}

.separator {
		width: 94%;
		border-bottom: dashed 1px #777;
		margin: 0;
	}
	
#twitter_div h6{
	margin:0;
	padding:0 0 0 24px;
}

#twitter_div {
	width: 250px;
	padding: 0 10px 10px 0; 
	margin: 2px 0 0 5px; 
	}
#twitter_update_list li{
	display: block;
	float: left; 
	text-align: left;
	line-height: 14px;
	margin: -5px 0 0 0;
	}
#twitter_update_list a:link{color: #888; float:left; clear: both; margin-top: 10px;}
#twitter_update_list a:visited{color: #888; float:left; clear: both; margin-top: 10px;}
#twitter_update_list a:hover{color: #888; float:left; clear: both; margin-top: 10px;}
#twitter_update_list a:active{color: #888; float:left; clear: both; margin-top: 10px;}

.intPages {
	margin: 0;
	padding: 20px 20px 0 0;
	background: #333;
}

.indent{
	margin-left: 30px;
}
.image {
	float: right;
	margin: 0 20px 10px 20px;
	padding: 0 0 0 0;
	font: xx-small;
	border: 0;
	text-align:center;
}
.clear {clear: both;}
#hr {
	border: 0; 
	margin: 0;
	padding: 0;
	color: none; 
	background:url(graphics/hr_footer.gif) no-repeat bottom;
	width: 578px;
	height: 40px;
}


.contactBox{
	background: url(graphics/bg_contacts.png) no-repeat top;
	height: 65px; 
	width:306px;
	padding:15px 0 0 15px;
	margin: 15px 15px 15px 15px;
	float:left;
	display:inline;
}
.contactBox:hover{
	background: url(graphics/bg_contacts2.png) no-repeat top;
}
.contactBox img{float: left; margin: 0 15px 0 0;}

/* -----------------------------------------------------------*/

.copy {font-size: xx-small; color: #777;}

#footer a:link {color: #777;}
#footer a:visited {color: #777;}
#footer a:hover {color: #f90;}
#footer a:active {color: #777;}
	
#footer {
	width: 740px;
	height: 96px;
	background: transparent url(graphics/bg_footer.gif) no-repeat 0px top;
	padding: 0;
	margin: 10px 0 0 0;
	text-align: center;
}
#footer p{
	clear: both; 
	margin: 6px;
}

#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer li {
	float: left;
	text-indent: 0px;
}

#footer li a {
	color: #fff;
	font: normal 12px Arial;
	display: inline;
	padding: 0;
	line-height: 18px;
	height: 44px;
	float: left;
	text-indent: -9999px;	
	text-decoration: none;
	background-image: url(graphics/footer_matrix2.gif);
	}
	
#nav li a:hover {}

/* Important li attributes for Nav */


/* NOTE: Use the li class "current" in main Nav area beneath body tag, when applicable page is selected in navigation */
#fGC {background-position: 0px 0px; width: 154px;} #fGC:hover {background-position: 0px -44px;}
#fECA {background-position: -154px 0px; width: 56px;} #fECA:hover {background-position: -154px -44px} 
#fEMA {background-position: -210px 0; width: 97px;} #fEMA:hover {background-position: -210px -44px;}
#fGD {background-position: -307px 0px; width: 168px;} #fGD:hover {background-position: -307px -44px;}
#fGJ {background-position: -475px 0; width: 113px;} #fGJ:hover {background-position: -475px -44px;}
#fGP {background-position: -588px 0; width: 147px;} #fGP:hover {background-position: -588px -44px;}