/* Colours in the logo: 
Toner Associates are #002D86 (Pantone 287 C at 100%)
The Stylized ampersand is #99ABCF (Pantone 287 C at 40%) */

/* min and max page widths 
See http://developer.yahoo.com/yui/grids/ */
#custom-doc {
	margin:auto;text-align:left; /* leave unchanged */
	width:100%;
	max-width: 74.923em;/* non-IE */
	*max-width: 73.050em;/* IE */ 
	min-width: 650px;/* optional but recommended */
}

#hd, #ft  {
font-family: Georgia;
font-size: 16px;
background:#dddddd;
margin: 0;
padding: 10px 10px 6px 10px;
}

#hd #city {
text-align: right;
}

#hd #logo {
margin: 0 0 0 0;
}

#hd #logo img {
background: #FFF;
padding: 4px 0;
}

h1 {
font-family:verdana;
font-weight:bold;
font-size:20px;
margin:0 0 20px 0;
}

#bd {
background: #dddddd;
}

.yui-b {
padding: 10px;
}

#bd {
border-top: 4px solid #999999;
border-bottom: 4px solid #999999;
}

#bd .yui-g {
text-align: centre;
background:#ffffff;
padding: 20px 20px 20px 20px;
/* Ensure scroll bar always renders, fixing issue where page jumps around the screen */
min-height: 740px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.yui-b a.top-level {
display: block;
background: #BBBBBB;
text-transform: uppercase;
padding: 4px 8px;
text-align: center;
color: #0000ff;
font-weight: bold;
text-decoration: none;
}

.yui-b a:hover {
color: #ffcc00;
background: #888888;
}

.purple {
color: purple;
font-weight: bold;
}