/** GENERAL **/
*
  { font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, Geneva, Arial, sans-serif;
    margin: 0; padding: 0; line-height: 1.5em; }
body { background: url(/images/light_purple_tile.png) #330033; font-size: 11px; min-width: 18%; }
.clear { clear: both; }

/** HEADER **/
#header
  { background: url(/images/header-newest2.jpg) no-repeat; 
    background-color: #BF9A00; height: 125px; width: 100%; }


/** LAYOUT **/

/* drop shadow edges - using columns technique from http://www.alistapart.com/articles/holygrail */
#topcontainer { overflow: hidden; padding: 0 6%; position: relative; }
.topcolumn    { float: left; position: relative; padding-bottom: 20000px; margin-bottom: -20000px; }
#leftedge     { width: 6%; margin-left: -100%; right: 6%; background: url(/images/left_edge.png) repeat-y right; }
#rightedge    { width: 6%; margin-right: -6%; background: url(/images/right_edge.png) repeat-y left; }

/* containers - using same holy grail column technique */
#page       { width: 100%; background: url(/images/sidebar_bg.png) repeat-y right; }
#container  { padding-right: 200px; }
.panel      { float: left; }
#leftpanel  { width: 100%; background: url(/images/body_lion.jpg) no-repeat bottom right white; }
#rightpanel { width: 200px; margin-right: -200px; }

/* content holders */
#content
  { padding: 25px; background: url(/images/top_edge.png) repeat-x;
    min-height: 550px; height: auto !important; height: 500px; }
    /* http://www.dustindiaz.com/min-height-fast-hack */
#sidebar { padding: 5px 15px; }

/* navigation panel */
#nav
  { padding: 15px 0 0; border-bottom: 3px solid #444;
    background: url(/images/top_sidebar_edge.png) repeat-x #666; }
.mainlink
  { display: block; padding: 5px 15px; color: white; border-top: 1px dotted #999;
    text-transform: uppercase; font-size: 11px; font-weight: normal; cursor: pointer; }
a.mainlink:hover { background: #BF9A00; text-decoration: none; color: black; }
#nav .current { background: #999; color: #330033; }
.sublinks { background-color: #E6E6E6; overflow: hidden; }
.sublinks ul { margin: 5px 0 5px; }
.sublinks li { list-style-type: none; }
.sublinks a  { display: block; color: black; padding: 3px 30px; border-bottom: 1px dotted #CCC; background: url(/images/icons/bullet_orange.png) no-repeat 10px center; }
.sublinks a:hover { background: url(/images/icons/bullet_go.png) no-repeat 10px center #CCC; text-decoration: none; }
#nav .sublinks .current { background: url(/images/icons/bullet_go.png) no-repeat 10px center transparent;  }


/** FOOTER **/
#footer                { background: #222; margin: 0 auto; padding-top: 5px; clear: both; }
#footer .column        { float: left; width: 33%; }
#footer .content       { color: white; padding: 10px 35px; }
#footer .content h1    { font-size: 14px; font-weight: normal; border-bottom: 1px dotted #666; margin: 0 0 5px; }
#footer .content p     { margin: 0 0 10px; }
#footer .content a     { color: #CCC; }
#footer .content li    { list-style-type: none; }
#footer .content img   { float: right; }
#footer .content .icon { float: none; vertical-align: middle; }
#footer .extra         { float: right; }