#wrap {width: 56em; margin: 10px auto 0}
#wrap img {border: none}
#logo {width: 100%; float: left; background-image: url(../img/main-header.jpg); background-repeat: no-repeat; height: 60px;}
#logo img.logo {float: left}
#logo a.linkback {display: block; width: 240px; float: left; height: 54px; text-decoration: none; }

#small_nav {float: right; padding-right: 150px; padding-top: 12px; background-image: url(../img/hm_cande_large.gif); background-repeat: no-repeat; background-position: top right; height: 60px;}
#small_nav ul {margin: 0px; padding: 0px 0px 8px 0px;}
#small_nav li {list-style-type: none; display: inline; margin: 0px;}
#small_nav a {padding-left: 17px; background-position: 0 3px; background-repeat: no-repeat;}

#navbar {border: solid #3fa8c5 1px; background: #a5dcea; padding: 1px; margin: 1em 0; width: 100%; float: left; position: relative}
#navbar ul {margin: 0; padding: 8px 0; background: #64bed6; width: 100%; float: left}
#navbar li {list-style-type: none; display: inline; font-size: 1em; font-weight: bold}
#navbar a {color: #fff; text-decoration: none; width: 125px; height: 31px; float: left; padding: 0 0; text-align: center; padding-top: 10px; margin-left: 1em}
#navbar .active a, #navbar a:hover, #navbar a:focus, #navbar a:active {background: #9be3f2 url(../images/navbar_li_active_bg.gif)}
 
.tl {position: absolute; top: -1px; left: -1px}
.tr {position: absolute; top: -1px; right: -1px}
.bl {position: absolute; bottom: -1px; left: -1px}
.br {position: absolute; bottom: -1px; right: -1px}
 
#subnav {float: left; clear: left; width: 100%}
#subnav ul {margin: 0 0 20px; padding: 0 0 10px; width: 100%; float: left; border-bottom: solid #ddd 1px}
#subnav li {list-style-type: none; display: inline; font-size: 0.875em; font-weight: bold}
#subnav a {color: #57a9c9; text-decoration: none; float: left; padding: 0 1em 0 0; text-align: center; margin-left: 1em}
#subnav a.here, #subnav a:hover, #subnav a:focus, #subnav .active a {color: #f9760d}
 
 
#footer {clear: both; margin-top: 25px;  padding-top: 25px; border-top: solid 1px black; text-align: center; }
 
/*Home Page*/
#main_col {float: left; width: 29.5em; padding-left: 9px}
#right_panel {float: right; width: 21em}
#lower_panel {clear: both; border-top: solid 2px silver}

/*Nav Page*/
#main_col2 {float: left; width: 38.5em; padding: 0 9px 40px}
#right_panel2 {float: right; width: 15em}
#lower_panel2 {clear: both}

/*Article Page*/
#main_col3 {float: left; width: 29.5em; padding-left: 9px}
#right_panel3 {float: right; width: 16em}

/*40 / 60 Template Page*/
#main_col_40_60 {float: left; width: 38%; padding-left: 9px}
#right_panel_40_60 {float: right; width: 55%}

/* Standard top panel */
#top_panel {padding: 9px 0px; width: 100%;}

#edit_bar  { float: left; clear: both; background: gainsboro; border: solid 1px silver; font-size: 10px; line-height: 18px; padding: 3px; }
#edit_bar input.button { font-size: 10px; }