/*-------------UpFront General styles --*/
body {
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	min-width:450px;    	/* Minimum width of layout - remove line if not required */
				/* The min-width property does not work in old versions of Internet Explorer */
	font-size:10pt;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	background: #000000;
	color:#242424;
                height:100%;
}
body,div,dl,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

/*a {color:#FFFFFF url(http://www.upfrontcms.com/websites/NZSA/UFimage/nzsaHoverBG.jpg);;}  Removed to fix CSS issue - too many values */



body a, a:visited, a:active {color: #000000; text-decoration: underline;}

body a:hover {	
	color:#008CC8;
	/*background-color:#FFFFFF url(http://www.upfrontcms.com/websites/NZSA/UFimage/nzsaHoverBG.jpg);;*/    /*Removed to fix IE8 Hover bug*/
	text-decoration:none;
        margin:0px; 
}
p {	margin:.4em 0 .8em 0;
	padding:.5em 0 0 0;
	color:#242424;
}
img {
        border:0px;
        margin:0px;                                
}
#header-wrap { 
	clear:both;
	float:left;
	width:100%;
	height:200px;       /*EDITED - trying to shrink header*/
	background:#000000 url('http://www.upfrontcms.com/websites/NZSA/UFimage/BGHeader3.jpg') no-repeat top; /* EDITED header background  */
	overflow: visible;
	font-size:10pt;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	color:#242424;
}
#content-wrap { 
	clear:both;
	float:left;
	width:100%;
	overflow: visible;
	font-size:10pt;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
        background:#000000 url('http://www.upfrontcms.com/websites/NZSA/UFimage/BGContent.jpg') no-repeat top; /* EDITED header background  */
	/*background: #000000; */  /*REMOVED content background colour */
	color:#242424;
	height:100%;
}

#footer-wrap { 
	clear:both;
        margin: 0;            /*DS Added*/
	bottom: 0; 
	left: 0; 
	width:100%;
	font-size:10pt;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	color:#242424;
	background: #000000;/* footer background colour */
}
#column-wrap { 
	clear:both;
	/* float:33em 9px 25.6%;  These next 3 lines do a float center */
	margin-left: auto;
	margin-right: auto;
	width:1000px;
	min-height:100px; /* must have a height property or the colours don't work but set to less than the columns*/
	background: #d1d2d4;/* right column background colour */
	position: relative;
	overflow: hidden;
	font-size:10pt;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	color:#242424;
  	height:100%;
            /*  border: 3px solid red; -- example - for a border around your columns */
}

#content-wrap table {  
	/* These tables have a subtle relationship with the fckeditor - see the styles in the fckeditor row and be careful!*/
	border-collapse: collapse;
           	padding-right:5px;
           	padding-left:5px;	
            	font-size:10pt;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
}
#content-wrap td {
           	padding-right:5px;
           	padding-left:5px;	
}
#content-wrap th {      
           	padding-right:5px;
           	padding-left:5px;	
}

#header table {margin:0;width:100%;padding: 0;border: 0;border-collapse: collapse;}
#header tr,th,td,td img{margin:0;padding:0;border:0;}  

#slideshow-wrap { 
	display: none;
	background-color:#DDDDDD;
}

#slideshow-placeholder { 
	display: block;
	background-color:#DDDDDD;
}

#header {
	clear:both;
	float:33em 9px 25.6%; /* These next 3 lines do a float center */
	margin-left: auto;margin-right: auto;
	margin-top:0;
	width:1000px;
	height:300px;   /*EDITED - trying to shrink header*/
	/* background: #Transparent;*/  /* EDITED - Make Header Transparent */
	color:#FFFFFF; /* This one is calculated to be the right contrast for the header color*/
	overflow: visible;
}
#header p {
	margin:0;
	/*background: #Transparent;*/
	color:#FFFFFF; /* This one is calculated to be the right contrast for the header color*/
}

#header a {                              /*DS Added for Member login link in Header*/ 
	color:#FFFFFF;
        text-decoration:underline;
}


#header a:hover {	                /*DS Added for Member login link in Header*/ 
	color:#CCCCCC;
}

