/*  
Theme Name: SKYDIVINGNZ.COM
Theme URI: http://skydivingnz.com/
Description: This theme is specially developed for skydivingnz.com
Version: 1.0
Author: Pol Oomen
Author URI: mailto:pol@copperwire.nl


/* =INITIAL 
   v2.1, by Faruk Ates - www.kurafire.net
   Addendum by Robert Nyman - www.robertnyman.com */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 95%/120% Arial, Verdana, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
	margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
	cursor: pointer;
}
fieldset {
	border: none;
}

/* Form field text-scaling */
input, select, textarea {
	font-size: 100%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

/* SKYDIVINGNZ.COM  -  MAIN STYLESHEET */
html
{
	background: #001522 url(images/bgGradient.gif) repeat-x top left;
	height: 100%;
}
body
{
	text-align: center;
	background: transparent url(images/bgPage.png) repeat-y top center !important;
	background: transparent url(images/bgPage.gif) repeat-y top center;
	color: #fff;
	height: 100%;
	min-height: 100%;
}

#page
{
	width: 980px;
	margin: 0 auto;
	text-align:left;
/*	background: #001522;
*/	position: relative;
	border: solid 1px #fff;
	border-width: 0 1px;
	padding: 0 !important;
	padding: 0 0 0 1px;

}
#header
{
	height: 120px;
	width: 980px;
	position: relative;
	display: inline;
	float: left;
	background: transparent url(images/hdrTargetSeperator.gif) no-repeat center center;
}
#header div.alignLeft,
#header div.alignRight
{
	width: 490px;
}
#header h1
{
	margin: 10px;
	color: #fff;
	font-size: 4.1em;
	line-height: 1em;
}
#description
{
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 10px;
}
#header img.logo
{
	margin: 10px 10px 0 10px;
	clear: right;
	display: inline;
	text-align: right;
}
#header a img
{
	border: none;
}

/* menu drop down and main menu */
#mainMenu
{
	width: 980px;
	float: left;
	display: inline;
	position:relative;
	z-index: 80;
	border: solid 1px #fff;
	border-width: 1px 0;
	left:0;
}

#mainMenu h2/*,
#mainMenu .subMenu*/
{
	display: none;
}
#mainMenu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#mainMenu ul ul
{
	width: 245px;
	display: block;
}

#mainMenu li
{
	width: 245px;
	float: left;
	position: relative;
	display: inline;
	padding: 0;
	margin: 0;
}
/* Top Level menu links */
#mainMenu a, #mainMenu a:visited
{
	background-color: #2a4b5a;
	text-align: center;
	width: 245px;	
	line-height: 1.25em;
	padding: .25em 0;
	display: inline;
	float: left;
	position: relative;
	text-transform:uppercase;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}
#mainMenu ul :hover strong
{
	color: #f14f12;
}

/* subLevel menu links */
#mainMenu ul ul
{
	background: #2a4b5a;
/*	border-bottom: solid 1px #fff;
*/
}



#mainMenu ul ul.subMenu li
{
	line-height: 2em;
	margin: 0;
}
#mainMenu ul ul.subMenu a
{
	padding-left: 25px;
	background: #2a4b5a url(images/bltSubMenu.gif) no-repeat 5px center;
	color:#fff;
	display: block;
	width: 220px;
	line-height: 2em;
	text-decoration:underline;
	text-align: left;
	font-weight: normal;
}
#mainMenu ul ul.subMenu a strong
{
	font-weight: normal;
	color: #fff;
}
#mainMenu ul.subMenu a:hover
{
	color: #f14f12;
	background-color: #001522;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.homepage #mainMenu ul ul
{
	top:220px;
}
.page #mainMenu ul ul
{
	top:25px;
}
#mainMenu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	left:0; 
	width:245px;
}
/* another hack for IE5.5 */
* html .homepage #mainMenu ul ul {
	top:220px;
	t\op:221px;
}
* html .page #mainMenu ul ul {
	top:25px;
	t\op:2px;
}
/* position the third level flyout menu */
#mainMenu ul ul ul{
	left:245px; 
	top:0;
	width:245px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#mainMenu table { position:absolute; top:0; left:0; }

