/*---reset margins/paddings/borders---*/
body, html, div, span,
dl, dt, dd, pre,
p, h1, h2, h3, h4, h5,
blockquote,
img,
form, fieldset, input, select, label, ul, ol, li
table, caption, tr, th, td, thead, tbody  {
	padding:0; 
	margin:0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	border:0;
	outline:0;
} 
/*header, nav, section, article, aside, footer, figure {
	display:block;
}*/
caption, th, td {
	text-align: left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*--------UTILITIES-------*/
/* clearing */
.clfx:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size:0;}
.clfx {display:inline-block;}/*fix for IE*/
/* Hide from IE-mac \*/
* html .clearfix { height:1%; }
.clfx {display:block;}
/* End hide */

/* image replacement */
.mir { letter-spacing:-1000em; text-indent:-999em; }
/* For Opera, but hide from MacIE */
/*\*/html>body .mir { letter-spacing:normal; text-indent: -999em; overflow:hidden;}
/* End of hack */

.hide {display:none!important;}
.offpg {position:absolute; top:-9999em; left:-9999em;}
.fl {float:left;}
.fr {float:right;}
.clr {clear:both;}
.blk {display:block;}
.nowrap {white-space:nowrap;} 



/*---------------------------
--------- TYPOGRAPHY --------
----------------------------*/
body {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:62.5%;/*1em=16px (or 10px=0.625em) - this resets font sizes so 1em=10 px.*/
	line-height:1.4;
	color:#333;
}
#wrap {
	font-size:1.2em; /*adjust overall font-size*/
}
/*---- embedded fonts -----*/


/*---- headings ----*/
h1 {font-size:3em; line-height:1.1; margin:30px 0 10px;}

h2 {font-size:1.6em; font-style:italic; font-weight:bold; margin-bottom:20px;}
h3 {font-size:1.3em; font-weight:bold; margin-bottom:10px;}
.lrg {font-size:1.6em;}

/*----- paragraphs + lists -----*/
p {
	font-size:1.2em;
	line-height:1.4;
	margin-bottom:1em;
}
.article p {max-width:700px;}
p.footnote {
	font-size:.8em;
}
.article ul {	
	margin-bottom:1em; margin-left:16px;
}
.article ul li {
	font-size:1.2em;
	line-height:1.4;
}
.article ul.lmrg {margin-left:320px;}
/*----- links -----*/
a {
	color:#000099;
	text-decoration:underline;
}
a:hover, a:focus {
	color:#000099;
	text-decoration:none;
}
a[href^="http"] {
	/*progressive enhancement: styling for external links*/
}




/*---------------------------------
 * ------ STRUCTURE - GLOBAL ------
 * -------------------------------*/
body {background:#fff;}
#wrap {
	width:100%;
}
#wrap .centre {
	width:960px;
	margin:0 auto 40px;
}
/* screen size considerations
@media screen and (max-width: 800px) {
	#wrap #centre 	{
		width:80%;
	}	
}*/
/* scalable images
img  {
	max-width:100%; 
}*/

#header {clear:both; overflow:hidden;}
#header div.fl {width:480px;}

/*main content*/
.article {margin-top:20px; }


/*----------------------------------
 * ------ STRUCTURE - CONTENT ------
 * --------------------------------*/


/*--- images container ---*/
.figure {
	background:#eee; padding:2px 2px 5px 2px;
}
.figure img {
	display:block;
}
.figure.fr {
	margin-left:20px;
}
.figure.fl {
	margin-right:20px;
}
.figure .figcaption {
	font-size:1.1em;
	margin:5px 0 0;
	color:#000;
	text-align:center;
}



/*--- text and image box ---*/
.img-txt {clear:both; overflow:hidden; margin-top:20px;}
.img-txt .txt {float:left; width:600px; }

.two-col .fl {width:460px;}
.two-col .fl.last { padding-left:40px;}

.article.bbdr {clear:both; overflow:hidden; padding-bottom:20px;border-bottom:1px solid #666;}