/* Some logo stylest */
#logo{float:left;height:200px;width:260px;background-color:#f2f2f2;}
#logo img{margin:73px 0 0 21px;}
#headerimages{float:left;height:200px;width:740px;}
#headerimage1{float:left;border-right:3px solid white;}
#headerimage2{float:left;}
.clear{clear:both;}
/*-------------UpFont Header styles -----------------------------*/
H1 {margin-top: 0px; font-weight: bold; color:#00AEEF; font-size: 12pt;margin-bottom: 12px;padding-bottom: 0px;  line-height: normal;padding-top: 0px;width: 95%;text-align:left;}	
H2 {margin-top: 0px; font-weight: bold; color:#666666; font-size: 12pt; margin-bottom: 0px;  ; text-align:left;}
H3 {margin-top: 0px; font-weight: bold; color:#666666; font-size: 10pt; margin-bottom: 0px; text-align:left;}
H4 {margin-top: 0px; font-weight: bold; color:#666666; font-size: 8pt; margin-bottom: 0px;   text-align:left;}
H5 {margin-top: 0px; font-weight: bold; font-size: 8pt; margin-bottom: 0px;   text-align:left;color:#FFFFFF;}	
H6 {margin-top: 0px; font-weight: bold; font-size: 8pt; margin-bottom: 0px;   text-align:center;color:#FFFFFF;}		
/*-------------UpFront Column Settings -----------------------------*/
/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;				/* width of whole page */
	background: yellow;
		
}

/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;				/* width of page */
	position:relative;
	background: #DDDDDD;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;		/*no left and right padding on columns, we just make them narrower instead 
							only padding top and bottom is included here, make it whatever value you need */
	
}
.colonlyone {			/* only one column displayed */
	float:left;
	position:relative;
	padding:2em;	
	min-height:400px;
	background: #e7e7e8;
	width:95%;
}
	
.veryplain {		/* only one column displayed, no formatting except the basics (used for faded window)*/
	float:left;
	position:relative;
	padding:0em;	                                  /*DS Edited*/
	background: #e7e7e8;      
	color: #242424;
	min-width:300px;
}	/*-------------UpFront Threecol Column Settings -----------------------------*/
.threecol {		
	color:#242424;
	background:  #d1d2d4;	/* right column background colour */
	min-height:400px; /* must have a height property or the colours don't work */
}
.threecol .colmid {
	right:25%;			/* width of the right column */
	background: #e7e7e8;			/* center column background colour */
	color: #242424;
	min-height:400px; 				/* must have a height property or the colours don't work */
}

.threecol .colmid  p{
	color: #242424;
}


.threecol .colleft {	
	right:50%;			/* width of the middle column */
	color:#242424;
	background: #DDDDDD;			/* left column background colour */
	min-height:400px;				 /* must have a height property or the colours don't work */
}
.threecol .col1 {					/*This is the centre column */
	width:46%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
	background: #e7e7e8;
	padding-top: 10px;
	color: #242424;
}


.threecol .col2 {					/*This is the left column */
	width:21%;			/* Width of left column content (column width minus padding on either side) */
	left:31%;
	padding-top: 10px;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
    	  background: #DDDDDD;
}
.threecol .col3 {					/*This is the right column */
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:85%;			/* (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */	
	padding-top: 10px;
	padding-left: 4px;
	background: #d1d2d4;
}
	
/*-------------UpFront  2 Column Settings -----------------------------*/

.twocol {		
	color:#242424;
	background:  green;
	height 100%; 		
	min-height:20px; 		/* must have a height property or the colours don't work - but less than the columns */
}

.twocol .colmid {
	/*right:25%;	*/		/* width of the right column */
	background: #d1d2d4;		/*  right or left column background colour - this will be swapped by code tocorrect value 
						depending if we are centre + right or left plus centre*/
	color:#242424;
	min-height:350px; 		
	height 100%; 				/* must have a height property or the colours don't work */
}


#coloneoftwo {	/* this is the left column for a left and  main display */
	float:left;
	text-align:left;
	border-right:10px;
	width:21%;
	background-color: #DDDDDD;
	color:#242424;
	min-height:400px; 	
	height: 100%;
	padding: 2em;
	padding-bottom: 0;

}

#coltwooftwo {	/* this is the maincolumn for a left and  main display */
	float:right;
	text-align:left;
	border-left:10px;
	border-right:10px;
	width:67%;
	background-color:#e7e7e8;
	color:#242424;
	min-height:400px; 	
	height: 100%;
	/*be careful of changing the padding here as it can mess up the columns */	
	padding: 2em;
}

#colthreeoftwo {	 /* this is the main column for a main and right display */
	float:left;
	text-align:left;
	border-right:10px;
	width:67%;
	background-color: #e7e7e8;
	color:#242424;
	min-height:345px; 	
	height: 100%;
	padding: 2em;
	padding-bottom: 0;
}


#colfouroftwo {	 /* this is the right column for a main and right display */
	float:left;                        /* EDITED - was right */
	text-align:left;
	border-left:10px;
	border-right:10px;
	width:21%;         
	background-color:#d1d2d4;
	color:#242424;
	min-height:350px; 
	height: 100%;
	padding: 5px;                         /*EDITED - was too much padding - orig value 2em */
	padding-bottom: 0;
}
/*-------------UpFront Footer styles --------------------------*/
#footer {
	/* float:33em 9px 25.6%; These next 3 lines do a float center */
	margin-left: auto;
	margin-right: auto;
	width:1000px;
	min-height:25px;
	background:#e7e7e8;
	color:#242424;
	z-index: 3;
}
#footer p {
	padding:10px;
	margin:0;
	background:#e7e7e8;
	color:#242424;
 
}/* -------------------- top Navigation Menu  --------------------------*/
	#navtop, #navtop ul { /* all lists */
		padding: 0;  /*DS Edited - was 0 0 0 2*/
		margin-left : auto;
		margin-right : auto;
		margin-top : 1em;			
		margin-bottom: 0;
		list-style: none;
		float : left;
		width : 100%;
		z-index: 500;
		font-size: 100%;
		background-color:#CCCCCC;
		position: relative; 
	}
	
	#navtop li { /* all list items */
		position : relative;
		float : left;	
		line-height : 2em;				/* EDITED - was 1.4 then changed to 2*/
		margin-bottom : -1px;                        /* EDITED - margin-bottom : -1px; */
		width: 198px;                /* EDITED - Calculated as width divided by 5 minus margins*/				
		color: #FFFFFF;		
	        font-weight: bold;                                        /* EDITED */
                text-align:center;                                         /*ADDED */
		padding:  0 1px 0 1px;
	}
	
	#navtop li ul { /* second-level lists */   
		position : absolute;
		left: -999em;
		margin-left :0;
		margin-top : -0.1em;
		color: #FFFFFF;	
		border-style: solid;
		border-width: 2px; 
                background-color:#CCCCCC;                      /*ADDED */
		border-color:  #FFFFFF;
		padding :  1px 1px  1px  1px; /* was 1px 2em  1em  1px */
	}

	#navtop li ul li { /* second-level list items - ADDED BY DS*/   
                text-align: left;                         /*ADDED - to make submenu's align left when top is centre */
		padding: 0.1em;
                margin: 0;                         
	}

	#navtop li ul li a { /* mh added for second-level lists */
 		font-weight : normal;
                line-height : 1.2em;				/* ADDED - to make the drop down menu smaller*/
 		color: #FFFFFF; 
		text-decoration: none;
                background-image: none;
		background-color: #008cc8;
	}

	#navtop li ul ul { /* third-and-above-level lists */
		left: -999em;
	                margin-left :195px;                             /*ADDED - To make the 3rd level list go out to the side*/
	                margin-top :-1.5em;                             /*ADDED - To make the 3rd level appear at the right level*/
                background-image: none;
	}
	
	#navtop  li a {
		width: 192px;  		         /* EDITED - was 9em now width divided by 5 minus margins*/
		display : block;
		color: #FFFFFF;
		background:#FFFFFF url(http://www.upfrontcms.com/websites/NZSA/UFimage/nzsaNavBG.jpg);;
		font-weight: bold;                                        /* EDITED */
		text-decoration : none;
                text-transform:uppercase;
		padding :  0.25em;
	}
	
	#navtop li a:hover {
		color : #FFFFFF;			
		background:#FFFFFF url(http://www.upfrontcms.com/websites/NZSA/UFimage/nzsaHoverBG.jpg);; 
	}
	
	#navtop li:hover ul ul, #navtop li:hover ul ul ul, #navtop li.sfhover ul ul, #navtop li.sfhover ul ul ul {
		left: -999em;
		z-index: 510;
	}
	
	#navtop li:hover ul, #navtop li li:hover ul, #navtop li li li:hover ul, #navtop li.sfhover ul, #navtop li li.sfhover ul, #navtop li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
		z-index: 510;
	}
	
	#navtop  .current a{
		/*background:#FFFFFF url(http://www.upfrontcms.com/websites/NZSA/UFimage/nzsaHoverBG.jpg);; */
		color : #FFFFFF ;
	}

	#navtop  .notcurrent a{
		/*background:#FFFFFF url(http://www.upfrontcms.com/websites/NZSA/UFimage/nzsaNavBG.jpg);;*/ 
		color : #FFFFFF ;
	}
