@import url(article_ih.css);

body {	
	font: 63%/140% Verdana, Arial, "Trebuchet ms", sans-serif;
	background:#f0f1f1 repeat url(/hg/resource.nsf/css/images/tile-bg_ih.gif) 0 0;
	color: #333;
}

h1,h2,h3,h4,h5,h6 {
	margin: 1.2em 0 1em; 
	padding:0;
	color:#00365b;
}

h5 {
	font-size:1em;
	margin-bottom:0.25em;
	font-weight:normal;
	color:#666;
}

a:link {
	color: #000000;
	text-decoration: underline;
}

a:visited {
	color: #000000;
	text-decoration: underline;
}

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

a.sectionlisting {
	color: #ffffff;
}

div > a.sectionlisting {
	color: #ffffff;
}

/*

=Building blocks
------------------------------------------------ */

#site-TOC {
	background:#fff no-repeat url(/hg/resource.nsf/css/images/header-stripe_ih.gif) 0 0;
	padding-top:5px;
	padding:5px 10px;
}

#site-TOC p {
	margin:5px 0 0;
	padding:0;
}

#masthead {
	margin:10px 0;
	padding:10px;
	background:#ffffff;
	position:relative;
	height:110px;
}

#timestamp {
	margin:5px 0; 
	color:#000000;
}

#logo {
	width:160px;
	height:60px;
	margin-top:5px;
	position:relative;
	background:no-repeat url(/hg/resource.nsf/css/images/logo_ih.gif) 0 0;
}

#contentwrap {
	background:#fff;
	margin:1px 0 10px;
	padding:10px 0 10px;
	width:975px;
}
#content {
	background:#fff repeat-y url(/hg/resource.nsf/css/images/content-bg_ih.gif) 0 0;
	padding:0 10px;
	width:955px; float:left; /* <- mozilla needs these two */
	}
	/* restore for IE... \*/ 
	* html #content {width:auto; float:none; height:1px;} 
	/* */

/* 
to achieve full content pages, do one of the following:
add class="full" to the body, or replace <div id="content" with <div id="fullcontent"...
*/
body.full #content { background:#FFF; float:none; width:auto; }
#fullcontent { background:#FFF; padding:0 10px; }


#colophon {
	background:#fff;
	padding:10px;
	margin:10px 0 20px;
	text-align:right;
	color:#00365b;
}

/*

=Navigation
------------------------------------------------ */

ul#nav li a:hover {

	color:#d5da3d;
	text-decoration:underline;	
}

ul#nav li a.current {
	background:#d5da3d;
	color:#fff;
}

ul#nav li a.current:hover {
	color:#fff;
}

ul#nav a.open {
	color:#f4f0e4;
	background:#fff;
}

ul#nav a.open:hover {
	background:#fff;
	color:#b32931;
	text-decoration:underline;
}

ul#nav {
	padding:0;
	list-style:none;
	margin:1px 1px 10px;
}

ul#nav ul {
	margin:0;
}

ul#nav li {
	list-style:none;
	margin:0; padding:0;
	margin:1px 0;
}

ul#nav li li {
	margin-left:10px;
}

ul#nav li a{
	padding:2px 10px;
	background:#fff;
	display:block;
	text-decoration:none;
	font-weight:bold;
}

/* IE needs a height or width for links with display block \*/
* html ul#nav li a {height:1px;}
/* */

/*

=Boxes (news / newsletter / etc)
------------------------------------------------ */

dl.facts dt {background:#000000;}
dl.articles dt {background:#000000;}
dl.news dt {background:#000000;}
dl.newsletter dt {background:#000000;}
dl.comments dt {background:#000000;}

dl.newsletter dd form {
	background:#f0f1f1; 
	padding:5px 10px;
}

/*

=Areas
------------------------------------------------ */

#footer {
	clear:both;
	background:#e7e6e2;
	padding:1px 10px;
	border-top:10px solid #fff;

}

/*

=Forms and forms elements
------------------------------------------------ */

input, textarea {font-family:verdana, arial,sans-serif; font-size:1em;}
input.text, textarea {border:1px solid #ccc; padding:2px;}

input.btn {
	background:#d5da3d;
	border-color: #00365b;
	border-width:1px;
	color:#000;
	font-weight:bold;
}

label em {color:#999; font-style:normal;}