/* Stylesheet: Menu Modified On 2012-06-27 08:56:26 */
#menuwrapper {
	width: 100%;
	margin-left: 0px;
                margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
             position:relative;
             z-index:9; }

#primary-nav, #primary-nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
	margin-left: 0px;
}
#primary-nav ul {
	position: absolute;
	top: 0px;
	left: 100%;
	display: none;
            
}
#primary-nav ul ul {
	top: 0px;
}
#primary-nav li {
	margin-bottom: 0px;
	position: relative;
	padding: 0px 0px 0px 0px;
        margin-right:0px;
               background: url(http://www.inrf.org.nz/uploads/baimg/bullet1.gif) no-repeat 10px center;

}
#primary-nav li li {
	width: 220px;
	padding: 0px;
	background-image: none;
	margin-bottom: 0px;
}
ul#primary-nav li a {
	/*font-size: 14px;*/
	font-weight:normal;
             font-family:Arial, Century Gothic, tahoma, verdana;
	color: #3E5479;
	display: block;
	text-decoration: none;
             border:0px solid black;
	background: url(http://www.inrf.org.nz/uploads/inimg/menu.png) no-repeat top left;
            padding-left:30px;
height:26px;
padding-top:6px;
}
ul#primary-nav li li a {
	/*font-size: 14px;*/
	font-weight:normal;
             font-family:Arial, Tahoma, Trebuchet MS, Century Gothic, tahoma, verdana;
	color: #3E5479;
	display: block;
	text-decoration: none;
             border:0px solid black;
	background: url(http://www.inrf.org.nz/uploads/inimg/menu.png) no-repeat top left;
            padding-left:30px;
height:auto;
padding-top:6px;
	border-bottom: 1px solid #6d5a49;

}
ul#primary-nav a span {
	display: block;
	/*padding-left: 1.5em;*/
}
ul#primary-nav li a:hover {
	background: url(http://www.inrf.org.nz/uploads/inimg/menua.png) no-repeat top left;
	color: #fff;
             /*font-style:italic;*/
	font-weight: normal;
}
ul#primary-nav li li a:hover {
	/*background:  url(http://www.inrf.org.nz/uploads/ngrey/darknav.png) repeat-x left center;*/
                 background-image:none;
                 background-color:#4a3e33;
	     color: #FFF
	     font-weight: normal;
}
ul#primary-nav li a.menuactive {
	color: #fff;
	font-weight: normal;
            /* font-style:italic;*/
	background: url(http://www.inrf.org.nz/uploads/inimg/menua.png) no-repeat top left;
}
ul#primary-nav li li a.menuactive {
	color: #FFF;
	font-weight: normal;
}
ul#primary-nav li ul a {
	text-align: left;
	margin: 0px;
	position: relative;
	padding: 6px 3px 6px 15px;
	font-weight: normal;
	color: #fff;
                font-size:12px;
                font-family:verdana;
	border-top: 0 none;
	border-right: 0 none;
	border-left: 0 none;
	background: none;
}
ul#primary-nav li ul {
	background: #a58970;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: auto;
	height: auto;
	display: none;
	position: absolute;
	border-top: 1px solid #6d5a49;
	border-right: 1px solid #6d5a49;
            border-left:5px solid #6d5a49;
	/*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/
	opacity: 0.95;
/* CSS 3 */
}
/* Fixes IE7 bug */
#primary-nav li, #primary-nav li.menuparent {
	min-height: 1em;
}
/* Styling the basic apperance of the second level active page elements (shows what page in the menu is being displayed) */
#primary-nav li li.menuactive, #primary-nav li.menuactive.menuparenth li.menuactive {
/* set your image here, dark grey image with white text set above*/
	/*background:  url(http://www.inrf.org.nz/uploads/ngrey/darknav.png) repeat-x left center;*/
                 background-image:none;
                 background-color:#304d63;
	color: #FFF
                   
}
#primary-nav li.menuparent span {
/* padding on left for image */
	/*padding-left: 1.5em;*/
/* down arrow to note it has children, left side of text */
	/*background: url(http://www.inrf.org.nz/uploads/ngrey/active.png) no-repeat left center;*/
}
#primary-nav li.menuparent:hover li.menuparent span {
/* remove left padding as image is on right side of text */
	padding-left: 0;
