body {
	font-size: 76%; color:#101010;
	margin:0px 0 50px 0; 
	background: #fff url(/media/images/constructors/head_bg.jpg) no-repeat 50% 0%;
	}
	
	table, th, tr, td {
	vertical-align: top;
	font-size: 1em;
	}
	
	ul {
	margin-left:35px;
	margin-bottom:15px;
	}
	
	li {
	line-height:14px;
	}
.photo {padding-right:8px; padding-bottom:10px;}	

/*	For Inheritance */	
	div, p, dl, dt, dd, h1, h2, h3, h4, h5, h6 { 
	text-align: left; /* Overides NN4 force centre */
	font-size: 1em;
	}

/*	Default link setup */
	a:link  {  color: #09f; text-decoration: none;} 
	a:active  {  color: #09f; text-decoration: none;}
	a:visited  {  color: #09f; text-decoration: none;}
	a:hover, a:focus {  color: #9c0; text-decoration: underline;}

/* 	Removes space after form elements. */ 

	
		h2.title {font-size:1.55em;
	color:#1347bd;
	padding-top:8px;
	}
	.byline {font-size:.75em;}
	
	h3.title {font-size:1.4em;
	color:#1347bd;
	padding-top:8px;
	}
		h3.title-green {font-size:1.4em;
	color:#99cc00;
	padding-top:8px;
	}
	
		h5.title {font-size:1.1em;
	color:#1347bd;
	padding-top:8px;
	}
	.news_links, .news_links a, .news_links a:active{
	color:#666;
	text-decoration:none;
	line-height:20px;
	
	}
	
.news_links a:hover {color: #9c0; text-decoration: underline;}
.news_links a:visited {color: #666;}

	

/*	---------------------------------------------------------------
	MASTHEAD
	------------------------------------------------------------ */	
	
	#wrapper {
	width: 800px; /* contains width*/
	margin: 0 auto;
	text-align: center; /*Added for IE5*/
	}
	
	#masthead-rt { 
	width: 800px;
	margin: 0 auto;
	height: 230px; 
	}
			
	#masthead { 
	width: 800px;
	margin: 0 auto;
	height: 244px; background-image:url(/media/images/constructors/head_bldg.jpg); background-repeat:no-repeat; background-position:left top;
	}
	
	#logo { float: left; margin-left:-10px; margin-top:1px; }
	
	* html #logo { /*hack for IE 6 3px margin bug*/
  	margin: 0 -3px;  /* only for IE5.x/Win */
 	m\argin: 0;
 	}


/*	---------------------------------------------------------------
	PRIMARY NAVIGATION
	------------------------------------------------------------ */		

	#primarynav {
	float: right; width:425px; color:#FFF; z-index:9999;
	}
	
	#primarynav li{
	float: left;
	display: inline;
	line-height:40px;
	overflow: hidden;
	}
	
	#primarynav li a{
	display: inline; padding-left:6px;padding-right:6px;
	font-size: 12px; 
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#fff; text-decoration:none;
	
	}
	#primarynav li a:hover {
	text-decoration:underline; color: #F8F8F8;
	}
	
/*	---------------------------------------------------------------
	CONTENT DIVS
	---------------------------------------------------------------
	
	(1) #content wrap - holds all content areas
	
	(2) #maincol & #sidecol - should be used for a all three
	column layouts. #maincol is for main content, #sidecol can
	then be split into two further cols using divs marked
	#col3 and #col4
	
	For a four col layout #main col can be split further with
	divs marked #col and #col2
	
	(3) Three column layouts are acheived by wrapping
	triple-col then divided with 2 divs triple-col1 and
	triple-col2, triple-col3 sits on its own after triple-col.
	
	(4) mywrap is used to clear the footer
	
	------------------------------------------------------------ */	
	
	/*	Start clear floated elements - http://www.positioniseverything.net/easyclearing.html*/	
	#contentwrap:after {
   	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
	
	#contentwrap {
	display: inline-table;
	 clear: both;
	 margin-top:8px;  
	}

	/* Hides from IE-mac \*/
	* html #contentwrap {height: 1%;}
	#contentwrap {display: block;}
	/* End hide from IE-mac */
	
	#maincol {
	float: left;
	width: 360px;
	margin: 0 -390px 0 0;
	}
	
	/* Article Column*/
	#desccol {
	float: left;
	width: 550px;
	margin: 0 8px 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:.95em;
	
	}