/* ------------UpFront Banner Style 2 Navigation Menu ------------- */

#navContainer {clear: left; margin-top: -33px; margin-right: 0px; margin-left: 0px;background: #FFFFFF url(http://www.upfrontcms.com/websites/NZSA/UFimage/nzsaNavBG.jpg);;}

#mainNavigation {margin-top:-10px;background: #FFFFFF url(http://www.upfrontcms.com/websites/NZSA/UFimage/nzsaNavBG.jpg);;}
	
#mainNavigation ul {text-align: center;background:  #FFFFFF url(http://www.upfrontcms.com/websites/NZSA/UFimage/nzsaNavBG.jpg);;}

#mainNavigation li {display: inline; margin-right: 1px; margin-left: 1px;background:  #FFFFFF url(http://www.upfrontcms.com/websites/NZSA/UFimage/nzsaNavBG.jpg);;}

#mainNavigation a { font: bold 8pt Tahoma; background: #FFFFFF url(http://www.upfrontcms.com/websites/NZSA/UFimage/nzsaNavBG.jpg);; color: #FFFFFF; text-decoration: none; padding: 5px 10px;}
		
#mainNavigation a:hover {color: #FFFFFF ;background: #FFFFFF url(http://www.upfrontcms.com/websites/NZSA/UFimage/nzsaHoverBG.jpg);;}

