/* This sets the formatting of the body of the document */
/* The overall design was inspired and used here http://www.pmob.co.uk/temp/2_col_centred_imgbg.htm */

/* mac hide\*/
html, body {height:100%}
/* end hide */


body {
	padding:0;
	margin:0;
	text-align:center;
	min-width:760px;/* for mozilla*/
	background-color: #CCCC99;
	color: #000000;
	
}

/*Links */
/*This section governs the format of the links in this document.  I learned this from the CSS Tutorial. */

a:link {
	color: blue;
	text-decoration:none;
}

a:visited {
	color: purple;
	text-decoration:none;
}

a:hover {
	text-transform: uppercase;
	font-weight:bold;
	color:blue;
	background-color:yellow;
	
}



#outer{
	min-height:100%;
	width:758px;
	border-left:1px solid #000;
	border-right:1px solid #000;
	color: #000000;
	text-align:left;
	margin:auto;
	position:relative;
	background: #CCCC99;
}
 
* html #outer{height:99.9%;} /*For ie as treats height as min-height anyway - also addreeses rounding bug at bottom of screen in IE*/
#header{
	min-height:70px;
	background: #111155;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	position:relative;
	background: #111155 url('images/banner-blue-logo.gif');
	background-repeat: no-repeat;
}
* html #header{height:70px}
#left {
	position:relative;/*ie needs this to show float */
	width:136px;
	float:left;
	color:#fff;
}
#left p {padding:2px}
#footer {
	width:758px;
	clear:both;
	height:50px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background-color: #111155;
	color: #FFFFFF;
	text-align:center;
	left:0;
	bottom:0;
	position: absolute;
}

/*Picture Format - This should float my picture and control the presentation of text around it.  I applied the principles
from the CSS tutorial. */
#picture {
	float:left;
	width: 100px;
}
.floatstop {
	clear:both;
}

* html #footer {/*only ie gets this style*/
	\height:52px;/* for ie5 */
	he\ight:50px;/* for ie6 */
	margin-bottom:-1px;
}
div,p  {margin-top:0}/*clear top margin for mozilla*/
#centercontent {
	width:622px;
	float:right;
}
#centrecontent p {padding-left:3px}

#clearfooter {width:100%;height:52px;clear:both} /* to clear footer */