/* make the second level visible when hover on first level list OR link */
#mainMenu ul li:hover ul,
#mainMenu ul a:hover ul
{
	visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
#mainMenu ul :hover ul ul
{
	visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
#mainMenu ul :hover ul :hover ul{ 
	visibility:visible;
}


/*homepage menu*/
.homepage #mainMenu ul li a.hrefMainMenu
{
	height: 220px;
}

.homepage #mainMenu ul li a.tandem
{
	background: #2a4b5a url(images/bgMenuTandem.jpg) no-repeat center 2em;
}
.homepage #mainMenu ul li a.career
{
	background: #2a4b5a url(images/bgMenuCareer.jpg) no-repeat center 2em;
}
.homepage #mainMenu ul li a.aff
{
	background: #2a4b5a url(images/bgMenuAFF.jpg) no-repeat center 2em;
}
.homepage #mainMenu ul li a.sport
{
	background: #2a4b5a url(images/bgMenuSport.jpg) no-repeat center 2em;
}


#contentBody
{
	position: relative;
	float: left;
	display: inline;
}

.page #contentBody
{
	background-color: #fff;
	border: solid 1px #2a4b5a;
	border-width: 0 0 10px 0;
	color: #001522;
	padding-bottom: 15px;
}


/* page theme photos */
#contentBody div.submenu
{
	background: #fff url(images/bgGeneralTheme.jpg) repeat-y left top;
}
.tandem #contentBody div.submenu
{
	background: #fff url(images/bgTandemTheme.jpg) repeat-y left top;
}
.career #contentBody /*div.submenu*/
{
	background: #fff url(images/bgCareerTheme_new.jpg) repeat-y left top;
}.career #contentBody div.submenu
{
	background: #fff url(images/bgCareerTheme.jpg) repeat-y left top;
}
.aff #contentBody div.submenu
{
	background: #fff url(images/bgAFFTheme.jpg) repeat-y left top;
}
.sport #contentBody div.submenu
{
	background: #fff url(images/bgSportTheme.jpg) repeat-y left top;
}

/* page submenu */
.page #contentBody div.submenu
{
	width: 490px;
	height: 410px;
}
.page #contentBody div.submenu h2
{
	display: none;
}
.page ul.subMenu
{
	margin: 10px 0 0 255px;
	list-style: none;
	text-transform:uppercase;
}
.page ul.subMenu li
{
	line-height: 2em;
	text-align: left;
}
.page ul.subMenu li a, .page ul.subMenu li a:visited
{
	color: #2a4b5a;
	text-decoration: none;
	border-color: #2a4b5a;
}
.page ul.subMenu li a strong
{
	font-weight: normal;
}
.page #contentBody ul.subMenu li hr
{
	width: 200px;
	height: 1px;
	color: #2a4b5a;
}
/*page content area*/
.page #contentBody div.content
{
	width: 490px;
	height: auto;
}
.page #contentBody div.content h1
{
	font-size: 1.5em;
	margin: 0;
	line-height: 2em;
}
.page #contentBody div.content p,
.page #contentBody div.catlinkspage ul.clplinklist
{
	margin: .5em 25px .5em 10px;
}
.page #contentBody div.content p img
{
	margin: 5px;
	padding: 3px;
	border: solid 1px #001522;
	height: auto;
	max-width: 430px;
	display: inline;
	width:expression(this.width > 430? "430px": "auto" );
	display:expression(this.width > 430? "block": "inline" );
}

.page #contentBody div.content ul.lstLinks *
{
	list-style: none;
	margin: 0;
	padding: 0;
}
.page #contentBody div.content ul.lstLinks .linkcat
{
	clear: both;
}	
.page #contentBody div.content ul.lstLinks li.linkcat h2
{
	margin: 10px 10px 0 0;
	color: #fff;
	background-color: #2a4b5a;
	padding: 2px;
	text-align:center;
	display: block;
	position: relative;
}

.page #contentBody div.content ul.lstLinks ul li
{
	list-style: none;
	display: inline;
	float: left;
	position: relative;
	width: 220px;
	margin: 5px 15px 5px 0;
}
.page #contentBody div.content ul.lstLinks a
{
	color: #2a4b5a;
	text-decoration: none;
}
ul.lstLinks li a img
{
	border: 0;
	max-width: 220px;
	display: inline;
	position: relative;
	height: auto;
	width: expression(this.width > 220? "220px": "auto" );
}
h1, h2
{
	text-transform:uppercase;
	line-height: 1em;
}
h2
{
	font-weight: normal;
	font-size: 1.2em;
}
h1 strong,
h2 strong
{
	color: #f14f12;
}
h2 strong
{
	font-weight: normal;
}
#contentBody h2,
#contentBody p
{
	margin: 1em 10px .5em;

}
#contentBody p
{
	margin: .5em 10px;
	text-align: justify;
}
#contentBody a,
#contentBody a:visited
{
	border-bottom: solid 1px #f14f12;
}
#contentBody a:hover
{
	border-bottom: solid 1px #fff;
}

/* news items list */
ul.newsList
{
	margin: .5em 10px;
}
ul.newsList li
{
	list-style: none;
	margin: .5em 0;
}
.newsList small
{
	display: block;
}

/* general */
a
{
	color: #f14f12;
	text-decoration:none;
}
.readmore
{
	clear: both;
}
.alignLeft
{
	display: inline;
	position: relative;
	float: left;
}

.alignRight
{
	display: inline;
	position: relative;
	float: right;
	text-align: right;
}
.col1_4
{
	width: 245px;
}
.col1_2
{
	width: 490px;
}
form
{
	display: inline;
	width: 490px;
}
form textarea
{
	width: 200px;
}
.contactform form textarea
{
	width: 300px;
}
.contactfor .contactleft
{
	text-align: left;
}
form p
{
	text-align: left;
	display: block;
	clear: both;
}
form p.alignLeft
{
	clear: none;
}
form label,
span.label
{
	width: 240px;
	display: inline;
	float: left;
	clear: right;
	vertical-align: bottom;
	line-height: 1.5em;
}
input,
select
{
	margin: .25em 0;
	line-height: 1.5em;
}
form label.lblRadio
{
	float: none;
	display: inline;
/*	clear: right;
*/	line-height: 1.5em;
}

#mapNz
{
	margin: 0 10px;
}
#container
{
	position: relative;
	float: left;
	height: auto;
	width: 980px;
	display: inline;
}
#footer
{
	display: inline;
	position: relative;
	float: left;
	width: 980px;
	clear: both;
	text-align: center;
	margin: 10px auto;
}
#footer address
{
	font-size: 1.2em;
}
#footer address,
#footer address *
{
	color: #fff;
	font-weight: normal;
	font-style:normal;
}
#footer address strong
{
	color: #f14f12;
}
#footer address a
{
	border-bottom: solid 1px #fff;
}
#footer address a:hover
{
	border-bottom: solid 1px #f14f12;
}