#mainNavigation .activeTab a{
		background:  #FFFFFF url(http://www.upfrontcms.com/websites/NZSA/UFimage/nzsaNavBG.jpg);;
		color:   #FFFFFF;
}
		
#mainNavigation .activeTab a:hover{
	color: #FFFFFF;background:  #FFFFFF url(http://www.upfrontcms.com/websites/NZSA/UFimage/nzsaHoverBG.jpg);;
}
		
/* ----------------------------------------------------------------- sub-navigation -- */

#subNavigation {padding: 5px 0px; margin-top:-10px; background-color:  #FFFFFF; text-align: center;background:  #FFFFFF url(http://www.upfrontcms.com/websites/NZSA/UFimage/nzsaNavBG.jpg);;}

#subNavigation ul {text-align: center;background: #FFFFFF url(http://www.upfrontcms.com/websites/NZSA/UFimage/nzsaNavBG.jpg);;}

#subNavigation li {display: inline; font: 8pt Verdana; background:  #FFFFFF url(http://www.upfrontcms.com/websites/NZSA/UFimage/nzsaNavBG.jpg);;
}

#subNavigation  .fillin  {padding: 2px 10px; font: 8pt Tahoma; color: #000;text-decoration: none;background:  #FFFFFF url(http://www.upfrontcms.com/websites/NZSA/UFimage/nzsaNavBG.jpg);;border-bottom: 2px;}

#subNavigation a {padding: 2px 10px; font-size: 8pt; font-family: Tahoma;color: #FFFFFF;text-decoration: none; background: #FFFFFF url(http://www.upfrontcms.com/websites/NZSA/UFimage/nzsaNavBG.jpg);;}

