﻿/************************************
 * Base Theme Styles
 ***********************************/
html, body { background: url(body_bg.gif) repeat;}

a { color: #88a400; }
a:hover { border: medium none; color: #000; }

#container { background: url(container_bg.jpg) repeat; border-left: 8px solid #000; border-right: 8px solid #000; margin: 0 auto; width: 850px; }
#header { width: 850px; height: 190px; }
#contents { float: right; width: 630px; padding-top: 10px; }

#sidebar { float: left; width: 174px; background: url(left_bg.jpg); margin: 10px 0 0 10px; }
#sidebar .title { text-indent: -9999px; background: url(menu.gif) no-repeat; height: 31px; margin: 0; width: 177px; }
#sidebar ul { margin: 0; padding: 0; list-style-type: none; }
#sidebar ul li { border-bottom: 1px dotted #333; margin: 0 15px; padding: 8px 0; text-transform: uppercase; }
#sidebar ul li a { color: #88a400; display: inline; font: normal 10px/15px Georgia, Tahoma, Verdana, Arial, Helvetica, sans-serif; }
#sidebar ul li a:hover { border: medium none; color: #000; }

#footer { clear: both; text-align: center; border-top: 1px dotted #000; margin: 0 10px 0 200px; padding-bottom: 15px; padding-top: 20px;}
#footer p { padding: 10px 0; font: 11px Tahoma, Arial, sans-serif; }

/************************************
 * Design Assistant Overrides
 ***********************************/

/************************************
 * Editor Overrides
 ***********************************/
 #edit-contents { background: url(container_bg.jpg) repeat; height: 100%; }

/************************************
 * Color-Specific Styles
 ***********************************/
html, body { background: url(body_bg_yellow.gif) repeat;}
