/* ====================================================+
|   GLOBAL STYLES                                      |
+===================+=================================*/
#init               { background: #666; font: 12px Verdana; width: 900px; margin: 10px auto; border: 1px solid; }
.hide               { visibility: hidden; position: absolute; }


/* ====================================================+
|   HEADER STYLES                                      |
+===================+=================================*/
#header             { display: block; height: 100px; width: 900px; background: url(../images/banner2.jpg); }


/* ====================================================+
|   NOP NAVIGATION STYLES                              |
+===================+=================================*/
#topNav             { background: #ffffff; }
#topNav ul          { margin: 0 0 0 125px; padding: 0; list-style: none; border-left: 1px dotted; padding-left: 5px; }
#topNav ul li       { display: inline-block; }
#topNav a:link, #topNav a:visited
                    { display: block; line-height: 25px; font-size: 10px; border-right: 1px dotted; padding-right: 4px;
				  text-decoration: none; color: #555; }
#topNav li:hover, #topNav li:active
                    { background: #ffe787; }


/* ====================================================+
|   LEFT NAVIGATION STYLES                             |
+===================+=================================*/
#leftNav            { width: 200px; background: #ffffff; float: left; 
                      border-left: 1px dotted #ccc; border-right: 1px dotted #ccc; }
#leftNav h2         { border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; font: bold 14px Arial;
                      text-align: center; margin: 0; padding: 5px 0; background: url(../images/lnkHeadBG.gif) repeat-x; }

#leftNav ul         { margin: 0; padding: 0; list-style: none; font-size: 11px; }
#leftNav a:link, #leftNav a:visited
                    { display: block; padding: 7px; text-align: center; border-bottom: 1px dotted #ccc; color: #000;
                      text-decoration: none; }
#leftNav a:hover, #leftNav a:active
                    { background: #e0e9e9; }
#leftNav .sub       { background: #ffc; display: none; }
#leftNav .sub > li a   { text-align: right; }
#leftNav .sub2 { background: #ff0; display: none; }


/* ====================================================+
|   BODY CONTENT STYLES                                |
+===================+=================================*/
#main               { background: #000; padding: 10px; min-height: 500px; }
#body               { margin: 0 0 15px 0; margin-left: 210px; color: #ffffff;}
#body h2            { font: 23px Georgia; margin-top: 0; border-bottom: 2px solid #ccc; padding-bottom: 5px; }
#body h3            { margin: 10px 0 5px 0; color: #ffffff; font-weight: bold; font-size: 17px; }
#body a:link, #body a:visited		{ color: #0f0; }
#body a:hover, #body a:active		{ color: yellow; }
#body .note         { font-style: italic; color: #FF9900; }
#body img		{ border: 2px solid #ffffff; }



/* ====================================================+
|   FOOTER STYLES                                      |
+===================+=================================*/
#footer             { text-align: right; font-size: 10px; padding-right: 5px; background: #fff; 
                      border-top: 3px solid #ccc; background: #222222; color: #fff; }