#widecol {
	float: left;
	width: 600px;
	margin: 0 8px 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:.95em;
	
	}	
	
	#maxwidecol {
	float: left;
	width: 98%;
	margin: 0 8px 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:.95em;
	
	}
	
	/* Detail Column*/
	#detailcol {
	float: right;
	width: 200px;
	min-height:350px;
	font-size:.9em;
	border-left:1px solid #f3f3f3;
	padding-left:25px;
	}
	
	#sidecol {
	margin-top:-193px;
	float: right;
	width: 400px;
	}
	
	/*Used for splitting either main col into two inner columns*/
	#maincol #col1 {		
	float:left;
	width: 165px;
	}
	
	#maincol #col2 {		
	float: right;		
	width: 165px;
	}
	
	#sidecol #col2 {		
	float:right; position:relative;
	width: 400px;
	z-index:999;
	}
	
	#sidecol #col3 {		
	float:left;
	width: 185px;
	}
	
	#sidecol #col4 {		
	float: right;		
	width: 185px;
	}
	
	#triple-col {
	float: left;
	width: 490px;
	margin: 0 -260px 0 0;
	}
	
	#triple-col1 {
	float: left;
	width: 230px;
	}
	
	#triple-col2 {
	float: right;
	width: 230px;
	margin: 0 0 0 0;
	}
	
	#triple-col3 {
	float: right;
	width: 230px;
	}
	
	#mywrap {height:1%;}
	
/*	---------------------------------------------------------------
	FOOTER STYLES
	------------------------------------------------------------ */	
	
	#footer {
	clear:both;
	border-top: 1px #ccc solid;
	padding-top: 4px;
	font-size: .9em;
	color: #333;
	text-align: left;
	margin-top: 40px;
	}
	
	#footer a {
	color: #666;
	text-decoration: none;
	padding-left:6px;padding-right:6px;
	}
	
	#footer a:hover {
	color: #9c0;
	text-decoration: underline;
	}
	
	#copyright {
	float:right;
	display: inline;

	color: #666
	}
	
	#footer #sub-footer {
	border-top: 1px #ccc solid;
	margin: 4px 0 0 0;
	padding: 4px 0 0 0;
	}
	
	.adblock {clear:both; border-bottom:1px  dotted #999; border-top:1px dotted #999; padding-top:8px; padding-bottom:8px;}
	.adblock img{padding-left:8px; padding-right:8px;}
	
	
.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	color:#000;
	background-color:#fff;
	margin-bottom:2px;
	margin-top:2px;
	padding-left:2px;
	background-repeat:no-repeat;
	background-position:top right;	
	height:40px;
	line-height:40px;
	
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
}

.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	border:1px solid #317082;
	background-color:#E2EBED;
	background-image:url(/media/images/constructors/grn_bg.jpg);
	
	
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}

	/* Rounded Corners Green*/
.bl {background: url(/media/images/constructors/bl.gif) 0 100% no-repeat #d9f587; width: 98%}
.br {background: url(/media/images/constructors/br.gif) 100% 100% no-repeat}
.tl {background: url(/media/images/constructors/tl.gif) 0 0 no-repeat}
.tr {background: url(/media/images/constructors/tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}

	/* Rounded Corners Blue*/
.bbl {background: url(/media/images/constructors/bbl.gif) 0 100% no-repeat #87c5f5; width: 98%}
.bbr {background: url(/media/images/constructors/bbr.gif) 100% 100% no-repeat}
.btl {background: url(/media/images/constructors/btl.gif) 0 0 no-repeat}
.btr {background: url(/media/images/constructors/btr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}


h5.spacer {
border-bottom:#88cc46 1px dotted;
}