/* styles to create fixed width column centred on gray page  */

/* base style for text declared here also  */
body {
background-color: #DDDDDD;  /* light gray */
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 75%; 
color: #151515;
line-height: 1.5em;
}

#outer {
    max-width: 1000px;
    background-color:#FFFFFF;
    margin-top: 20px;
    margin-bottom: 2px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
    border: thin inset #DDDDFF;
}

#header {
		height: 100px;
    padding:5px;
    margin: 10px 0 0 0;
    text-align: left;
		background-color:#FFFFFF;
}

#content {
    margin-left: 0;
    margin-top: 10px;
    padding: 10px 5px 10px 5px;
    min-height: 540px;  /* force minimum content frame height */
		background-color:#FFFFFF;
}

#footer {
	clear: both;
	margin: 10px 0px;
	height: 60px;
  line-height: 1.3em;
  color: #000080;
  font-size: xx-small;
	background-color:#78fdfe;
}

#right {
float:right;
width: 260px;
} /*image in footer*/

#left {
float:left;
padding: 18px 0 0 10px;
width: 360px;
} /*text in footer*/

/*code below is to force IE6 to position boxes correctly - all other browsers work fine*/
* html body{ /*IE6 hack*/
		padding: 20px 10% 0 10%; 
}

* html #outer { /*IE6 hack*/
		height: 100%; 
		width: 100%; 
}

* html #content { /*IE6 hack*/
		height: 70%; 

}