/* Billabong Sanctuary CSS By NQ Webdesign www.nqwebdesign.com */


/* -- GLOBAL RESET
----------------------------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,embed,object 
{
	margin:0;
	padding:0;
}

embed,object
{
	line-height:0;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

p
{
	/*overflow:auto;  Stop IE7 stupid italics & floats bug... BUT MESSES UP IE Mac */
}

/* -- DEFAULT STYLES
----------------------------------------------------------------------------------------------------------*/


p { margin-bottom: 15px; }

h1,h2,h3,h4,h5,h6
{
	font-weight:normal;
	font-size:15px;
	margin-bottom:10px;
	margin-top:10px;
}

ul,ol
{
	margin:5px 0 5px 10px;
}

ul { list-style:square; }


pre,code
{
	font: 10px/16px 'Monaco', 'Courier New', Courier, monospace;
}

form span input,
form span textarea,
form span select
{
	margin: 0;
	font-size: inherit;
	font-family: inherit;
	color:inherit;
	background-color:#FFF;
}

form input:focus,
form textarea:focus,
form select:focus
{
	color:#0B520F;
}

span#nqweb_link
{
	background:url(../images/pen.gif) left center no-repeat;
	padding:1px 0 1px 13px;
	display:block;
	float:right;
}


/* -- LAYOUT
----------------------------------------------------------------------------------------------------------*/

body
{
	background:#0D420E url(../images/layout/body.jpg) repeat fixed;
	color:#FFF;
	font: 12px/18px Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
}


div#layout-wrapper
{
	min-width:780px;
	text-align:center;
	padding:30px 0;
}

div#layout-inner
{
	margin-left:auto;
	margin-right:auto;
	width:780px;
	text-align:left;

}

div#layout-top
{
	background:url(../images/layout/header.gif) center top no-repeat;
	padding-top:20px;
	margin:0;
	
}

div#layout-main
{
	background:url(../images/layout/main.jpg) repeat-y;
	margin:0;

}

div#layout-bottom
{
margin:0;
	background:url(../images/layout/bottom.gif) center bottom no-repeat;
	height:87px;
}


div#main
{

}
div#header
{
	background:url(../images/layout/logo.gif) 10px 0px no-repeat;
	padding:5px 20px;
	text-align:right;
}

div#content, #sidebar { }
div#content { width:560px; float:left; }
div#sidebar { width:220px; float:left;}

div#content-inner
{
	padding:32px 20px 15px 40px;
	color:#0B520F;
}


div#sidebar
{
	padding:0;
}

div#side-extra
{
	padding:30px 0 15px 25px;
	color:#277823;
}

div#footer
{
	font-size:11px;
	color:#336600;
	padding:5px 20px 10px 20px;
}

div#info
{
	font-size:11px;
	color:#277823;
	padding:5px 20px 10px 20px;
	font-style:italic;
	text-align:center;
}

div#flashcontent
{

}

/*Horizontal Rule */
.hr
{
	padding-bottom:0px;
	margin:0;
	border-bottom: medium none;
	background: url('../images/dot.gif') repeat-x bottom;
}


/* -- NAVIGATION
----------------------------------------------------------------------------------------------------------*/


#navigation
{
	padding-top:40px;
	padding-left:25px;
}


/*SUBMENU*/

ul.subMenu
{
	padding:0;
	margin:0;
	width: 188px;
	list-style:none;

}

ul.subMenu li {
	color: #eee;
	background: #0B2C09;
	border-left:8px solid #176110;

}

ul.subMenu li a {
	text-decoration: none;
	color: #eee;
	width:160px;
	display: block;
	border-bottom:1px solid #245015;
	padding:2px 10px;
}

ul.subMenu li a:link, ul.subMenu li a:visited
{
	color:#eee !important;
}

ul.subMenu li a:hover
{
	color: #EEBB00 !important;
	background-color:#35611C !important;
}

ul.subMenu li:hover
{
	border-color:#4C8D23;	
}


/* -- HEADINGS
----------------------------------------------------------------------------------------------------------*/

#main h1 
{
	font-size:24px;
	line-height:22px;
	font-weight:normal;
	margin-bottom:20px;
	font-family:Times,"Times New Roman",serif;
	color:#08380B;

}

#main h2
{
	font-size:18px;
	line-height:18px;
	font-weight:normal;
	font-family:Times,"Times New Roman",serif;
	font-style:italic;
	color:#08380B;
}


/* -- LINKS
----------------------------------------------------------------------------------------------------------*/

#content a:link, #content a:visited, #info a:link, #info a:visited,
#side-extra a:link, #side-extra a:visited

{
	color:#08380B;
}

#content a:hover, #info a:hover, #side-extra a:hover
{
	background:#EEBB00;
	color:#000;
	text-decoration:none;
}


#footer a:link, #footer a:visited, #header a:link, #header a:visited
{
	color:#08380B;
	text-decoration:none;
}

#footer a:hover, #header a:hover
{
	color:#000;
	background-color:#EEBB00;
}

#nqweb
{
	padding:2px 10px;
}

#nqweb a:link, #nqweb a:visited
{
	font-size:11px;
	color:#FFF;
	text-decoration:none;
}

#nqweb a:hover
{
	color:#000;
	background-color:#EEBB00;
}

.caption
{
	font-size:11px;
	line-height:13px;
	font-weight:normal;
	margin-bottom:5px;
	color:#206C21;
	font-style:italic;
}

/* -- TABULAR DATA
----------------------------------------------------------------------------------------------------------*/

.tabularData
{
	border-collapse:collapse;
	border:none;
	width:100%;
	border-spacing:0px;
}

.tabularData thead tr
{
	background-color:#0C3257;
}

.tabularData th
{
	color:#FFFFFF;
	padding:4px;
	font-weight:normal;
}
	
.tabularData td
{
	border-bottom:1px solid #D2E2FB;
	padding:4px;
	font-size:11px;
}

.tabularData tbody tr.odd
{
	background-color:#EDF2FE;
}

/* -- SITEMAP
----------------------------------------------------------------------------------------------------------*/
ul#sitemap, ul#sitemap ul
{
	list-style:none;
	padding:0;
	margin:0 0 20px 0;
}

#sitemap li
{
	margin:0 0 3px 0;
}

#sitemap li a.parent
{
	font-size:18px;
	line-height:18px;
	font-weight:normal;
	font-family:Times,"Times New Roman",serif;
	font-style:italic;
	color:#08380B;
	
}


/* -- MISC
----------------------------------------------------------------------------------------------------------*/
.clearFloats {
	clear: both;
	height: 10px;
	line-height: 1;
}

.floatLeft
{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.floatRight
{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
.imgBorder
{
	border:2px solid #a59123;
}
body#gallery .imgBorder
{
	margin-right: 7px;
	margin-bottom: 7px;
}
body#gallery div#content-inner a:hover
{
	background: none;
}

.floatLeftBorder
{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	border:2px solid #a59123;
}

.floatRightBorder
{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	border:2px solid #a59123;
}

a img.floatRight:hover, a img.floatRightBorder:hover, a img.floatLeft:hover, a img.floatLeftBorder:hover

{
	border-color:#EEBB00;
}