/* right arrow to note it has children, right side of text */
	background: url(http://www.inrf.org.nz/uploads/ngrey/parent.png) no-repeat right center;
}
#primary-nav li.menuparenth li.menuparent span,
#primary-nav li.menuparenth li.menuparenth span {
/* same as above but this is for IE6, gif image as it can't handle transparent png */
	padding-left: 0;
	/*background: url(http://www.inrf.org.nz/uploads/ngrey/parent.gif) no-repeat right center;*/
}
#primary-nav li.menuparenth span,
#primary-nav li.menuparent:hover span,
#primary-nav li.menuparent.menuactive span,
#primary-nav li.menuparent.menuactiveh span, {
/* right arrow to note hover */
	/*background: url(http://www.inrf.org.nz/uploads/ngrey/parent.png) no-repeat left center;*/
}
#primary-nav li li span,
#primary-nav li.menuparent li span,
#primary-nav li.menuparent:hover li span,
#primary-nav li.menuparenth li span,
#primary-nav li.menuparenth li.menuparenth li span,
#primary-nav li.menuparent li.menuparent li span,
#primary-nav li.menuparent li.menuparent:hover li span  {
/* removes any images set above unless it's a parent or active parent */
	background:  none;
/* removes padding that is used for arrows */
	padding-left: 0px;
}
/* IE6 flicker fix */
#primary-nav li.menuh,
#primary-nav li.mnuparenth,
#primary-nav li.mnuactiveh {
	/*background: url(http://www.inrf.org.nz/uploads/ngrey/libk.gif) no-repeat right top;*/
	color: #899092
}
#primary-nav li:hover li a {
/* removes any images set above unless it's a parent or active parent */
	background:  none;
	color: #fff;
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul ul ul,
*/
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
	display: none;
}
/* for fourth level add
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
*/
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul {
	display: block;
}
/* IE Hack, will cause the css to not validate */
#primary-nav li,
#primary-nav li.menuparenth {
	_float: left;
	_height: 1%;
}
#primary-nav li a {
	_height: 1%;
}
/* BIG NOTE: I didn't do anything to these 2, never tested */
#primary-nav li.sectionheader {
	border-left: 1px solid #006699;
	border-top: 1px solid #006699;
	font-size: 130%;
	font-weight: normal;
	padding: 1.5em 0 0.8em 0.5em;
	background-color: #fff;
	margin: 0;
	width: 100%;
}
/* separator */
#primary-nav li hr.separator {
	display: block;
	height: 0.5em;
	color: #abb0b6;
	background-color: #abb0b6;
	width: 100%;
	border: 0;
	margin: 0;
	padding: 0;
	border-top: 1px solid #006699;
	border-right: 1px solid #006699;
}


#primary-nav li.menuparent:hover ,
#primary-nav li.menuparenth 
{
	background: url(http://www.inrf.org.nz/uploads/idsimg/menu_hover.gif) no-repeat left top;

}

#primary-nav li li a{
border-bottom:1px solid #304d63;
text-transform:none;
}

#primary-nav li li a:hover{
font-weight:normal;
}
/* Stylesheet: Layout  Modified On 2013-05-28 11:13:13 */
body
{
	background-position: center top; color:#000000;
	height:100%;
	margin:0;
	padding:0;
	font-family:Arial, Tahoma, Arial, Trebuchet MS;
	font-size:13px;
	line-height:160%;
	background: #9eccd1 url('http://www.inrf.org.nz/uploads/inimg/bg2.png') repeat-x top left;
	}

a img{
	border:0px
}

h1{
	font-weight:bold;
	color:#6d5a49;
	font-size:20px;
	font-style:italic;
	line-height:140%
}
h2{
	font-weight:normal;
	color:#00a4b7;
	font-size:15pt;
}


h3{
	font-size:15pt;
	color:#496b85;
	font-family:Tahoma, Century Gothic, Arial, Tahoma;
	Font-weight:normal;
	line-height:100%;

}
h4{
	font-size:12pt;
	color:#333;
	font-family:Tahoma, Century Gothic, Arial, Tahoma;
	Font-weight:normal;
	line-height:100%;

}

/*p{
	font-size:13px;
}
*/

#container 
{
	width:1100px;
	min-height:100%;
	border:0px solid black;
	height:auto !important;
	margin:0 auto;
	margin-bottom:-100px;
	overflow:hidden;
	background-position: center top; 
	background-repeat:repeat-y; 
	background-image:url('http://www.inrf.org.nz/uploads/inimg/bg3.png');
	font-size:14px; 
}

