/* MAIN WEB PAGE STYLES */
body { font-family: arial,helvetica,sans-serif; font-size: 90%; font-weight: normal; margin: 0px; padding: 0px; color: #000; 
	background-color: #acd9ee; background-image: url(stylepics/main_repeat_x.jpg); background-repeat: repeat-x;}
p { margin-top: 0px; margin-bottom: 0px; }
h1 { font-family: arial,helvetica,sans-serif; font-size: 110%; font-weight: normal; font-style: normal; color: #336799; margin: 5px 0px 10px 0px; text-align: left; }
h2 { font-family: arial,helvetica,sans-serif; font-size: 220%; font-weight: normal; font-style: normal; color: #336799; margin: 0px 0px 10px 0px; text-align: center; }
h3 { font-family: arial,helvetica,sans-serif; font-size: 135%; font-weight: normal; font-style: normal; color: #336799; margin: 0px 0px 0.15em 0px; text-align: left; }
h4 { font-family: arial,helvetica,sans-serif; font-size: 120%; font-weight: normal; font-style: normal; color: #336799; margin: 0px 0px 0px 0px; text-align: left; }
table { font-family: arial,helvetica,sans-serif; font-size: 100%; }
h5 {  font-family: arial,helvetica,sans-serif; font-size: 90%;; font-weight: bold; font-style: normal; color: #336799; margin: 0px 0px 0px 0px; text-align: left; }
table { font-family: arial,helvetica,sans-serif; font-size: 100%; }
li { font-family: arial,helvetica,sans-serif; font-size: 100%; color: #000; padding-bottom: 2pt; }
a { font-size: 100%; font-weight: normal; text-decoration: none; }
a:link { color: #336799; }  x#245185;
a:visited { color: #336799; }
a:hover { color: #f00; }
a:active { color: #c00; }

#whangaroa { font-family: arial,helvetica,sans-serif; font-size: 190%; color: #fff; letter-spacing:1px; font-weight: bold; text-align: left; z-index: 100; width: 200px; position: absolute; bottom: 34px; left: 858px; }
#northland { font-family: arial; font-size: 95%; color:  #336799; text-align: left; z-index: 100; width: 200px; position: absolute; bottom: 22px; left: 858px; }

/* WEB PAGE STRUCTURE */
#extended_container { width: 1150px; margin: 0px auto; position: relative; }
#extended_container_left { background-image: url(stylepics/bg_Left_Shadow.gif); background-position: right; background-repeat: repeat-y;  }
#extended_container_left div { width: 85px; height: 387px; background-image: url(stylepics/bg_Left_Div_Shadow.gif); background-position: right; background-repeat: repeat-y;  }
#extended_container_right { background-image: url(stylepics/bg_Right_Shadow.gif); background-position: left; background-repeat: repeat-y;  }
#extended_container_right div { width: 105px; height: 387px; background-image: url(stylepics/bg_Right_Div_Shadow.gif); background-position: left; background-repeat: repeat-y;  }

#container { background-color: #fff; margin: 0px auto; border-left: 0px solid #000; border-right: 0px 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%; }

#sidebar_left { font-size: 85%; color: #444; background-color: #a3d3ea; background-image: url(stylepics/bg_Sidebar_left.jpg); background-repeat: no-repeat; border-left: 2px solid #fff; border-right: 2px solid #fff; padding: 0;}

#sidebar_right { width: 220px; background-color: #a3d3ea; background-image: url(stylepics/bg_Sidebar_right.jpg); background-repeat: no-repeat; border-left: 2px solid #fff; border-right: 2px solid #fff; padding: 0px 0px 0px 0px; }

#content_area { background-color: #fff; background-image: url(stylepics/bg_Content_Area.gif); margin: 0px; padding: 0px; width: 100%; }
#content { background: #fff url(); padding: 20px 15px 10px 20px; }

.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; }

.red { color: #d00; }

/* DIRECTORY SEARCHBOX */
#sidebar_search { width: 148px; margin: 8px auto; }
#sidebar_search p { font-size: 90%; color: #444; margin: 0 0 0 2px; }
#dir_SearchBox { width: 110px; 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; }


/* STYLES USED ON THE WEB PAGE FOOTER */
#footer { font-size: 75%; font-weight: normal; color: #fff; background-color: #1a5686; background-image: url(); padding: 1px 3px 3px 1px; border: 2px solid #fff; text-align: center; clear: both; }
#footer p { margin: 0px; }
#footer a { font-weight: bold; }
#footer a:link { color: #fff; }
#footer a:visited { color: #eee; }
#footer a:hover { color: #f00; }
#footer a:active { color: #c00; }

.footer_credits { font-size: 80%; font-weight: normal; color: #fff; }

/* CONTACT US PAGE */
#contact_alert { color: #d00;  text-align: center; margin: 45px 0 12px 0; }
#contact_alert p { margin: 0 0 18px 0; }
#contact_form { width: 420px; margin: 30px auto 60px auto; }
#contact_form .data_row { margin-bottom: 8px; }
#contact_form .data_row p { margin: 0; }
#contact_form .submit_row { text-align: center; margin: 18px 0 36px 0; }

#contact_form .captcha_test { width:170px; margin:0 auto; }
#contact_form .captcha { display:table-cell; }
#contact_form .captcha_plus { display:table-cell; width: 12px; font-size:1.3em; padding: 0 8px; }
#contact_form .captcha_textbox { display:table-cell; width:50px; font-size:16px; margin:0 0 0 8px; padding:0; }

/* STYLE USED IN AN INSERTED SLIDESHOW */
#insert_slideshow { width: 360px; height: 270px; border: 1px solid gray; background: url(stylepics/bg_slideshow.gif) center center no-repeat; margin-top: 16px; position: relative;
	-moz-box-shadow: 2px 0px 15px #444;
    -webkit-box-shadow: 2px 0px 15px #444;
	box-shadow: 2px 0px 15px #444;
     /* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}