* { border: 0; margin: 0; padding: 0; }
body {
margin: 0;
padding: 0;
background: #172005 url(/images/main_bg.jpg) no-repeat;
font: 13px Arial, Helvetica, sans-serif;
color: #fafafa;
}

body { behavior: url(/scripts/csshover.htc);} /* WinIE behavior call */
	
	/* element styles */
	a {  /* text-decoration: none; */
		color: #fff;
		}
	a.visited { text-decoration: none;
		color: #ccc;
		}	
	a:active { color: #fff; }
	a:hover { text-decoration: underline overline; }	
	
	h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
}
h1 {
	 font-family: "arial black", "helvetica bold" ;
	 letter-spacing: -1px;
}
		 
#nav h1 { margin-left: 13px }

h1, h1 a:link, h1 a:visited, h1 a:active, h1 a:hover {
font: 30px bold "Arial Black", "Helvetica bold", Sans-Serif;
/* float: left; */
color: #1c104d;
/* font-variant: small-caps; */
font-weight: bold;
padding: 0 20px 0 0 ;
margin: 0;
text-decoration: none;
}

#content-all h1 { color: #fff; float: none; }

h2 { font-size: 26px; line-height: 26px; }

h3 { 
font-size: 18px;
text-transform: uppercase;
font-weight: bold;
margin-top: 15px;
}
	p, blockquote {
margin-top: 10px;
padding-top: 0;
line-height: 18px;
}
	
	iframe { margin-left: -20px; margin-right: 10px; }
			
	/* tables */
	
	table { color: #fff; }
	th { text-align: right; }
	th img { float: right; }
	td { text-align: left; }
	
	/* lists */
	ul { margin-bottom: 10px; color: #fff; }
	
	ul li { color: #fff; 
		list-style: square;
		margin: 5px; 
		}
	
	
	/*special classes */
	.date { color: #ccc; font-size: 8px; }	

	
	/*navigation*/
	div#nav { 
		/*
		position: relative;
		top: 0; left: 0;
		*/
		z-index: 100;
		width: 80%;
		margin: 0 auto;
		}		
	#menu a:link, #menu a:visited { 
		color: #1C104D ;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 14px; 
		height: 20px;
		}		
	div#home { 
		display: block;
		margin-left: 26px;
		margin-top: 6px;
		width: 77px;
		height: 53px;
		background: url(/images/home_out.gif) no-repeat; 
		z-index: 101;
		}		
	div#home:hover { background: url(/images/home_over.gif) no-repeat; }
	div#home a span { display: none; } 
	div#home a { display: block; height: 53px;}	 
		
	div#tommcgee { 
		display: block;
		/* position: absolute; 
		top: 6px;
		right: 26px;
		*/	
		height: 60px;
		/*  width: 377px; */
		
		z-index: 101;
		font-family: "arial black", "helvetica bold" ;