#containersmall{
	width: 960px;
	margin-left:70px;	
	float: left;
	padding: 0px;
	border:0px solid #ccc;
}

#header {
	background-position: right top; width: 960px;
	float: left;
	padding: 0px;
	border: 0px solid #CCCCCC;
	height: 180px; 
	background-image:url('http://www.inrf.org.nz/uploads/inimg/topbandbg.png'); 
	background-repeat:no-repeat;

}
#logo {
	width: 293px;
	float: left;
	padding: 0px;
	border: 0px solid #CCCCCC;
	height: 180px; 
}

#contact{
	width: 650px;
	float: left;
	padding-right: 10px;
	border: 0px solid #CCCCCC;
	height: 70px; 
	text-align:right;
	line-height:120%;
}

#mission{
	background-position: left top;
	width: 637px;
	float: left;
	padding-left: 20px;
	padding-right: 10px;	
	border: 0px solid #CCCCCC;
	height: 110px; background-image:url('http://www.inrf.org.nz/uploads/inimg/curly.png'); 
	background-repeat:no-repeat 
}

#mission h2{
	color:#00a4b7;
	font-family:Tahoma, Arial;
	font-weight:normal;
	margin:0px;
}


#mission p{
	color:#4d4d4d;
	font-family:Tahoma, Arial;
	font-weight:normal;
	font-style:italic;
	margin:0px;
}
#midband{
	width: 960px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;


}

#textsize{
	width: 213px;
	float: left;
	padding:0px;
}

#search{
	width: 227px;
	float: left;
	padding:0px;
	text-align:right; margin-left:500px;
}


#left{
	width: 213px;
	float: left;
	padding:0px;
	border: 0px solid #CCCCCC;
}

#left h2{
	color:#018c9d;
	font-weight:normal;
	font-size:17pt;
}

#left a{
	color:#464646;
}

a{
	color:#006975
}

a:hover{
	text-decoration:none;
}

#right{
	width: 727px;
	float: left;
	padding:0px;
	border: 0px solid #CCCCCC;
	padding:10px;
}


#nav{

}
#news
{

}

#div1{
	width: 220px;
	float: left;
	padding: 10px;

}
#div2{
	width: 220px;
	float: left;
	padding: 10px;

}
#div3{
	width: 220px;
	float: left;
	padding: 10px;

}

#div1 .surround, #div2 .surround, #div3 .surround {
	background: #ffffff;
	padding: 3px;
	border: 1px solid #a0a0a0; margin:0px;
	}



.newsdate{
	color:#008f9f;
	margin:0px;
}

#content{
	width: 727px;
	float: left;
	padding:0px;
	border: 0px solid #CCCCCC;

}


#fleft{
	float:left;
	width:900px;
}

#fright{
	float:left;
	width:260px;
}


#footer{
	width: 960px;
	float: left;
	padding: 0px;
	
}

#footer1{
	width: 700px;
	float: left;
	padding: 0px;
	height:70px;
	border: 0px solid #CCCCCC;
	color:#728385;
	font-size:10pt;
	line-height:120%
	}
#footer1 p{
	color:#728385;
	font-size:10pt;
	}

#footer h2{
	font-size:11pt;
	margin:0px;
	color:#000;
	}


	
#footer3{
	width: 260px;
	float: left;
	padding: 0px;
	min-height:200px;
	border: 0px solid #CCCCCC;
	}
	
#footer2{
	width: 960px;
	float: left;
	padding: 0px;
	border: 0px solid #CCCCCC;
	}
	
#footer3 ul{
	list-style:none;
	width:260px;
	margin:0px;
margin-left:-20px;
}

#footer3 li{
	list-style:none;
	display:block;
	width:115px;
	float:left;
}

#footer3 a{
	color:#728385;
	font-size:10pt;
	line-height:120%;
	text-decoration:none;
}
#footer3 a:hover{
	color:#000;
	font-size:10pt;
	line-height:120%;
	text-decoration:underline;
}


#clear{
clear:both
}

.surround {
	background: #ffffff;
	padding: 3px;
	border: 1px solid #a0a0a0; margin:10px;
	}



.search-input{
	z-index:2;
	position:relative;
	width:150px;
	float:left; height:17px;

}

.search-button{
	border:0px solid red;
	position:relative;
	float:left;
	margin-left:0px;
	margin-top:0px;
	z-index:8}

