/* global classes */
 body {margin:0px; border:0px; padding:0px; text-align:center; background: #FFFFFF url('http://www.wep.co.nz/wep/member-images/13/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: #333333;}
h1, h2, h3, h4 {font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #ff9900; font-weight: bold;}
a:link, a:visited{color: #000000; text-decoration: underline;}
a:hover, a:active{color: #ff9900; text-decoration: underline;}
/* containers */
 #main_outline {margin: 0px auto; padding: 0px; width:780px; text-align:left; border: 1px solid #C1C1C1; background: #fafafa;}
#secondary_outline {position: relative; margin: 0px; margin-left: 165px; padding: 0px; border-left: 165px solid #fafafa; width: 615px; border: none; background: #fafafa; z-index: 1;}
/* banner */
#banner {margin: 0px; padding: 0px; width: 780px; height:126px; background: #FFFFFF url('http://www.wep.co.nz/wep/member-images/13/banner.jpg') no-repeat scroll; background-position: top; border: none; border-bottom: 1px solid #C1C1C1; }
#banner_swf {margin: 0px; padding: 0px; width: 780px; height: 150px; background: #FFFFFF; border: none; border-bottom: 1px solid #C1C1C1; }
* 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: #fafafa; border: none;  z-index: 1;}
#navigation ul {margin: 0px; padding: 0px; list-style-type:none; background: #fafafa; width:165px;}
#navigation li { position: relative; margin: 0px; padding: 0px; min-height: 25px; background: #fafafa; border: none; border-bottom: 0px solid #bbd5ed; font-size: 9px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666; line-height: 25px; text-align: left;}
#navigation li a:link, #navigation li a:visited {display: block; margin: 0px; padding: 0px; width: 165px; min-height: 21px; background: #fafafa; border: none; font-size: 9px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666; text-decoration: none;}
#navigation li a:hover, #navigation li a:active {color:#ff9900;}
/* Override for bulleted menu style */
#navigation li {padding-left: 16px; background-image: url('http://www.wep.co.nz/wep/member-images/13/arrow.jpg'); background-repeat: no-repeat; background-position: 2px 50%; width: 149px;}
#navigation li a:link, #navigation li a:visited {width: 149px;}
/* fly out menus */ 
#navigation ul ul { display: none; position: absolute; top: 0; left: 149px; }#navigation li li {background: #fafafa;}#navigation li li a:link, #navigation li li a:visited { padding: 0 10px; }
/* Override for category headings (menu style independent) */
#navigation li.clean {margin: 0px; padding: 2px 0px; min-height: 21px; background: #fafafa none;  font-size: 9px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; color:#333333; text-decoration: none; text-indent: 5px; width: 165px;}
/* content */
#content {float: left; margin: 0px; padding: 10px; border: none; width: 595px; z-index: 5; background: #fafafa;}
/* Set nav-content divider based on which is likely to be the longer content */
#content {border-left: 0px solid #99CCFF;}
/* footer */
 #footer {position: relative; width: 772px; clear: both; margin: 0px 0px 0px -165px; padding: 4px; background: #dbdbdb; font-size: 10px; color: #333333; border: none; border-top: 1px solid #C1C1C1;}
#footer p, #footer div {margin: 0px; padding: 0px; font-size: 10px; color: #333333;}
/* 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: #666666;}
#navigation form a:hover {color: #ff9900;}
#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: 0px solid #000000; margin:10px auto;}
#thumbnails ul li a:hover img, #gallery ul li a:active img {border-color: #ffffcc;}
#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 */
a img.button{
	border: 2px solid #d6d6d6;
}
a:hover img.button {
	border-color:#FF9933
}