/* Start of CMSMS style sheet 'menu_hori' */
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

#menu_vert {
   margin-left: 1px;
   margin-right: 1px;
}

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */

#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
   background-color: #000000;
   width: 924px;
   padding: 3px 5px 2px 5px;
 
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
   width: 150px; 
}


/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}
#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
}
#primary-nav ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 
}
	
#primary-nav li { 
   margin-left: -1px;
   float: left; 
}
#primary-nav li li { 
   margin-left: 0px;
   margin-top: -1px;
   float: none; 
   position: relative; 
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 4px 10px; 
   text-decoration: none; 
   color: #ffffff;
   font-size: 1em;
}
#primary-nav li a { 
   /*border-right: 1px solid #C0C0C0;
   border-left: 1px solid #C0C0C0;*/
}
#primary-nav li li a { 
   border: 1px solid #C0C0C0;
}	
#primary-nav li, #primary-nav li.menuparent { 
   background-color: #000000; 
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
   background-color: #000000; 
}

#primary-nav a.menuactive { 
   color: #ff0000; 
font-weight: bold;
}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
/* arrow for menuparents */
   background-image: url(images/cms/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; 
}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
   background-color: #E7AB0B; 
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#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; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#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 Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}
/* End of 'menu_hori' */

/* Start of CMSMS style sheet 'oranz_main' */
body {
  margin: 0;
  padding: 0;
  font-family: Verdana;
  font-size: 11px;
}

#global{
	width: 934px;
	margin: 0 auto;
	padding: 0px;
}

.clearb{
	clear: both;
	height: 0px;
line-height:0px;
}

#header{
	padding: 5px 18px 3px 16px;
	height: 22px;
             background: url(/uploads/images/site/header.jpg) no-repeat;
	color: #ffffff;
             overflow: hidden;
 }


#headertext{float:left;
	padding: 4px 0px 0px 0px; 
   
}

#searchform{
	float:right;
	font-weight: bold;
	text-align: right;
             padding: 0px;
margin: 0px;

}



.input{
	height: 12px;
}

.btn{
	height: 20px;
	padding: 1px;
	
}

#mainbanner, #advertbanner{
	padding:0; 
}

#mainbanner img, #advertbanner img, #header img{
vertical-align: bottom;
}

#mainbanner a, #advertbanner a{
	text-decoration: 0;
}

#mainbanner p, #advertbanner p, #header p{
margin: 0;
padding:0;
}

img{
    border: none;

}

#headings, #headings_home{
   width: 918px;
   padding: 5px 3px 5px 13px;
   height: 16px;
   font-weight: bold;
   font-size: 1.2em;
   vertical-align: middle;
   border-bottom: 1px solid #000000;
}

#headings_home{
   background-color: #000000;   
   color: #ffffff;
}

.page_heading{   
	float: left;
	width: 530px;
	padding: 0px 15px 0px 3px; 
}

.column_heading{   
	float: left;
	width: 185px;
}

#container{
	width: 934px;
	padding: 10px 0px 10px 0px;
}

.content{
	float: left;
	width: 534px;
	padding: 0px 15px 0px 15px; 
}

.sidecolumn{
	float: left;
	width: 185px;
}

#footer{
	padding: 8px 0px 2px 0px;
	height: 20px;
	background: url(/uploads/images/site/footer.jpg) no-repeat;
	color: #ffffff;
	text-align: center;
	font-size: .8em;
}






/* End of 'oranz_main' */

/* Start of CMSMS style sheet 'airnet_common' */
/* Floating bottom right hand corner blocks. Insert the following code just after <body> : */
/*
<div id="identity">
<a href="http://www.airnet.net.nz"><img src="/images/airnet_white.png" alt="Site Built & Hosted By Airnet" /></a>
<a href="http://validator.w3.org/check/referer"><img src="/images/xhtml-valid.png" alt="Valid XHTML!" /></a>
</div>
*/
/* Ofcourse you need to make sure that you put those images on the site in the right place!!! */

@media screen {

#identity { z-index: 999; position: absolute; right: 4px; bottom: 4px; background: white; opacity: 0.5; }
body > div#identity { position: fixed; }
#identity img {border: none;}



/* Popup Hint Stuff */

.hint {
	position:relative; /*this is the key*/
	z-index:24;
	text-decoration:none
}

.hint:hover {
	z-index:25; 
	/* background-color:#990000; */
	/* color: #ffffff; */
}

.hint span {
	display: none
}

.hint:hover span.popup { /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	font-size: smaller ;
	top:2em;
	left:2em;
	width:15em;
	padding: 2px ;
	border:1px solid #333333;
	border-left: 4px solid #333333;
	background-color:#eeeeee;
	/* color:#990000; */
	text-align: left ;
}

/* End Popup Hint Stuff */



}


@media print {

#identity { visibility: hidden; }
body > div#identity { visibility: hidden; }
#identity img { visibility: hidden;}


.hint span {
	display: none
}


}
/* End of 'airnet_common' */

/* Start of CMSMS style sheet 'Image_Gallery' */
/* Image Gallery - Small Thumbnail Images */
	.thumb {
		margin: 1em 1em 1.6em 0; /* Space between images */
		padding: 0;
		float: left;
		text-decoration: none;
		line-height: normal;
		text-align: left;
	}

	.thumb img, .thumb a img, .thumb a:link img{ /* Set link formatting*/
		/*width: 100px;  Image width*/
		/*height: 100px; Image height*/
		display: inline;
		padding: 12px; /* Image padding to form photo frame */
		/* You can set the above to 0px = no frame - but no hover indication! Adjust other widths ot text!*/
		margin: 0;
		background-color: white; /*Background of photo */ 
		border-top: 1px solid #eee; /* Borders of photo frame */
		border-right: 2px solid #ccc;
		border-bottom: 2px solid #ccc;
		border-left: 1px solid #eee;
		text-decoration: none;
	}

	.thumb a:visited img {
		background-color: #eee; /*Background of photo on hover - sort of a light grey */
	}

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

	.thumbPicCaption {
		text-align: center;
		font-size: smaller;
		margin: 0 1px 0 0;
		padding: 0;
		width: 124px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */
		/* display: none;  if you do not want to display this text */
	}

	/* Image Gallery - Big Images */
	.bigPic {
		margin: 10px 0 5px 0;
		padding: 0;
		line-height: normal;
	}

	.bigPicCaption { /*Big Image Name - above image above .bigpicImageFileName (Without extension) */
		text-align: center;
		font-weight: bold;
		font-variant: small-caps;
		font-weight: bold;
		margin: 0 1px 0 0;
		padding: 0;
		width: 386px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */
		/* display: none;  if you do not want to display this text */
	}

	.bigPic img{ /* Big Image settings */
		/*width: 350px;  Width of Big Image */
		/*	height: auto;*/
		display: inline;
		padding: 18px; /* Image padding to form photo frame. */
		/* You can set the above to 0px = no frame - but no hover indication! Adjust other widths ot text!*/
		margin: 0;
		background-color: white; /* Background of photo */ 
		border-top: 1px solid #eee; /* Borders of photo frame */
		border-right: 2px solid #ccc; 
		border-bottom: 2px solid #ccc;
		border-left: 1px solid #eee;
		text-decoration: none; 
		text-align: left;
	}

	.bigPicNav { /* Big Image information: 'Image 1 of 4' and gallery navigation */
		margin: 0;
		width: 386px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */
		padding: 0;
		color: #000;
		font-size: smaller;
		line-height: normal;
		text-align: center;
		/* display: none;  if you do not want to display this text. Why? You Lose Navigation! */
	}
/* End of 'Image_Gallery' */