.subscribeform label {
	display: block;
	float: left; text-align:right; padding-right:10px;
	width: 350px; border: 0px solid #a98116;

}
.subscribeform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.subscribeform textarea {

}

legend {
	color: #FFF;
	background: #3899cc;
	font-style: italic;
	font-size: 1.2em;
	margin-bottom: 0.5em;
	padding: 0.5em;
	width: auto;
	border: 1px solid #CCC
}

fieldset div {
	margin-bottom: 0.5em;
	margin-left: 1em;
}
fieldset div div {
	margin-top: 0.5em;
	margin-left: 1em
}
fieldset {
	margin-bottom: 1em;
	border: 1px solid #3899cc;
	padding: 0.5em
}

.captcha {
	margin: 0.5em 0;
	width: 800px;
	text-align: center;
}
.captcha img {
	border: 0px solid #F60;
	margin-bottom: 0.5em
}
.captcha input {
	width: 196px;
	margin-top: 0.5em
}
.submit {
	margin-top: 0em; text-align: center;

}
.othermotor {
 margin-left:365px;
visibility:hidden;
}
/* Stylesheet: Font size Modified On 2012-06-22 16:28:52 */
#textsizer
{
	margin-bottom: 0px;
	margin-top:5px;
	border:0px solid red;
}
#textsizer p
{
	display: inline; color:#6e5c4b;
}
ul.textresizer
{
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}
ul.textresizer li
{
	display: inline;
	margin: 0px;
	margin-right: 1px;
	padding: 0px;
}

ul.textresizer a
{
	border: solid 1px #ccc;
	padding: 0px 2px;
	font-weight: normal;
	text-decoration: none;
	color:#000;
}

ul.textresizer a:hover
{
	background: #e5e5e5;
	border: solid 1px #cccccc;
}

ul.textresizer .small-text
{
font-size: 13px;
}

ul.textresizer .medium-text
{
font-size: 13px;
}

ul.textresizer .large-text
{
font-size: 13px;
}

ul.textresizer .larger-text
{
font-size: 17px;
}

ul.textresizer a.textresizer-active
{
border: solid 1px #2B562B;
background: #FFCA6F;
color: #000000;				
}

#maincontent 
{
background: #ffffcc;
}
/* Stylesheet: Video Modified On 2012-06-23 12:08:25 */
*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('http://www.inrf.org.nz/uploads/fancybox/fancybox.png');	display: none;

}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('http://www.inrf.org.nz/uploads/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('http://www.inrf.org.nz/uploads/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('http://www.inrf.org.nz/uploads/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('http://www.inrf.org.nz/uploads/fancybox/fancybox.png');
	background-position: -40px -60px;
}

:hover#fancybox-left, :hover#fancybox-right {
	visibility: visible; /* IE6 */
}

:hover#fancybox-left span {
	left: 20px;
}

