/* ----- overall page layout --------------------------------- */
#page-body 		
{
	padding: 0px 0px 0px 0px !important;
	background: url(/images/man-gorila.gif) bottom left no-repeat;
	margin-bottom: 20px;
}


#column-a
{
    width: 408px;
    margin-top: 5px;
    background: #DADFFE;
    min-height: 600px;
}

}


/* ----- darwin-200 header area ------------------------------- */
#darwin-header 
{
	background: url(/images/darwin-header.jpg) bottom no-repeat;
	height: 150px;
}
#logo 
{
	margin: 8px 0 0 20px;
}


/* ----- left-hand navigation --------------------------------- */
#nav-content 
{
	float: left;
	width: 160px;
	padding-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
	font-size: 1em;	
	background-color: #fff; 
}
#nav-content ul
{
	list-style: none;
}
#nav-content ul li 
{
	display: block;
	border: 1px solid white;	/* to fix dodgy IE bug...otherwise get massive margins... - miks - 04/2008  */
}

#nav-content ul li a 
{
	/* line-height: 2.3em; */
	
	text-decoration: none;
	display: block;
	color: #19277A;
	padding: 3px 3px 3px 10px;
	background-position: 0px 50%;
	background-repeat: no-repeat;
	
	/* border: 1px solid blue; */
}
#nav-content ul li a:hover 
{
	color: #7929BC;
	background-image: url(/images/link-arrow.gif);
	border-right: 1px solid #fff;			/* or arrow does not appear in IE - v weird... - miks */
}


#nav-content #nav-content-level2 li a
{
	margin-left: 15px;
	/* line-height: 1.4em; */
	background-position: 0px 0.6em;
	/* border: 1px solid red; */
	padding: 3px 1px 1px 10px;
}


.currentItem 
{ 
	background-image: url(/images/link-arrow.gif);
	font-weight: bold;
}
.currentItems 
{ 
	background-image: url(/images/link-arrow-down.gif);
	background-position: left; 
}



/* ----- utilities --------------------------------------- */

/*
#utilities 
{
	background-image:url(../images/utilities-top-curp.gif);
	background-position:right top;
	background-repeat:no-repeat;
}
*/

#utilities		/* , #quote  */
{
	margin-top: 5px;
	width: 142px;
	float: left;
}
#utilities div
{
	background-color: #EBEEFF;
	margin-bottom: 5px;
	background-repeat:no-repeat;
	padding: 5px 5px 10px 5px;
}
#utilities div.first
{
	background-position: right top;
	background-image:url(/images/EBEEFF-curve--top.gif);
}
#utilities div.last
{
	background-position: left bottom;
	background-image:url(/images/EBEEFF-curve-bot.gif);
}

#utilities h5
{
	color:#19277A;
	margin: 5px;
	font-size: 0.95em;
}
#utilities ul
{
	list-style: none;
	margin: 5px;
	line-height:2.1em;
}
#utilities ul a
{
	text-decoration: none;
	color: #000;
}
#utilities ul a:hover
{
	color: #7929BC;
}


/* ----- quote -------------------------------------------- */
#quote
{
	width: 142px;
	float: left;
	color: #fff;
	background-image:url(/images/876DAE-curve-top.gif);
	background-position:right top;
	background-repeat:no-repeat;
	background-color:#876DAE;	
	margin-top:20px;
}
#quote blockquote
{
	padding: 10px;
}
#quote cite
{
	font-weight: bold;
	font-style: normal;
	display: block;
}
/* ----- related links -------------------------------------------- */
#related-links
{
	width: 142px;
	float: left;
	color: #fff;
	background:#C1C9FE url(/images/C1C9FE-curve-top.gif) right top no-repeat;/*#876DAE url(/images/876DAE-curve-top.gif) right top no-repeat;*/
	margin-top:20px;
}
#related-links h5 
{
	color:#19277A;
	margin: 0;
	padding: 10px;
	font-size: 1em;
}
#related-links ul
{
	margin: 0 0 0 10px;
	padding: 0 5px 10px 14px;
}
#related-links li
{
	padding: 0 0 5px;
	font-weight: bold;
}
#related-links a:link, #related-links a:visited, #related-links a:active 
{
	color: #19277A;
	text-decoration: none;
	
}
#related-links a:hover 
{
	color: #7929BC;
	text-decoration: underline;
}


