body     { background:#E0DCBE; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; }
.hide    { display:none; }
ul       { list-style-type:none; }
#wrapper { width:800px; margin:0 auto; }

#leftNav {} 
html > body  #leftNav {}

#topNav .paperTab      { background:url(/images/paper_bg.jpg) no-repeat top left; width:168px; height:175px; margin:10px 0 0 22px; float:left; }
#topNav .paperTab img  { width:165px; height:128px; border:none; }
#topNav .paperTab span { font-size:11px; text-align:center;  padding:5px 0 0 0; font-weight:normal; display:block; }

#topNav .paperTab a            { color:#333; text-decoration:none; }
#topNav .paperTab a:hover span { text-decoration:underline; }

#topNav .first { margin:10px 0 0 22px; }

.breadcrumb         { padding:3px 7px; background:#B0BEBC; font-size:0.8em; color:#333; }
.breadcrumb a       { color:#333; }
.breadcrumb a:hover { text-decoration:none; }

#midNav { height:50px; background:url(/images/grad_up.jpg) repeat-x top left; }

ul.menu              { padding-left:160px; list-style-type:none; font-size:12px; text-align:center; }
ul.menu li           { display:inline;  }
ul.menu li a         { display:block; float:left; border-left:1px solid #4d4949; border-right:1px solid #a2a0a0; padding:9px 10px 10px 10px; margin:6px 0 5px 0; 
                       color:#fff; text-decoration:none; font-weight:bold; }
ul.menu li .first    { border-left:none; }
ul.menu li .last     { border-right:none; }   
ul.menu li a:hover   { background:url(/images/grad_down.jpg) repeat-x center; text-decoration:none; color:#fff; }
ul.menu li .selected { background:url(/images/grad_down.jpg) repeat-x center; }

#content { margin:0; }
html > body #content {}


#content .leftPanel   { background:#AFB086; }
#content .leftPanel p { width:auto; }


#main                  { padding:30px 0 0 30px; margin:0; background:#D5DBCF; color:#623C3B; }
#main .top             { margin:0 30px 10px 0; background:url(../images/hendra_logo.jpg) no-repeat top right; height:70px; }
html > body #main .top { height:auto; min-height:70px; }

/*----- sub page classes -------------*/
#leftNav               { width:200px; float:left; text-align:center; }
#leftNav ul            { list-style-type:none; margin:0; padding:0 0 20px 0; }
#leftNav ul li         { background:url(/images/bordeaux_btn_up.jpg) repeat-x top left #A18E64; }
#leftNav ul li.end     { height:30px; }
#leftNav ul li a       { display:block; padding:7px; text-decoration:none; color:#fff; font-weight:bold; }
#leftNav ul li a:hover { background:url(/images/bordeaux_btn_over.jpg) repeat-x top left #BCAD8E; color:#000; }

/*------ end sub page classes --------------*/

#main p.outer         { width:450px; color:#643B39; font-weight:bold; }
#main p.outer a       { color:#666; text-decoration:none; font-weight:normal; font-weight:bold; }
#main p.outer a:hover { text-decoration:underline; }

#main .mainLogo { float:right; margin:10px 30px 0 0; }

#main .leftPanel { background:#b0bebc url(/images/bottom_corner.jpg) no-repeat bottom right; width:510px;  height:229px; margin-right:30px; padding-right:10px; float:left; }
html > body #main .leftPanel { height:auto; min-height:229px; } 

#main .leftPanel img     { float:left; margin-right:10px; }
#main .leftPanel h4      { font-weight:bold; color:#653D3D; }
#main .leftPanel .sub    { color:#545F51; font-size:1.1em; font-weight:bold; }
#main .leftPanel p, 
#main .leftPanel h4      { margin:10px 10px 0 0; }
#main .leftPanel p       { color:#5D5C5A; }
#main .leftPanel a       { color:#000; text-decoration:none; font-weight:bold; }
#main .leftPanel a:hover { text-decoration:underline; }

#main .rightTop_panel { float:left; width:200px;  height:146px; }
html > body #main .rightTop_panel { min-height:146px; height:auto; }

#main .rightTop_panel img     { float:left; }
#main .rightTop_panel a       { color:#666; text-decoration:none; font-weight:bold; }
#main .rightTop_panel a:hover { text-decoration:underline; }

/*------------ NEEDS MIN-HEIGHT FIX IN IE6 ------------------------*/

#main .rightTop_panel .inner         { border:5px solid #B3C8CB; width:82px; min-height:126px; height:auto !important; height:126px;  float:right; margin:0; padding:5px;
                                       position:relative; font-weight:bold; }
#main .rightTop_panel .inner p       { margin:0 0 7px 0; padding:0; font-size:0.8em; }
#main .rightTop_panel .inner span    { font-size:0.8em; font-weight: normal; color:#777; }
#main .rightTop_panel .inner .corner { position:absolute; bottom:0; right:0; width:37px; height:38px; background:url(../images/border_corner.gif) no-repeat bottom right; 
                                       margin:0 -5px -5px 0; padding:0; }

#main .rightTop_panel .inner h4 { color:#633D3A; font-size:0.9em; margin-bottom:5px; }

#main .rightTop_panel .inner a { color:#000; }

/*------------ NEEDS MIN-HEIGHT FIX IN IE6 ------------------------*/
#main .rightBottom_panel { float:left; background:#8EACB4 url(../images/bottom_corner.jpg) no-repeat bottom right; width:200px; height:75px; margin:10px 0 0 0; color:#fff; }
html > body #main .rightBottom_panel { min-height:75px; height:auto; }

#main .rightBottom_panel p       { padding:0; margin:5px; font-size:0.8em; color:#fff; }
#main .rightBottom_panel h4      { color:#486B81; font-weight:bold; margin:10px 0 3px 10px; padding:0; }
#main .rightBottom_panel span    { font-size:1.2em; } 
#main .rightBottom_panel a       { color:#fff; text-decoration:none; font-weight:bold; }
#main .rightBottom_panel a:hover { text-decoration:underline; }

/*----- sub page classes -------------*/
#content    { float:left; width:550px; padding:10px 0 30px 20px; }
#content h4 { width:430px; color:#666; }
#content p  { width:430px; color:#656060; }

#content .rightBottom_panel     {  background:url(../images/bordeaux_corner.jpg) no-repeat bottom right #B2B389; width:500px; height:228px;  padding:0; margin:0; }
#content .rightBottom_panel img { margin:0 10px 0 0; }
#content .rightBottom_panel p   { width:auto; color:#666; }
#content .rightBottom_panel h4  { width:auto; }
/*------ end sub page classes --------------*/

#footer         { background:#b0bebc; padding:10px 30px; font-size:10px; text-align:center; line-height:1.5em; }
#footer a       { color:#54504f; text-decoration:none; padding:5px; }
#footer a:hover { text-decoration:underline; }