:hover#fancybox-right span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('http://www.inrf.org.nz/uploads/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('http://www.inrf.org.nz/uploads/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('http://www.inrf.org.nz/uploads/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('http://www.inrf.org.nz/uploads/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('http://www.inrf.org.nz/uploads/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('http://www.inrf.org.nz/uploads/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('http://www.inrf.org.nz/uploads/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('http://www.inrf.org.nz/uploads/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('http://www.inrf.org.nz/uploads/fancybox/uploads/fancybox/fancy_title_over.png');
	display: block
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('http://www.inrf.org.nz/uploads/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('http://www.inrf.org.nz/uploads/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('http://www.inrf.org.nz/uploads/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.inrf.org.nz/uploads/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.inrf.org.nz/uploads/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.inrf.org.nz/uploads/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.inrf.org.nz/uploads/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.inrf.org.nz/uploads/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.inrf.org.nz/uploads/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.inrf.org.nz/uploads/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.inrf.org.nz/uploads/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
/* Stylesheet: Album Module Modified On 2014-02-18 08:59:10 */
/* Album Module CSS for default, ImageGallery, and Thickbox templates */
/* Used for categories to make things clear correctly */
.album_content {
	width:100%; 
	float:left;
}
.clear {
	clear:both
}
/* Album List UL */
.albumlist
{
	margin-left:0;
	padding-left:0
	float:left;

/*padding-left:1.4em;*/

}

/* Picture List UL */
.picturelist
{
	margin-left:0;
           padding-left:0;

float:left;
}

/* Album and Picture Lists */
.thumb
{
	padding:0;
	width:auto;
	margin:0 0.0em 0.0em 0;
    
/* Thumbnail spacing */
	text-decoration:none;
	line-height:normal;
	list-style-type:none;
	text-align:center;
	float:left;
            border:0px solid #000;
}

.thumb a img{
border:1px solid black
}
.thumb a
{
	display:block;
	height:auto; 
/* Set link formatting*/
	width:auto; 
/* Thumb width*/ 
	
/* Thumb height*/
padding:10px;

	*padding:18px;

/* Thumb padding to form thumb frame */
/* You can set the above to 0px = no frame - but no hover indication!*/
	margin:0;
	background-color:white;
/*Background of thumb */
	/* Borders of thumb frame */
background-color:transparent;

	text-decoration:none;
}
.albumcomment { text-align: center; }
.thumb a:visited img
{
	background-color:#eee;
/*Background of thumb on hover - sort of a light grey */
}

.thumb a:hover img
{
	background-color:#dae6e4;
/*Background of thumb on hover - sort of light blue/green */
}

/* Styling of text and navigation for Album */
.albumname
{
	text-align:center;
	font-weight:bold;
	font-style:normal;
             font-family:tahoma;
             font-size:12px;
             width:200px;
             height:35px;
             line-height:180%;
}
.albumname a
{
	display: inline;
        border: none;
        margin:none;
        padding:none;
        background-color:transparent;
}
.albumpicturecount
{
		text-align:center;
	font-weight:normal;
	font-style:italic;
}

.albumcomment
{
	text-align:center;
	font-weight:normal;
	font-style:normal;
}

.albumnav
{
	text-align:center;
	font-weight:normal;
	font-style:normal;
	}

.instructiontext
{
	font-weight:normal;
	font-style:normal;
	font-style:italic;
}

/* Big Picture */
.bigpicture
{
	padding:0.5em 0 0;
	clear:left;
	border-top:1px solid #ccc;
	text-align:center;
}

.bigpicturecaption
{
/* Big picture caption */
	text-align:center;
	margin:0 0 5px;
	padding:0;
}

.bigpicture img
{
/* Big picture settings */
	padding:18px;
/* Image padding to form photo frame. */
	width:80%;
/* Width of big picture - set to auto for actual width*/
	margin:0;
	background-color:white;
/* Background of picture */
	border-top:1px solid #eee;
/* Borders of picture frame */
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
	border-left:1px solid #eee;
	text-decoration:none;
}

.bigpicturenav
{
	margin:0;
	padding:0;
	color:#000;
	font-size:smaller;
	line-height:normal;
}

/*Thickbox CSS */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* Already done in main CMSMS stylesheet. Commenting out. */
/* *{padding: 0; margin: 0;} */

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	height:100%;
	width:100%;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/* CSS for Lightbox follows */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../templates/db/lightbox/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../templates/db/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../templates/db/lightbox/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
/* Last-Modified: 28/06/06 00:08:22 */
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 97%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }

/* Start of CMSMS style sheet '02.1 Gallery CMotion horizontal' */


/* CMOTION GALLERY */



/* Please check gallerystyle.css and motiongallery.js for double-/hard-codings! */



div.largeview {

 text-align: center;

}



#motioncontainer {

margin-top: 5px;

height: 70px; /* according to gallery height */

width: 99.99%;

}



#motioncontainer a img {

border: 0; /* Set image border color */

margin: 0; /* chage this if you want some air inbetween images*/

height: 60px;

width:auto;

}



/* change cursor when clicking on image */

/*#motioncontainer a:active img {

cursor: progress;

}*/



#statusdiv {

background-color: #fff;

color: #FFBF00;/*#8f8f8f;*/

font-size: 65%;

font-weight: bold;

border: 0px solid #afafaf;

padding: .1em;

width: 100px;

position: absolute; /* Stop Editing Gallery Styles */

top: -10px;

left: 0px;

visibility: hidden;

}



#motioncontainer a:hover {

color: red; /* Dummy definition to overcome IE bug */

}



/* Those are already set in the template using

the "style"-tag for both of the divs. It seems to

work only this way - if someone could tell me why,

I'll appreciate!  */

/*

div#motioncontainer {

position:relative;

overflow:hidden;

}

div#motiongallery {

position:absolute;

left:0;

top:0;

white-space: nowrap;

}*/



/* END CMOTION GALLERY */

/* End of '02.1 Gallery CMotion horizontal' */