/* Fixed Width, Wide Site Style */

/*
Body alignment to center here to support browsers that do not
recognize the margin:auto centering standard. This is then reset 
in the pageShell
*/
body {
	text-align:	center;
	padding-bottom: 100px;
	/* background: #AAAFB4; /* Grey */
	background: #788CA0; /* Blue */
}

div#page-body {
	background: #A0B4C8 url("../template_images/blue/page_t.png") 0 0 repeat-x;
}
div#page-body div.page-body-img {
	background: none;
	/*background: url(../images/grey/page_img.jpg) 50% 0 no-repeat;*/
}
div#page-body div.page-body-b {
	background: url("../template_images/blue/page_b.png") 0 100% repeat-x;
}

/*
The border settings here can be freely overridden in the theme style sheet.
The IE Fixes style sheet sets the min-width as pxs and ignores max-width.
*/

div#page-shell {
	border:			0;	
	margin:			0;
	padding:		0;
	margin:			0em auto;
	max-width:		89.2em; /*68.364em;*/
	min-width:		89.2em; /*68.364em;*/
	text-align:		left;
	border-color:	#AAAAAA;
	font-size:		110%;
}

div#page-shell-thin {
	border:			0;	
	margin:			0;
	padding:		0;
	margin:			0em auto;
	max-width:		71em;
	min-width:		71em;
	text-align:		left;
	border-color:	#AAAAAA;
	font-size:		110%;
}

#topframe {
	text-align: right;
	padding-top: 5px;
	background:	#e6f0fa;
}
#topframe a {
	text-decoration: none;
	color: #646464;
}

div#wrapper {
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	clear: both; 
}
div#wrapper div.wrapper-container {
	margin-top: 0px;
}
div#wrapper div.wrapper-container-t {
	padding: 0px 10px 0px 10px;
	position: relative;
}
div#wrapper div.wrapper-t {
	height: 10px;
	background: url("../template_images/wrapper_t.png") 0 0 repeat-x; /* ie6png:scale */
}
div#wrapper div.wrapper-tl {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 10px;
	background: url("../template_images/wrapper_tl.png") 0 0 no-repeat; /* ie6png:scale */
}
div#wrapper div.wrapper-tr {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 10px;
	height: 10px;
	background: url("../template_images/wrapper_tr.png") 0 0 no-repeat; /* ie6png:scale */
}
div#wrapper div.wrapper-l {
	background: url("../template_images/wrapper_l.png") 0 0 repeat-y;
}
div#wrapper div.wrapper-r {
	background: url("../template_images/wrapper_r.png") 100% 0 repeat-y;
}
div#wrapper div.wrapper-b {
	background: #ffffff url("../template_images/blue/wrapper_b.png") 0 100% repeat-x;
}
div#wrapper div.wrapper-bl {
	background: url("../template_images/blue/wrapper_bl.png") 0 100% no-repeat;
}
div#wrapper div.wrapper-br {
	padding: 0px 10px 100px 10px;
	background: url("../template_images/blue/wrapper_br.png") 100% 100% no-repeat;
	overflow: hidden;
}

#headframe {
	display: block;
	margin: 0;
	padding: 0;	
	border: 0;
}

#navframe {
	padding-top: 10px;
}

/* Left Column = menuframe */
/* Right Column = moreframe */
/* Center Column = coreframe */

#mainframe div.panel, 
#moreframe div.panel, 
#menuframe div.panel {
	margin: 10px 5px 5px 5px;
	font-size:	100%;
}

#mainframe div.panel img.left, 
#moreframe div.panel img.left,
#menuframe div.panel img.left,
#mainframe div.panel div.left, 
#moreframe div.panel div.left,
#menuframe div.panel div.left {
	float: left;
	margin: 5px 10px 5px 0px;
}

#mainframe div.panel img.right, 
#moreframe div.panel img.right,
#menuframe div.panel img.right,
#mainframe div.panel div.right, 
#moreframe div.panel div.right,
#menuframe div.panel div.right {
	float: right;
	margin: 5px 0px 5px 10px;
}

#mainframe div.panel img.center, 
#moreframe div.panel img.center,
#menuframe div.panel img.center,
#mainframe div.panel div.center, 
#moreframe div.panel div.center,
#menuframe div.panel div.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#footframe {
	width: auto;  
	margin: 10px -8px 0px -8px;
	padding: 18px 10px 2px 10px;
	clear: both;  
	background: #DCDFE1 url("../template_images/footer_bg.png") 0 0 repeat-x;
	text-align: center;
	zoom: 1;
}

#footframe p {	
	text-align: center;
	margin: 0 0 5px 0;	
}

.width15 { width: 14.999%; }
.width18 { width: 18.333%; }
.width20 { width: 19.999%; }
.width23 { width: 22.999%; }
.width25 { width: 24.999%; }
.width33 { width: 33.333%; }
.width35 { width: 34.999%; }
.width40 { width: 39.999%; }
.width45 { width: 44.999%; }
.width48 { width: 47.999%; }
.width50 { width: 49.999%; }
.width54 { width: 53.999%; }
.width65 { width: 64.999%; }
.width75 { width: 74.999%; }
.width80 { width: 79.999%; }
.width85 { width: 84.999%; }
.width90 { width: 89.999%; }
.width95 { width: 94.999%; }
.width100 { width: 100%; }

img, div, input { behavior: url("../js/iepngfix.htc") }