/* MAIN WEB PAGE STYLES */
/* body { font-family: arial,helvetica,sans-serif; font-size: 14px; font-weight: normal; margin: 0px; padding: 0px; color: #000; background: #566424; } */
body { font-family: arial,helvetica,sans-serif; font-size: 14px; font-weight: normal; margin: 0px; padding: 0px; color: #000; background: #c8cdaf; }

h1 { font-family: Times New Roman; font-size: 24px; font-weight: bold; font-style: normal; color: #442072; margin: 12px 0px 10px 0px; text-align: center; }
h2 { font-family: Times New Roman; font-size: 20px; font-weight: bold; font-style: normal; color: #442072; margin: 3px; text-align: left; }
h3 { font-size: 16px; font-weight: bold; font-style: normal; color: #442072; margin: 0px 0px 0.15em 0px; text-align: left; }
h4 { font-size: 14px; font-weight: bold; font-style: normal; color: #442072; margin: 0px 0px 0px 0px; text-align: left; }
h5 { font-size: 14px; font-weight: normal; color: #336799; font-style: italic; letter-spacing:1pt; margin: 0px; }

p { margin: 0px; }
table { }
li { padding-bottom: 6px; }

a { text-decoration: none; }
a:link { color: #245185; }
a:visited { color: #245185; }
a:hover { color: #f00; }
a:active { color: #c00; }
a:link img {  cursor: pointer; }

.vote_jv { width: 360px; font-size: 20px; font-weight: bold; font-style: normal; color: #442072; margin: 3px auto; }
.vote_jv ul { margin-top: 6px; }
.vote_jv li { margin: 0; list-style:url(stylepics/Tick_purple_21b.png) }

.border_radius { -moz-border-radius: 5px; border-radius: 5px; } /* supported in IE9, plus Firefox, Chrome and Opera

/* WEB PAGE STRUCTURE */
#container { max-width:960px; height:100%; background-color: #fff; margin: 0px auto; border-left: 2px solid #000; border-right: 2px solid #000; position: relative; }
#header { background-color: #fff; margin: 0px; padding: 0px; position: relative; }
#header img { display:block; }
#header h1 { margin: 0; }
/*
#main { margin: 0px; padding: 0px; width: 100%; }
#content_area { background: #fff; margin: 0px; padding: 0px; width: 100%; }
#content { background: #fff; padding: 25px; }
*/
#main {  width:100%; height:auto; background:#fff url(); margin:0; padding:0; overflow:hidden; position:relative; display:table; table-layout:fixed; border-collapse:collapse; }
.row { display:table-row; }
#content_area { width:100%; background:#fff; font-size:15px; margin:0; padding:0; overflow:hidden; display:table-cell; vertical-align:top; }
#content_area .content { padding:20px; background:#fff url(); }
#content_area .content p { background:#fff; }
#content_area .content a { text-decoration:underline; }

/* STYLES USED IN THE HEADING IMAGE OR SLIDESHOW */
#ssContainer { position:relative; height:280px; overflow:hidden; }
#ssContainer img { width:100%; height:auto; position:absolute; top:0; left:0; border:0px solid black; z-index:10; }

#heading_image { height:280px; position:relative; overflow:hidden; }
#heading_image img { width:100%; height:auto; position:absolute; top:0; left:0; border:0px solid black; z-index:10; }

#heading_label { position:absolute; right:10px; bottom:4px; z-index:25000; }
#heading_label h3 { color:#eee; text-align:right; }
#heading_label p { color:#eee; text-align:right; }



/* STYLES USED FOR THE WEB PAGE LEFT AND RIGHT SIDEBARS
#sidebar_left { font-size: 85%; color: #888; background: #e8e8e8 url(); border-right: 1px solid #b7bbbb; padding: 0px 6px; }
#sidebar_right { background: #e8e8e8; border-left: 1px solid #b7bbbb; padding: 0px; }
 */
/* 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; }
 */

/* DIRECTORY SEARCHBOX */
#sidebar_search { width: 180px; margin: 8px auto; }
#sidebar_search p { font-size: 13px;; color: #000; margin: 0 0 0 2px; }
#sidebar_search input[type="text"] { width: 130px; margin: 0; font-size: 95%; }
#sidebar_search input[type="submit"] { width: 36px; font-size: 12px; font-weight: bold;  margin: 15px 0 0 2px; 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 FOR THE WEB PAGE LEFT AND RIGHT SIDEBARS */
#sidebar_left { width:210px; color:#888; margin:0; padding:0; background:#d8d8d8 url(); border-right:1px solid #b7bbbb; overflow:hidden; display:table-cell; vertical-align:top; }
#sidebar_left .content { padding-left:5px; padding-right:5px; }
#sidebar_left .content p { }

#logo { margin:12px auto; position:relative; }
#logo img { width:100%; height:auto; padding:0; margin:0; }

#menu_control { width:0px; margin:0; padding:0; background:#777;  overflow:hidden; z-index:100; display:table-cell; vertical-align:top; }
#menu_swipe_pad { width:40px; height:600px; position:absolute; top:0px; left:20px; z-index:2000; display:none; }

/* STYLES USED FOR THE LEFT SIDE MENU */
#sidebar_menu { font-size:1.1em; margin:0; padding:0; }

#sidebar_menu ul { margin:0px 0px 0px 0px; padding:30px 5px 30px 10px; list-style-type:none; list-style-image:none; }
#sidebar_menu li { font-family:Arial; font-weight:bold; color:#245185; margin:0px 0px 0px 0px; padding:0.4em 0px 0.2em 0px; }
#sidebar_menu li a { font-weight:normal; text-decoration:none; }
#sidebar_menu li a:link { color:#245185; }
#sidebar_menu li a:visited { color:#245185; }
#sidebar_menu li a:hover { color:#f00; }
#sidebar_menu li a:active { color:#c00; }

/* STYLES USED FOR THE LEFT SIDE SUB-MENU */
#sidebar_menu ul ul { margin:0px 0px 0px 0px; padding:2px 5px 8px 15px; list-style-type:none; list-style-image:none; }
#sidebar_menu ul ul li { font-family:Arial; font-size:1em; font-weight:bold; color:#245185; margin:0px 0px 0px 0px; padding:0px 0px 1px 0px; border-top:0px solid #fff; border-bottom:0px solid #fff; }
#sidebar_menu ul ul li a { font-weight:normal; text-decoration:none; }
#sidebar_menu ul ul li a:link { color:#245185; }
#sidebar_menu ul ul li a:visited { color:#245185; }
#sidebar_menu ul ul li a:hover { color:#f00; }
#sidebar_menu ul ul li a:active { color:#c00; }

/* 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:90%; 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; text-align:center; }
#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 { width:50px; font-size:16px; margin:10px 0 0 8px; padding:0; }



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

/* STYLE USED IN AN INSERTED SLIDESHOW */
/* box-shadow: offset-x, offset-y, shadow blur, shadow spread, color, inset - inset is a optional keyword to create an inner shadow */
#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');
}

.border_radius { -moz-border-radius: 5px; border-radius: 5px; }

/*
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
*/