/* CSS Document */
html, body {margin: 0; padding: 0; border: 0;}
html {
	min-height: 100.0%;
}
body {
	color: #454545; 
	background: #EEECEC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%; 
	text-align: center;
	margin: 0 0 10px 0;
	height: 100.1%;
}

p {
	margin: 0; 
	padding: 0;
}
h1 {
	font-size: 1.25em; 
	margin: 20px 10px 5px 0;
	color: #f36f2a;
}

h2 {
	/*font-size: 1.1em;*/ 
	font-size: 14px; 
	margin: 16px 10px 5px 0;
	color: #454545;
}

h3 {
	font-size: 12px; 
	margin: 12px 10px 5px 0;
	color: #454545;
}

.clear { clear: both; }
div.left div.clear {
	clear:none;
}

a {
	text-decoration: none;
	color: #f36f2a;
}

.alignright {
	margin-top: 0;
	text-align: right;
	clear: both;
}
.first { margin-top: 0; }
.small { font-size: .9em; }

.wide { /* header and footer colours */
	/* width: 100%; */
	color: #333;
	text-align: left;
	border-top: 1px solid #E2E2D7;
}

.wide p {
	margin: 0; 
	padding: 5px; 
	position: relative;
}

.top { }

.bottom {
/*	position: relative;*/
	padding: 0 25px;
	padding:0px;
}

.boxfloat {
	width: 50px; 
	border: 1px solid #999; 
	background: #ddd; 
	font-size: .7em;
}

.to-right {float: right;}

.to-left {float: left;}


.wrapper {
	/*width: 860px;*/
	width:976px;
	border-left: 1px solid #E2E2D7;
	border-right: 1px solid #E2E2D7;
	border-bottom: 1px solid #E2E2D7;
	background-color: #FFFFFF;
	margin: 0 auto;
	text-align: left;
}

* html .wrapper {
}

.outer {
	position: relative;
	/*margin-left: 226px;*/
	margin-left: 236px;
	width: 520px;
	background: #fff;
}

* html .outer {
	width: 522px;
	wid\th: 520px;
}

.float-wrap {
	float: left;
	width: 520px;
	margin-right: -1px;
}

.center {
	float: right;
	/*width: 406px;*/
	width: 520px;
	margin-bottom: -1px;
	/* \*/
	margin-left: -1px;  
	/* Hidden from IE-mac */
	padding-bottom: 10px;
	padding-top:8px;
	
}
/*
.center h2 {
	color:#000;
}
*/

.left {
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width: 176px;    /*** Critical left col/divider dimension value ***/
	margin-left: -211px;    /*** Critical left col/divider dimension value ***/
}

* html .left {
	float:left;	
}

*>html .left {width:176px;}   /*** Fix only for IE/Mac ***/

.container-left {
	width: 176px;    /*** Critical left col dimension value ***/
	padding: 0px;
	padding-bottom: 10px;   /*** To keep content from going underneath the AP bottom boxes ***/ 
}
.container-left	div.bbox {
	margin-left:0px;
}

.right {
	float: left; 
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width: 176px;    /*** Critical right col/divider dimension value ***/
	margin-right: -226px;    /*** Critical right col/divider dimension value ***/
	margin-left: -1px;   /*** Static fix ***/
}

/* \*/
* html .right {
	margin-left: 0px; 
	margin-right: -520px; 
	mar\gin-right: -226px;
}
/* */

.container-right { 
	/* \*/width: 176px;/* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
	margin-left: 3px;    /*** Critical right divider dimension value ***/
	padding: 0 8px;
	padding-bottom: 10px;   /*** To keep content from going underneath the AP bottom boxes ***/
}

/* \*/
* html .container-right {
	fl\oat: right;
	margin-left: 2px; 
	mar\gin-left: 0px; 
}
/*** Static fixes ***/

/*** Below is the Holly hack, and if IE/Win shows bugs it's a good idea to apply this hack to 
	different elements and see if that fixes the problem. Sometimes it may be necessary 
	to use "position: relative;" on certain elements, but it's hard to tell in advance which 
	elements will need such fixes. Here it prevents IE5/Win from clipping the left ends 
	of the headings. ***/
/* \*/
* html h2 {height: 1%;}
/* */


/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html .left {margin-right: -3px;}
/* */


.italics-test, .italics-test-side {
	font-style: italic; 
	text-align: justify; 
}

/*** The following fixes prevent justified italic text from destroying the layout in IE/win.
	The problem is that those properties together make IE force the container wider,
	which in this type of floated layout causes a float drop. 	Pre-IE6 gets "width: 100%" 
	and "overflow: hidden", while IE6 gets "width: auto" and "overflow: visible, which 
	is the default, but explicitly stating it seems to keep IE6 happy. IE6 also needs
	to see the "height: 1%" to give it some kind of box dimension. Browser coddling 
	we call it. Finally, Bruno found that "word-wrap: break-word;" disarranged the 
	justified text in IE5.5 and 6, so it is defaulted to "normal" for this text.
	If you don't need justified and italicized text then forget all these fixes ***/

/* \*/
* html .italics-test, * html .italics-test-side {
	overflow: hidden;
	width: 100%;
	o\verflow: visible;
	w\idth: auto;
	hei\ght: 1px;
}
/* */

/*** All the IE fixes that are inside separate "Mac-hacks" may be grouped 	within 
	just one Mac-hack for convenience if desired. However, each fix must come 
	later than the rule it is fixing or the fix itself will be overridden. ***/