/* ---------layout features------------- */
#wrapper{
	margin: 0 auto;
	width: 780px;
	position: relative;
	text-align: left;
	background: #FCF4E7 url(../_images/bg-cols.gif) repeat-y;
}

* html #wrapper{ /*** IE5.x/win box model fix ***/
	width: 782px;
	wid\th: 780px;
}

#outer{
	position: relative;
	margin-left: 150px;
	width: 478px;
	background: #FED788 url(../_images/bg-cols-middle.gif) repeat-y;
	border-left: 1px solid #FED788;
	border-right: 1px solid #FED788;
}

* html #outer{ /*** IE5.x/win box model fix ***/
	width: 480px;
	wid\th: 478px;
}

#float-wrap{
	float: left;
	width: 478px;
	margin-right: -1px;
}

#top{
	background: #FED788 url("../_images/bg-top.jpg") top no-repeat; /* header colours */
	padding: 0;
	margin: 0;
	height: 195px;
}

#footer-wrap{
	background-color: #FED788; /* footer colours */
}
#footer{
	position: relative;
}

#middle-wrap{
	float: right;
	width: 478px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	margin-bottom: -1px;   /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
	/* \*/
	margin-left: -1px;
	/* Hidden from IE-mac */
}
#middle{
	margin: 0 10px 5px 10px;
	background-color: #fff;
	padding: 0;
}

#left-wrap{
	position: relative;
	width: 152px;
	margin-left: -151px;
}

* html #left-wrap{
	float:left;
}

*>html #left-wrap{
	width:151px;
} /*** Fix only for IE/Mac ***/

#left{
	/*width: 150px; /*** Critical left col dimension value ***/
	padding-bottom: 0px; /*** To keep content from going underneath the AP bottom boxes ***/ 
	margin: 0 8px 10px 0;
	position: relative;
}

#right-wrap{
	float: left; 
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width: 152px;    /*** Critical right col/divider dimension value ***/
	margin-right: -150px;    /*** Critical right col/divider dimension value ***/
	margin-left: -1px;   /*** Static fix ***/
}

/* \*/
* html #right-wrap{
	margin-left: 0px; 
	margin-right: -500px; 
	mar\gin-right: -152px;
}
/* */

/*
* html #right-wrap{
	margin-left: 0px;    *** Critical right divider dimension value ***
	margin-right: -500px;    *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
	mar\gin-right: -152px;    *** Critical right col/divider dimension value ***
}
*/

#right{ 
	/* \*/width: 150px;/* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
	margin-left: 3px;    /*** Critical right divider dimension value ***/
	padding-bottom: 0px;   /*** To keep content from going underneath the AP bottom boxes ***/
	/*overflow: auto; */
}

/* \*/
* html #right{
	fl\oat: right;
	margin-left: 2px; 
	mar\gin-left: 0px; 
}

/* \*/
* html h2{height: 1%;}
/* */


/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html #left-wrap{margin-right: -3px;}
/* */


/* bootom corners */
.ap-test{
	position: absolute; 
	top: -6px; 
	font-size: .1em;
	width: 145px; 
	height: 6px; 
	background: #FED788 url(../_images/bg-cols-bottom.gif);
}

/* \*/
* html .ap-test{
	top: -6px;
	t\op: -6px;
}
/* */

.ap-left{
	left: 0;
}
.ap-right{
	right: 0;
}

/* top corners */
#bg-top-col-left{
	background: url("../_images/bg-cols-top.gif") left top no-repeat scroll;
	height: 6px;
}
#bg-top-col-right{
	background: url("../_images/bg-cols-top.gif") right top no-repeat scroll;
	height: 6px;
	margin-right: -1px; /* fix gecko right corner */
/*	_margin-right: 0; /* for ie */
}

#bg-top-col-middle{
	background: #FED788 url(../_images/bg-cols-middle-top.gif) center top no-repeat;
	height: 6px;
	font-size: .1em;
}

/* bottom corners midle */
#bg-bottom-col-middle{
	background: url(../_images/bg-cols-middle-bottom.gif) center bottom no-repeat;
}
