/* global classes */
 body {margin:0px; border:0px; padding:0px; text-align:center; background: #000000 url('http://www.wep.co.nz/wep/member-images/32/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:Arial, Helvetica, sans-serif; color: #CCCCCC;}
h1, h2, h3, h4 {font-size:14px; font-family:Arial, Helvetica, sans-serif; color: #CCCCCC; font-weight: bold;}
a:link, a:visited{color: #CCCCCC; text-decoration: none;}
a:hover, a:active{color: #FF0000; text-decoration: underline;}
/* containers */
 #main_outline {margin: 0px auto; padding: 0px; width:780px; text-align:left; border: 1px solid #999999; background: #999999;}
#secondary_outline {position: relative; margin: 0px; margin-left: 165px; padding: 0px; border-left: 165px solid #999999; width: 615px; border: none; background: #000000; z-index: 1;}
/* banner */
#banner {margin: 0px; padding: 0px; width: 780px; height:220px; background: #000000 url('http://www.wep.co.nz/wep/member-images/32/banner.jpg') no-repeat scroll; background-position: top; border: none; border-bottom: 2px solid #666666; }
#banner_swf {margin: 0px; padding: 0px; width: 780px; height: 150px; background: #000000; border: none; border-bottom: 2px solid #666666; }
* 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: #999999; border: none;  z-index: 1;}
#navigation ul {margin: 0px; padding: 0px; list-style-type:none; background: #; width:165px;}
#navigation li {margin: 0px; padding: 0px min-height: 25px; background: #; border: none; border-bottom: 1px solid #000000; font-size: 12px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; color:#000000; line-height: 25px;}
#navigation li a, #navigation li a:visited {display: block; margin: 0px; padding: 0px; width: 165px; min-height: 21px; background: #; border: none; font-size: 12px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; color:#000000; text-decoration: none;}
#navigation li a:hover, #navigation li a:active {color:#FFFFFF;}
/* 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: #;}
/* Override for category headings (menu style independent) */
#navigation li.clean {margin: 0px; padding: 2px 0px; min-height: 21px; background: # none;  font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color:#000000; text-decoration: none; text-indent: 5px; width: 165px;}
/* content */
#content {float: left; margin: 0px; padding: 10px; border: none; width: 595px; z-index: 5;}
/* Set nav-content divider based on which is likely to be the longer content */
#navigation {border-right: 0px solid #000000;}
/* footer */
 #footer {position: relative; width: 772px; clear: both; margin: 0px 0px 0px -165px; padding: 4px; background: #999999; font-size: 10px; color: #000000; border: none; border-top: 0px solid #999999;}
#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: #FFFFFF;}
#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: 595px; 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: 1px 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 {background-image: url(http://www.wep.co.nz/wep/member-images/32/image/RTbut.jpg);}
#navigation ul li.clean {background-image: none;} 


#footer { 
height: 50px;
padding: 0px 4px;
background: #000000 url(/wep/member-images/32/image/RTnewfooter.jpg) top left no-repeat; }

#footer a:link, #footer a:visited  {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}

#footer div {
width: 100%;
height: 100%;
}

 #footer div p {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
}