font: 30px bold "Arial Black", "Helvetica bold", Sans-Serif;
float: left;
color: #1c104d;
font-variant: small-caps;
font-weight: bold;
padding: 0 20px 0 0 ;
margin: 0;
text-decoration: none;
		}

	
	div.clearer { clear: both; }
	
	ul#menu { 
		/* text-align: right;
		position: absolute;
		top: 75px;
		right: 26px;
		*/
		margin-left: auto;
		margin-right: 0;
		margin-top: 15px;
		float: left;
		z-index: 100;
		position: absolute;
		left: 330px;
		width: 600px;
		}
	ul#menu li { list-style: none;  
		display: block;  
		float: left; 
		width: 73px; 
		margin-left: 40px; 
		margin-right: 0px;
		}
	
	ul#menu li a { text-decoration: none;  display: block; height: 8px;}

	
	div#content-all {
		width: 80%;
		margin: 0 auto; 
		}
	/*content columns*/
	div#content-left {
		position: absolute;
		top: 80px;
		width: 25%;
		border: 0; margin: 0; padding: 0;
		margin-right: auto;
		background: url(/images/screen.png) repeat;
		}
	/* html>body div#content-left { min-width: 371px; } */
		
	div#content-left img { 
		margin: 1em auto 1em  auto; 
		display: block;
		z-index: 100;
		}
		
	html>body div#content-left img { 
		display: inline;
		clear: both;
		}
		
	
	div#content-right { 
		/* position: absolute;
		top: 0;*/
		/* set negative margin for IE Win */
		right: -15px;
		width: 55%;
		float: right; 
		clear: none;
		border: 0; margin: 0; padding: 0;
		padding-bottom: 100px;
		}	
	/* show correct margin to non-IE Win browsers */	
	html>body #content-right { right: 0px; }
		
	div#content-right #text-r img { 
		display: block;
		margin: 2em 1em 1em 0; 
		z-index: 100;
		float: left;
		}
		
	html>body div#content-right #text-r img { margin-left: -20px; }
	
	/* use this class selector for images in the
	right-hand column that might be pushed down below
	the last img in the curve in non-IE browsers */	
	html>body div#content-right #text-r img.right_image 
		{ float: none; display: inline; margin: 5px 4px -4px -5px;}		
	
	html>body div#content-right #text-r div.post img.right_image 
		{ float: none; display: inline; margin: 5px 4px -4px -5px;}		
		
	html>body div#content-right #text-r img.right_image_indent 
		{ float: none; display: block; margin: 5px auto 4px auto;}			
	
	html>body div#content-right #text-r div.post img,
	html>body div#content-right #text-r div.post img.right_image_indent 
		{ float: none; display: block; margin: 8px auto 8px auto;}			
		
	div#content-left img.l { float: left; clear: left;  margin: 0 1em 0 0; }
	div#content-right img.r { float: right; clear: right;  margin: 0 0 0 1em; }
	img.nofloat { float: none; display: block; }
	
	/*inner text blocks to columns allows true positioning around images*/
	div#text-l { 
		padding: 0 15px;
		/* margin-left: 26px */
		/* IE5 mac hack */
		/*\*//*/
		width: 75%;
		/**/
		}
	div#text-r { 
		margin-top: 95px;  
		margin-right: 26px; 
		/* IE5 mac hack */
		/*\*//*/
		width: 66%;
		/**/
		}
	/* IE5 mac hack */
	/*\*//*/
	div#text-l p, img { margin-left: -126px; }
	/**/
	
	div#text-l ul { margin-left: 15px; list-style-position: inside;}
	
	/* IE Win Position Hack */
	html>body div#text-l { margin-top: 76px; }
	html>body  div#text-r { margin-top: 95px }
	
	/* footer styles */
	div#footer { 
		position: relative;
		top: 125px;
		float: none; 
		clear: both; 
		text-align: left; 
		border-top: 2px dotted #666; }

		
	/* special styles */
	div#phone {
		color: #fff;
		background: url(/images/small_phone.gif) 0 0 no-repeat;
		padding-left: 75px;
		margin-top: 5px;
		height: 50px;
		}	
		
	div#email {
		color: #fff;
		background: url(/images/small_pc_icon.gif) 0 0 no-repeat;
		padding-left: 75px;
		margin-top: 5px;
		height: 50px;
		}		
		
	div#address {
		color: #fff;
		background: url(/images/small_home_icon.gif) 0 0 no-repeat;
		padding-left: 75px;
		margin-top: 5px;
		height: 50px;
		}		
		
	div.codeblock {
		font: 11px/1.25em courier new, courier, monospace;
		/*safari spells white-space without the hyphen*/
		/* whitespace: pre;
		white-space: pre;
		*/
		color: #444;
		background: #eee;
		margin: 15px;
		padding: 15px;
		}
		
		
	/* additional styles for moreover news feed */
	
	.morehl {
		font-family: Verdana, Geneva, Arial, sans-serif !important;
		font-size: 12px !important;
		color: #ffffff !important;
		font-weight: normal !important;
		font-style: normal !important;
		text-decoration: underline !important;
	}	
	
	a.morehl:link, a.morehl:visited, a.morehl:active {
		color: #ffffff !important;
	}
	
	.moresrc {
		font-family: Verdana, Geneva, Arial, sans-serif !important;
		font-size: 11px !important;
		color: #cccccc !important;
		font-weight: normal !important;
		font-style: normal !important;
		text-decoration: none !important;
	}
	
	a.moresrc:link, a.moresrc:visited, a.moresrc:active {
		color: #cccccc !important;
	}
	
	.moreti {
		font-family: Verdana, Geneva, Arial, sans-serif;
		font-size: 11px;
		color: #cccccc;
		font-weight: normal;
		font-style: normal;
		text-decoration: none;
	}
	
	.morehlt {
		font-family: Verdana, Geneva, Arial, sans-serif;
		font-size: 12px;
		color: #ffffff !important;
		font-weight: bold;
		font-style: normal;
		text-decoration: none;
	}	
		

	#newsfeed { 
		margin-top: 20px;
		font-size: 1em; 
		line-height: 120%;
		text-align: left; 
		color: #eee;
		}	
	#newsfeed h2, #newsfeed h3 { margin-bottom: 10px }	
	#newsfeed .meta {
	color: #ccc; font-size: .7em; 
	text-transform: uppercase;
}	
	#newsfeed blockquote { color: #eee; margin: 2px 5px 5px 10px; }
			
			
	form { margin: 5px 0 }		
	form label { display: block; font-weight: bold; margin-top: 10px; margin-bottom: 5px; }