/* MAIN WEB PAGE STYLES */
body { font-family: arial,helvetica,sans-serif; font-size: 95%; font-weight: normal; margin: 0px; padding: 0px; color: #000; 
	background-color: #336799; background-image: url(graphics/bg_bluegrad.jpg); background-repeat: repeat-x;}

h1 { font-size: 180%; font-weight: bold; font-style: normal; color: #336799; margin: 0px 0px 10px 0px; text-align: center; }
h2 { font-size: 160%; font-weight: normal; font-style: normal; color: #336799; margin: 0px 0px 10px 0px; text-align: center; }
h3 { font-size: 140%; font-weight: bold; font-style: normal; color: #336799; margin: 0px 0px 0.15em 0px; text-align: left; }
h4 { font-size: 120%; font-weight: bold; font-style: normal; color: #336799; margin: 0px 0px 0px 0px; text-align: left; }
h5 { font-size: 100%; font-weight: normal; color: #000; font-style: italic; letter-spacing:1pt; margin: 0px; }

p { margin-top: 0px; margin-bottom: 0px; }
table { }
li { font-size: 100%; color: #000; padding-bottom: 2pt; }

a { font-size: 100%; font-weight: normal; text-decoration: none; }
a:link { color: #245185; }
a:visited { color: #245185; }
a:hover { color: #f00; }
a:active { color: #c00; }
a:link img {  cursor: pointer; }

/* WEB PAGE STRUCTURE */
#container { background-color: #fff; margin: 0px auto; border-left: 2px solid #000; border-right: 2px solid #000; position: relative; }
#header { background-color: #fff; margin-bottom: -3px; padding: 0px; position: relative; }
#header h1 { margin: 0; }
#main { margin: 0px; padding: 0px; width: 100%; }
#content_area { background-color: #fff; background-image: url(); margin: 0px; padding: 0px; width: 100%; }
#content { padding: 10px 10px 10px 10px; }

/* STYLES USED FOR THE WEB PAGE LEFT AND RIGHT SIDEBARS */
#sidebar_left { font-size: 85%; color: #999; background-color: #e8e8e8; background-image: url(); border-right: 1px solid #b7bbbb; padding: 0px 0px 0px 0px; }
#sidebar_right { background-color: #e8e8e8; border-left: 1px solid #b7bbbb; padding: 0px 0px 0px 0px; }

/* DIRECTORY SEARCHBOX */
#sidebar_search { margin: 8px auto; }
#sidebar_search p { font-size: 90%; color: #444; margin: 0 0 0 2px; }
#dir_SearchBox { width: 90px; margin: 0; font-size: 95%; }
#dir_btn_Go { width: 28px; height: 20px; margin: 16px 0 0 3px; padding: 0; }

/* MEMBER REGISTRATION & LOGIN PANEL */
#member_registration_login { margin: 0; padding: 8px; background-color: #a3d3ea; background-image: url(); }
#member_registration_login h1 { font-weight: bold; }
#member_registration_login p { font-size: 90%; font-weight: normal; margin: 0 0 12px 0; }

/* STYLE USED FOR THE DISPLAY PANEL IN THE LEFT SIDEBAR */
.display_panel { width: 216px; height: 228px; margin: 0; padding-left: 14px; padding-top: 12px; background-image: url(pics/bg_displaypanel_230x240.gif); }
.display_panel h4 { padding: 0 5px; }
.display_panel p { font-size: 85%; color: #888; padding: 0 5px; }

/* STYLES USED ON THE WEB PAGE FOOTER */
#footer { font-size: 80%; font-weight: normal; color: #fff; background-color: #999; background-image: url(); padding: 1px; border-top: 0px solid #000; border-bottom: 0px solid #000; text-align: center; clear: both; }
#footer p { margin: 0px; }
.footer_credits { font-size: 80%; font-weight: normal; color: #fff; }

/*
Notes by Chris Gaelic:
Additional styles used to position logo, heading image and h1 text as for the CBEC website
Additional styles used to provide an outer container for shadow effects etc as for the Whangaroa website
*/