#subNavigation a:hover {color: #FFFFFF; background:  #FFFFFF url(http://www.upfrontcms.com/websites/NZSA/UFimage/nzsaHoverBG.jpg);;}

#subNavigation .activeTab a{
		background: #FFFFFF url(http://www.upfrontcms.com/websites/NZSA/UFimage/nzsaHoverBG.jpg);;
		color: #FFFFFF;
}
#subNavigation .activeTab a:hover{
	color: #000;background:  #FFFFFF url(http://www.upfrontcms.com/websites/NZSA/UFimage/nzsaHoverBG.jpg);;
}
/*-------------UpFront Gallery classes */
 .slideshow {
 	text-align:center;
	height:330px;/* 300 image + 10 margin + 10 margin + 5 border + 5 border */
	width:330px;
	display: block;
 	 vertical-align: middle ;
	background-color:#DDDDDD;
}
 .slideshow img {
	margin:10px;
	border: 5px solid #DDDDDD;
	border-width: 5px;
}

/* jQuery lightBox plugin - Gallery style */
	#gallery { /*background-color: #C0C0C0;*/
		/*background-color: pink;*/
		padding: 0px;
		margin: 0px;
		width: auto;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul li a img {
		border: 5px solid #C0C0C0;/* gray default */
		color: #fff;
		background-color : #FFFFFF; 
	}
	#gallery ul li a:hover img {
		border: 5px solid; 
		border-color:   #FFFFFF;
		color: #fff;
	}
	
ul#animated-portfolio{
        padding: 0;
        margin: 0;
        list-style-type: none;
}
ul#animated-portfolio li{
        padding: 0;
}
/*-------------UpFront FCKEDitor classes -----------------------*/
.fcolcenter 	 {	/*Style the centre area */
			background: #e7e7e8;
			margin-left:30px;	}
	

.fcolleft		 {	/*Style the left column area */
			 background: #DDDDDD;
			margin-left:30px;	 }

.fcolright		 {	/*Style the right column area */
			background: #d1d2d4; 
			margin-left:30px;	}

.fcolcenter  table 	{	border: 1px solid #242424;       
           			border-collapse: collapse;
           			padding-right:5px;
           			padding-left:5px;	
           			font-size:10pt;
			font-family:Tahoma;
		}
		

.fcolleft		 table 	{border: 1px solid #242424;       
           			border-collapse: collapse;
           			padding-right:5px;
           			padding-left:5px;	
           			font-size:10pt;
			font-family:Tahoma;
		}
.fcolright		 table 	{border: 1px solid #242424;       
           			border-collapse: collapse;
           			padding-right:5px;
           			padding-left:5px;	
           			font-size:10pt;
			font-family:Tahoma;
		}/* ----------- UpFront Player Profile CSS ---------------------*/
.profile {border: 1px solid #555555; width: 158px}
.profileitem {border: 1px; background-color:white;} 
.profileitem p {border: 0; text-align: left; margin:0 0 .8em 0;padding:.5em 0 0 .6em;}
.profileitem img{border: 1px solid #313733; }
.profileitem table {border: 0;}
.profileitem table td {padding-left:5px; padding-top:10px; font-style: normal;}
.profileitem .caption {padding-left:5px; padding-top:8px; font-size:60%; font-style: normal; font-weight: bold; text-align: left;}/*-------------UpFront Search Results styles --------------------*/
#search_results{border: 0px; }

#search_input{border: 0px; }

#search_input .searchinput {  width:80px;}

input.searchbtn{
   font-weight: bold;
   background-color: Gray;
   color: #FFFFFF;
   background: #696969;
   FONT-SIZE: 8pt; 
   border: 3px solid;
   border-top-color:#A8A8A8;
   border-left-color:#A8A8A8;
   border-right-color:#5F7F7F;
   border-bottom-color:#5F7F7F;
   width:60px;
}

input.searchbtnhov{
   font-weight: bold;
   color: #000000;
   background: #FFCE30;
   FONT-SIZE: 8pt; 
   border:3px solid;
   border-top-color:#DD7700;
   border-left-color:#DD7700;
   border-right-color:#FFBB22;
   border-bottom-color:#FFBB22;
   width:60px;
}