/*
   base.css
*/

body { background: #cdf9c5 url("/assets/images/bg-gradient.jpg") repeat-x top left; text-align: center; margin: 0; padding: 0; }

#page_container { text-align: left; margin: 0 auto; width: 1000px; }

#bg_wrapper { background: url("/assets/images/content_bg.png") repeat-y top left; }

#header { width: 1000px; height: 111px; background-image: url("/assets/images/mcc_header.png"); position: relative; }
#header h1 { display: none; }
#header .blanklink { position: absolute; left:150px; }
#header .blurb { position: absolute; bottom: 20px; right: 70px; color: #666; font-size: 80%; text-align: right; }

#sidebar { width: 297px; float: left; color: #4d4016; }
#sidebar p { padding-left: 110px; padding-right: 20px; text-transform: uppercase }

#green_box { width: 297px; }
#green_box .header { height: 53px; background: url('/assets/images/sidebar_header_background.png') no-repeat top right; position: relative; margin-bottom: 10px; }
#green_box h2 { font-size: 14px; color: #F1CC54; position: absolute; top: 25px; left: 95px; text-transform: uppercase }
#green_box p { padding-left: 95px; color: white; text-transform: none; }
#green_box a { color: white; text-transform: none }
#green_box a:hover { color: white; text-transform: underline }

#rightside { width: 703px; float: left; }

#topnav { margin: 0; padding: 0; list-style: none; background: url('/assets/images/topnav_bg.png') no-repeat -1px 0px; height: 44px; }
#topnav li { display: inline; position: relative; top: 5px; }
#topnav li a { padding: 0px 5px 0 21px; font-size: 95%; text-transform: uppercase; font-weight:bold; color: #204828; }
#topnav li a:hover { color: #dc8200; text-decoration: none; }

#content { padding: 20px 73px 20px 20px; color: #222; }
#content h1 { margin: 0; padding: 0px; margin-top: 10px; font-size: 150%; color: #154829; text-transform: uppercase; }

#footer { clear: both; background: url("/assets/images/foot_bg.png") no-repeat top left; height: 150px; position: relative; }
#footer .content { position: absolute; color: #777; text-align: left; top: 40px; left: 320px; font-size: 80%; }
#footer .content p, #footer .content ul { margin: 0; padding: 0; margin-top: 3px; }
#footer .content a { color: #164a28; }

#bottomnav { list-style: none; margin: 0; padding: 0; }
#bottomnav li { display: inline; padding-right: 5px; text-transform: uppercase; }

#content img[align=right] { float: right; margin-left:5px; }
#content img[align=left] { float: left; margin-right:5px; }