/* global classes */
 body {margin:0px; border:0px; padding:0px; text-align:center; background: #FFFFFF url('http://www.wep.co.nz/wep/member-images/156/bg.jpg') top left fixed repeat;}
body#content {background-image:none; text-align:left;}
table, div, input, select, option, textarea {font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #666666;}
h1, h2, h3, h4 {font-size:16px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #9ac1e0; font-weight: bold;}
a:link, a:visited{color: #FF6600; text-decoration: none;}
a:hover, a:active{color: #9ac1e0; text-decoration: underline;}
/* containers */
 #main_outline {margin: 0px auto; padding: 0px; width:780px; text-align:left; border: 0px solid #FFFFFF; background: #9ac1e0;}
#secondary_outline {position: relative; margin: 0px; margin-left: 165px; padding: 0px; border-left: 165px solid #9ac1e0; width: 615px; border: none; background: #ffffff; z-index: 1;}
/* banner */
#banner {margin: 0px; padding: 0px; width: 780px; height:0px; background: #FFFFFF url('http://www.wep.co.nz/wep/member-images/156/banner.jpg') no-repeat scroll; background-position: top; border: none; border-bottom: 0px solid #; }
#banner_swf {margin: 0px; padding: 0px; width: 778px; height: 238px; background: #FFFFFF; border: none; border-bottom: 0px solid #; }
* html #banner { margin-left: 0px;}
* html #banner_swf { margin-left: 0px;}
/* nav menu */
#navigation {position: relative; float: left; margin: 0px; margin-left: -165px; padding: 0px; width: 165px; background: #9ac1e0; border: none;  z-index: 1;}
#navigation ul {margin: 0px; padding: 0px; list-style-type:none; background: #9ac1e0; width:165px;}
#navigation li {margin: 0px; padding: 0px min-height: 40px; background: #9ac1e0; border: none; border-bottom: 1px solid #FFFFFF; font-size: 12px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; line-height: 40px;}
#navigation li a, #navigation li a:visited {display: block; margin: 0px; padding: 0px; width: 165px; min-height: 36px; background: #9ac1e0; border: none; font-size: 12px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration: none;}
#navigation li a:hover, #navigation li a:active {color:#000033;}
/* Override for block menu style */
#navigation li a, #navigation li a:visited {padding-left: 10px; width: 155px;}
#navigation li a:hover, #navigation li a:active {background: #FFFFFF;}
/* Override for category headings (menu style independent) */
#navigation li.clean {margin: 0px; padding: 2px 0px; min-height: 36px; background: #9ac1e0 none;  font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; color:#1f3359; text-decoration: none; text-indent: 5px; width: 165px;}
/* content */
#content {float: left; margin: 0px; padding: 10px; border: none; width: 594px; z-index: 5;}
/* Set nav-content divider based on which is likely to be the longer content */
#content {border-left: 1px solid #9ac1e0;}
/* footer */
 #footer {position: relative; width: 772px; clear: both; margin: 0px 0px 0px -165px; padding: 4px; background: #9ac1e0; font-size: 10px; color: #000000; border: none; border-top: 1px solid #;}
#footer p, #footer div {margin: 0px; padding: 0px; font-size: 10px; color: #000000;}
/* ad block */
#ad_block{width: 160px; margin: 20px auto 0px auto;}
/* login/logout */
#navigation form, #login {text-align:center}
#navigation form a, #navigation form label, #navigation form input {display: block; margin: 5px auto; padding: 2px; color: #000000;}
#navigation form a:hover {color: #000033;}
#navigation form input {color: #000000;}
label, input, textarea {padding: 2px;}
input, textarea {color: #000000;}
#login a, #login label, #login form input {display: block; margin: 5px auto; padding: 2px;}
#login input {color: #000000;}
/* gallery styles */
#gallery {margin: 0px; padding: 0px; text-align:center; width: 594px; border: 0px solid #0F0;}
#gallery div {width: 100%; margin: 0px; padding: 0px;}
#thumbnails {display:table; width:100%;}
#thumbnails ul {margin: 0px; padding: 0px; list-style-type: none; display:table-row;}
#thumbnails ul li {display:table-cell; margin: 0px; padding: 0px; width:24%; overflow:hidden; text-align: center;}
#thumbnails ul li a img, #gallery ul li a:visited img {border: 0px solid #000000; margin:10px auto;}
#thumbnails ul li a:hover img, #gallery ul li a:active img {border-color: #000000;}
#thumb_nav ul {margin: 0px; padding: 0px; list-style-type: none; width:100%; }
#thumb_nav ul li {float:left; width:24%; overflow:hidden; text-align: center;}
#gal_nav ul {margin: 0px; padding: 0px; list-style-type: none;}
#gal_nav ul li {float:left; width:33%; text-align:center;}
/* hacks to correctly position the galleries in IE */
* html #thumbnails ul {clear:left;}
* html #thumbnails ul li {float:left;}
*+html #thumbnails ul {clear:left;}
*+html #thumbnails ul li {float: left;}
/* * styles which may need to overide any of the above */
.break {top: -1px; height: 1px; margin: 0px; padding: 0px; overflow: hidden; clear:both; border: 1px solid #F00; margin-left: -165px;}
.access {height:1px; width: 1px; overflow: hidden; position: relative; left: -800px;}
/* additional embedded css */
#navigation ul li.clean {background-image: none;}
#banner {position:relative; left:-1px} /*cover top portion of border*/