body { background-color: #FFFFFF; }

html, body { height: 100%; }
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -75px auto;
}
#push { height: 75px; }


/* Bar */

#bar { position: relative; height: 19px; background-color: #777777; border-bottom: 1px solid #FFFFFF; padding: 5px 30px 5px 30px; color: #FFFFFF; }

#bar-left a { font-weight: bold; }
#bar-left a { color: #FFFFFF; text-decoration: none; }
#bar-left a:hover { text-decoration: underline; }

#bar-right { position: absolute; right: 30px; top: 3px; width: 271px; }
#bar-label { position: absolute; left: 0; top: 2px; font-weight: bold; }
#bar-search { position: absolute; left: 122px; top: 0; width: 112px; background: url(search.gif) 0 2px no-repeat; padding: 0 2px; height: 21px; }
#bar-search input { background: none !important; border: none !important; height: 19px; width: 104px; padding: 0; margin: 0; }
#bar-go { position: absolute; right: 0; top: 2px; }


/* Header */

#header { position: relative; font-size: 14px; height: 48px; padding: 24px 30px; margin-bottom: 30px; background: #E8E8E8 url(gtkp.gif) right center no-repeat; }

#logo { padding-top: 10px; }
#header-advice { position: absolute; top: 24px; left: 245px; height: 21px; padding-left: 160px; background: url(advice.gif) 0 0 no-repeat; }
#header-tools { position: absolute; top: 51px; left: 245px; height: 21px; padding-left: 160px; background: url(tools.gif) 0 0 no-repeat; }

#header li { float: left; padding-right: 16px; padding-top: 1px; }
#header a { text-decoration: none; font-weight: bold; }
#header a:hover { text-decoration: underline; }
#header-advice a { color: #658199; }
#header-tools a { color: #4B738C; }


/* Main */

#left { width: 180px; float: left; padding-left: 30px; }
#left h2 { margin-top: 4px; margin-bottom: 10px; padding-left: 22px; background: url(bulletdown.gif) 0 6px no-repeat; }
#left h2.solo { background: url(bulletright.gif) 2px 4px no-repeat; margin-bottom: 20px; }
#left li { font-weight: bold; padding: 0 0 5px 22px; background: url(bulletsquare.gif) 4px 7px no-repeat; line-height: 1.2em; }
#left ul { margin-bottom: 20px; }
#left a { text-decoration: none; }
#left a:hover { text-decoration: underline; }
#left li.selected a { color: #84B0D0; }
#left ul ul { margin: 6px 0 0 0; }
#left ul ul li { font-weight: normal; }
#left li.selected li a { color: #658199;  }

#right { width: 610px; float: left; padding-left: 35px; }

p.feedback { margin-top: 30px; padding: 0 0 3px 30px; background: url(feedback.gif) 0 0 no-repeat; }
p.feedback a { text-decoration: none; font-weight: normal; }


/* Footer */

#footer { position: relative; height: 46px; padding: 14px 40px 15px 40px; background-color: #E8E8E8; font-size: 13px; font-weight: bold; color: #777777; }
#footer-left { float: left; }
#footer-left img { vertical-align: middle; padding-left: 15px; }
#footer-right { float: right; padding-top: 2px; }
#footer a { color: #777777; text-decoration: none; }
#footer a:hover { color: #666666; text-decoration: underline; }