/* ----- links footers ------------------------------------- */
.footerLinksBar 
{
	background: url(/images/19277A-curve-bot.gif) #19277A;
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 0px;
	float: none;
	width: 100%;
}
.footerLinksBar  a.pointRight, #quote .footerLinksBar  a.pointRight
{
	background-image: url(/images/footer-link-arrow.gif);
	background-repeat: no-repeat;
	float: right;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	padding-right: 20px;
}

/* following are needed for safari - no idea why, but width:100% makes them too wide - miks - 06/2008 */
#column-a .footerLinksBar
{
	width: 398px;
}
#quote .footerLinksBar
{
	width: 132px;
}


/* ----- content --------------------------------------------- */
#page-intro
{
	background-color:#C1C9FE;
	padding: 10px;	
	border-bottom: 5px solid #fff;
}
#page-intro.curved
{
	background-image: url(/images/C1C9FE-curve-top.gif);
	background-repeat: no-repeat;
	background-position: top right;
}


#page-content 
{
	padding: 10px;
}

#page-intro a, #page-content a 
{
	color:#19277A;
	text-decoration: none;
	font-weight: bold;			
}
#page-intro a:hover, #page-content a:hover
{
	color:#7929BC;
	text-decoration: underline;
}
#page-content.no-bold a				/* this isn't a very nice way of achieving this (used only on more.html?) - miks */
{
	font-weight: normal;
}

.news-block  
{ 
	margin-bottom: 10px;
	/* display: inline-block;		IE hackery - causes probs in safari - see safari hack at end of this stylesheet - miks - 06/2008 */
}




#page-content .news-text p
{ 
	margin-bottom: 0px;
}
.news-block img 
{ 
	float: left; 
	margin-top: 3px;
	
}
div.news-text 
{
	float: right; 
	width: 310px;
}

div.news-block:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}




h2, h3 
{
	color:#19277A;
	margin-bottom: 10px;
}
h2 
{
	font-size:1.2em;
}
h3 
{
	font-size:1.1em;
}

.column p
{
	margin: 0 0 13px 0;
}
.column blockquote
{
	margin: 0 10px 13px 10px;
}
.column cite
{
	font-style: normal;
	display: block;
	padding: 5px 0 0 5px;
}
.column table
{
	margin: 0 0 13px 0;
	/* display: inline;	prevents footerLinksBar inheriting margin from table as result of an IE bug... - miks */
}



/* ----- images -------------------------------------------- */
/* 
this not ideal as forces all images to 140px - can be changed if 
necessary or developer can specify width using STYLE attribute 
*/

.image-holder 
{
	float:right; 
	width:140px; 
	margin:0 0 10px 10px;
}
.image-holder p 
{
	display:block; 
	background-color:#EBEEFF; 
	margin:0px; 
	padding:3px;
}



/* ----- for contact forms ----------------------------------- */
label
{
	float: left;
	width: 35%;
	text-align: right;
	padding-right: 3px;
	margin-top: 5px;
}

.mainInputWidth
{
	width: 55%;
	margin-top: 5px;
}
h4 img 
{
	margin-left: 20px;
}
hr
{
	height: 1px;
	color: #19277A;
}


/* ----- SAFARI HACK ----------------------------------- */
/* the # will cause safari to ignore this rule AND ANY SUBSEQUENT CSS - miks - 06/2008 */
.news-block  
{ 
	_display: inline-block;			/* IE hackery - causes probs in safari */
	#
}










.blog-post {
    padding: 5px;
}