body, html {height: 100%; margin: 0 0 0 0; padding: 0 0 0 0; background-color: #B3E3F6;}

form { height: 100% }

#outer { height: 100%; width: 100%; overflow: visible;} /* or without overflow */


#outer[id] {display: table; position: static; }


#middle[id] {display: table-cell; vertical-align: middle; position: static; }

#middle {position: absolute; top: 10%; } 

#inner { position: relative;  }





/* End Hide */

#inner {  position: relative;  border-top: 1px solid #333399; height: 427px; margin-left: auto; margin-right: auto; width: 760px; background: url(../images/bg.gif) repeat-y #fff } /* for explorer only */ 
/* optional: #inner[id] {position: static;} */

#logo { position: absolute; top: 10px; left: 10px;}


/*-------- ARTICLE NAV DIV --------*/

#nav_articles { 
	min-height: 300px;
	width: 230px; 
	overflow: hide;
	position: absolute;
	left: 0px;
	top:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 10px 10px 10px;
	text-transform: uppercase;


	}

#nav_articles a, #nav_articles a:visited, #nav_articles a:active, #nav_articles a:link {  color: #fff;  text-decoration: none;  }

#nav_articles a:hover { color: #333399; }

#nav_articles h1 { font-family: Arial Narrow, Helvetica Narrow, Arial, Helvetica, sans-serif; font-size: 14px;
	line-height: 15px; color: #000; text-transform: uppercase; margin: 10px 0 5px 0 
	}

#nav_articles h2  { font-family: Arial, Helvetica, sans-serif; font-size: 11px;
	line-height: 13px; color: #fff; text-transform: uppercase; margin: 15px 0 1px 0
	}


#nav_articles select { font-size: 11px; margin-top: 0px; margin-bottom: 1px; width: 220px;}


#nav_articles img { border: none; position: relative; top: 2px; margin-right: 6px; padding-left: 5px;}




/*-------- STANDARDISED NAV DIV --------*/

#nav_standard { font-family: Arial, Helvetica, sans-serif; font-size: 11px;
	line-height: 17px;
	color: #6DCFF6;
	font-weight: bold; height: 30px; width: 500px; overflow: hide; 
	position: absolute; left: 258px; top: 408px; text-align: right; 
	}
	
#nav_standard a:link, #nav_standard a:active, #nav_standard a:visited { color: #fff; padding: 0 5px 0 5px; text-decoration: none;}

#nav_standard a:hover { color: #FFCC66; text-decoration: underline;}






/*-------- MAIN CONTENT CONTAINER DIV --------*/

#content_wrapper { height: 405px; width: 481px; /*30px more than below */  overflow: auto; position: absolute; top: 0px; left: 280px;}

#content_wrapper table { }


/* Home */

#home {    }

#home h1 { font-family: Arial, Helvetica, sans-serif; text-align: center;
	font-size: 20px; font-weight: 100; color: #00AEEF; line-height: 35px; margin: 1px 1px 1px 1px; padding: 5px 1px 1px 1px; }
	
#home h2 { font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 17px;
	color: #333399; /* 4C505E */
	font-weight: 100; 
	margin: -1px 0 -10px 0;}

#home p { 	
font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #333;
	margin-right: 26px;
	}
	
#home a, #home a:link, #home a:active, #home a:visited { margin: 0 0 0 0; padding: 0 0 0 0; color: #916100; padding:0px 3px 0px 3px; background-color: #FEF6E6; text-decoration: none;}

#home a:hover { color: #7D5300; background-color: #FFCC66; }
	


/* article type 1 */

#container_articles { width: 450px; padding-bottom: 17px; }

.tdHeading { color: #333399; font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 70px;
	font-weight: 100 }

.tdListing a:link, .tdListing a:visited, .tdListing a:active { position: relative; top: -25px; font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px; margin: 0 0 0 0; padding: 0 0 0 0; color: #916100; padding:0px 3px 0px 3px; background-color: #FEF6E6; text-decoration: none;}

.tdListing a:hover { color: #7D5300; background-color: #FFCC66; }

.tdListing { padding: 5px 10px 0px 10px; vertical-align: middle; }
.tdListing img { padding-bottom: 5px; }



#container_articles h1 { font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 30px;
	font-weight: 100
	}
	
#container_articles h2 { font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 17px;
	color: #333399; /* 4C505E */
	font-weight: 100; 
	margin: -1px 0 -10px 0;}
	
#container_articles h3 { font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #333399;
	font-weight: bold; 
	display: inline;}
	
#container_articles p { 	
font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #333; }
	
#article_content { margin-top: 20px; padding-top: 0px; width: 420px; }
	
#article_links { float: right; width: 140px; margin-left: 30px;}

#article_links img { position: relative; top: 5px; }

#article_links a, #article_links a:link, #article_links a:active, #article_links a:visited { margin: 0 0 0 0; padding: 0 0 0 0; color: #916100; padding:0px 3px 0px 3px; background-color: #FEF6E6; text-decoration: none;}

#article_links a:hover { color: #7D5300; background-color: #FFCC66; }

#article_links p {margin-bottom: 15px; }
#article_links h2 {margin-bottom: -7px; }



/* article type 2 */


#container_feature1 a, #article_links a:link, #article_links a:active, #article_links a:visited { margin: 0 0 0 0; padding: 0 0 0 0; color: #916100; padding:0px 3px 0px 3px; background-color: #FEF6E6; text-decoration: none;}

#container_feature1 a:hover { color: #7D5300; background-color: #FFCC66; }

#container_feature1 { width: 446px; padding-bottom: 17px;  }

#container_feature1 p { 	
font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #333; }
	
#container_feature1 h1 { color: #333399; font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 30px;
	font-weight: 100
	}
	
	
#container_feature1 h2
{ font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	font-weight: 100; 
	margin: 16px 0 0px 0;} 
	
#container_feature1 img { }

#article_feature1 {  margin-top: 20px; padding-top: 0px; width: 420px; }



/* article type 3 */

#container_feature2 { width: 450px; padding-bottom: 17px;  }

#container_feature2 p { 	
font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #333; }
	
#container_feature2 h1 { font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 70px;
	font-weight: 100
	}
	
	
#container_feature2 h2
{ font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #333399;
	font-weight: 100; 
	margin: 16px 0 20px 0;} 
	
#container_feature2 img {}

#article_feature2 {  margin-top: 20px; padding-top: 0px; width: 440px; }

	
	

.byline { background: url(../images/redblock.gif) no-repeat; margin-left: 5px; padding-left: 10px; color: #000; font-weight: bold; }