/* reboot */

* { padding: 0; margin: 0; }
body { margin: 0 auto; text-align: center; }
a { text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }
.clear { clear: both; display: block;}

/* here we go */
body { background: url('images/bg.gif'); font-size : 11px; font-family: Tahoma, Verdana, Arial; }
#wrapper { background: url('images/bg_wrapper.gif'); width: 815px; margin: 0 auto; }

#header {width: 782px; margin: 0 auto; }
#header .nav li { list-style: none; float: right; }
#header #top { background: url('images/bg_header_top.gif'); width: 100%; height: 65px; }
#header #top li { background: url('images/bg_header_top_li.gif') no-repeat; height: 30px; width: 90px; padding-left: 5px; padding-top: 35px;} /* includes IE6 specific height */
html>body #header #top li { height: 65px ;} /* height for everyone else */

#header #top li a { color: #000; }
#header #mid { background: url('images/bg_header_mid.jpg'); width: 100%; height: 151px; }
#header #pagenav { background: url('images/bg_header_pagenav.gif'); width: 100%; height: 39px; }
#header #pagenav li { background: url('images/bg_header_pagenav_li.gif') no-repeat; height: 39px; line-height: 39px; padding: 0 15px; }
#header #pagenav li a { color: #000; font-size: 1.1em; } /* TODO make links all-caps */

#middle { background: url('images/bg_middle.gif'); width: 782px; height: 45px; line-height: 45px; text-align: left; margin: 0 auto; }
#middle h2 { font-size: 1.5em; color: #ff5a00; font-weight: bold; font-style: italic; padding-left: 20px; height: 45px; line-height: 45px; margin-right: 500px;}
#middle h3 { font-size: 1.5em; font-weight: normal; }
#middle .arrow { background: url('images/bg_arrow.gif') no-repeat; width: 218px; height: 45px; line-height: 45px; padding-left: 15px; color: #fff; float: right; margin-right: 20px;}
#middle2 { background: url('images/bg_middle_2.gif'); width: 782px; height: 18px; margin: 0 auto; }

#container { background: url('images/bg_container.gif'); width: 782px; margin: 0 auto; }

#sidebar { float: left; width: 221px; text-align: left; }
#sidebar p { padding-bottom: 1em; }

.box { width: 206px; margin-left: 7px; margin-top: 1em; }
.box_top { height: 35px; width: 100%; }
.box_bottom { height: 32px; width: 100%; }
.box h2 { color: #fff; font-size: 1.5em; font-weight: normal; line-height: 28px; padding-left: 10px; }
.box_mid { background: url('images/bg_blue_mid.gif'); padding: 5px 10px; }

.box li { list-style: none; }

#blue .box_top { background: url('images/bg_blue_top.gif'); }
#blue .box_bottom { background: url('images/bg_blue_bottom.gif') 1px 0 no-repeat; ;}

#green .box_top { background: url('images/bg_green_top.gif'); }
#green .box_bottom { background: url('images/bg_green_bottom.gif') 1px 0 no-repeat; ;}

#red .box_top { background: url('images/bg_red_top.gif'); }
#red .box_bottom { background: url('images/bg_red_bottom.gif') 1px 0 no-repeat; ;}

#main { margin-left: 221px; text-align: left; background: url('images/bg_main_h1.gif') no-repeat -2px 0; }
#main h1, 
#main h2, 
#main h3,
#main h4,
#main p,
#main ul, 
#main ol, 
#main blockquote { padding-bottom: 1em;  }
#main h1 { padding-top: 25px; padding-left: 20px;} /* height works in IE. TODO should be 67px in FF */
#main h1 a { color: #ff5a00; }
#main .entry { margin: 10px 20px; }
#main a { color: #ff5a00; }
#main li { margin-left: 4em; }
#main h2, #main h3, #main h4 { color: #ff5a00; }
#main img { padding: 5px; margin: 5px; border: 1px solid #333; }
.entry { font-size: 1.3em; line-height: 1.6em;}

#footer { background: url('images/bg_footer.gif'); width: 782px; height: 67px; margin: 0 auto; }
#footer p.copy { float: left; width: 220px; padding-top: 20px; }
#footer .nav { margin-left: 225px; } 
#footer .nav li { list-style: none; float: right; padding: 20px 0 0 10px; }
#footer a { color: #000; }

.bg-4 { background: url(images/btp_lt.png) no-repeat; } /* btp */
.bg-2 { background: url(images/btp_lt.png) no-repeat; } /* telecoms */
.bg-3 {background: url(images/communications_lt.png) no-repeat; } /* com - agenda */
.bg-6 {background: url(images/port_plt.png) no-repeat; } /* materials and port */
.bg-X {background: url(images/divers_lt.png) no-repeat; } /*everything else */