body {  background:#E0DCBE; font-size:11px; }
.hide { display:none; }
ul { list-style-type:none; }
#wrapper { width:800px; margin:0 auto; }
#header {  }

#topNav { height:385px; background:#8EACB4; }
#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; }

#midNav {  height:50px; background:url(../images/grad_up.jpg) repeat-x top left; }
ul.menu { padding-left:220px; list-style-type:none; font-size:12px; text-align:center; }
ul.menu li { display:inline;  }
ul.menu li a { display:block; float:left; padding:15px 10px; color:#fff; text-decoration:none; font-weight:bold; border-left:1px solid #4d4949; border-right:1px solid #a2a0a0; padding:9px 10px 10px 10px; margin:6px 0 5px 0; }
ul.menu li a.first { background:none; border-left:none; }
ul.menu li a.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; }
#main {  background:#E3EBED; padding:30px 0 30px 30px; color:#623C3B; }

.logo { float:right; padding:3px 30px 10px 30px; }

/*----- sub page classes -------------*/
#leftNav { width:200px; float:left;}
#leftNav ul.leftmenu { list-style-type:none; margin:0; padding: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 .top { margin:0 30px 10px 0; background:url(../images/hendra_logo.jpg) no-repeat top right; padding:0 236px 0 0; }
html > body #main .top { height:auto; min-height:70px; }

#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:#B4C7CD; width:500px;  height:229px; margin-right:30px; 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:#555e51; }
#main .leftPanel .sub { color:#545F51; font-size:1.1em; font-weight:bold; }
#main .leftPanel p, #main .leftPanel h4  { margin:10px 10px 0 263px;  }
#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;  margin:10px 15px 0 0; padding:15px 0 15px 5px; color:#fff; width:200px; }
html > body #main .rightBottom_panel {  }

#main .rightBottom_panel p { padding:0; margin:5px; font-size:0.8em; color:#fff; }
#main .rightBottom_panel h4 { color:#486B81; font-weight:bold; margin:5px; 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:570px; background: url(/images/bordeaux_logo.jpg) no-repeat 480px 20px #D9DBC5; padding:10px 0 30px 30px; }
#content h4 { width:430px; color:#666; }
#content p { width:430px; }

#content .rightBottom_panel {  background:#B2B389; width:200px; float:left; 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:#B4C7CD; padding:10px 30px; font-size:10px; text-align:center; line-height:1.5em; }
#footer a { color:#6E4F4D; text-decoration:none; padding:5px; }
#footer a:hover { text-decoration:underline; }



#main { background:#F0EBD7; }

#main .leftPanel { background:#DCD7BA url(/images/left_corner.jpg) no-repeat bottom right; }
#main .leftPanel h4 { color:#555e51; }
#main .leftPanel a { color:#666; }


#main .rightTop_panel { width:200px; }
#main .rightTop_panel .inner { border:5px solid #DCD7BA; }
#main .rightTop_panel .inner p { color:#5f5b5b; padding:0; margin:0; font-weight:normal; }
#main .rightTop_panel .inner h4 { font-size:1.1em; color:#555e51 padding:0; margin:0; }
#main .rightTop_panel .inner .corner {  background:url(/images/border_corner.gif) no-repeat bottom right; }



#main .rightTop_panel                { width:214px; height:220px; background:#E0D9BC; }
#main .rightTop_panel img            { margin:7px 0 0 8px; }
#main .rightTop_panel .inner         { border:none; background:#E0D9BC url(/images/left_corner.jpg) no-repeat bottom right; width:200px; min-height:105px; margin:0; padding:0 7px; float:left; }
#main .rightTop_panel .inner p       { color:#666; font-size:0.8em; font-weight:normal; margin:0; padding:0 5px 5px 0; }
#main .rightTop_panel .inner h4      { color:#555e51; margin:0; padding:5px 5px 5px 0; }
#main .rightTop_panel .inner .corner { background:url(/images/border_corner.gif) no-repeat bottom right; float:left; margin: 0; }

#main .rightBottom_panel {  background:#CFC9A7; }
#main .rightBottom_panel span { color:#47637B; font-weight:bold; }

#footer { background:#DCD7BA; }
#footer a { color:#54504D; }