/* Design for WC3 validation */
* {
	margin: 0px;
	padding: 0px;
	border: 0px;/*zeroing out the padding, border and margins removes any default settings*/
}
/*fills in space between divs in firefox

* {
	overflow:hidden;
}
*/

/*

#maindiv {min-height: 100%;} 
* html #maindiv {height: 100%;} hack for IE only

*/
select
{
border:1px solid #999999;
}
input
{
border:1px solid #999999;
}
input.submit
{
border:none;
}
textarea {
border:1px solid #999999;	
}
.clearfix:after {/*The peroid is the last thinb before the div closes*/
	content: ".";/*inline elements doin't respond to the clear property*/
	display: block;/*Ensure the peroid is not visible*/
	height: 0;/*Make the container clear the peroid*/
	clear: both;/*Further ensures the peroid is not visible*/
	visibility: hidden;/*Further ensures the peroid is not visible*/
}
.clearfix {
	display: inline-block;/*A fix for IE mac*/
}
*html .clearfix {/*the holly hack for a bug in IE6 for Windows*/
	height: 1%;
}
.clearfix {
	display: block;/*the holly hack for a bug in IE6 for Windows*/

}

table#enq input, table#enq textarea {border:1px solid #ccc; padding:3px;}
table#enq input.rad {border:0px}
table#enq td {padding:5px;}
.subheading {font-size:15px; margin-top: 25px; color:#01489A; font-weight:bold;}
.subheading1 {font-size:11px; margin-top: 25px; color:#01489A; font-weight:bold;}


/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix {
	margin-left: 3px;
}
a {
	color : #333333;
	text-decoration : none;
}
a:link {
	color : #333333;
	text-decoration : none;
}
a:visited {
	color : #333333;
	text-decoration : none;
}
a:hover {
	color : #666666;
	text-decoration : underline;
	color: #FF0000;
}
a:active {
	color : #F00;
	text-decoration : none;
}
body {
	margin: 0px;
	font : 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#01489A;
	line-height: 150%;
	text-align:left;
	background-image:url(assets/ni_int2_bkg.jpg);
	background-position:top;
	background-repeat:repeat-x;
}
a#aft:link, a#aft:visited {color:#FFF;}
a.conlink:link, a.conlink:visited {color:#01489A; text-decoration:underline}
/*layout*/

#bigwrapper {
	background-image: url(assets/nf_foot.gif);
	background-position:0 100%;
	background-repeat:repeat-x;
	width:100%;
	text-align:center;
}

div#wrapper {
	width:980px;
	margin-left:auto;
	margin-right:auto;/*border:0px solid #f00;*/
}
div#head {
	width:980px;
	height:135px;/*border:1px solid #f00;*/
	
}
div#main {
	width:980px;
	background-color:#FFF;
	/*border:1px dotted #CC0; */
	background-image: url(assets/nf_fp_bkg.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
}
div#main2 {
	width:980px;
	background-image: url(assets/nav_blue.gif);
	background-position:0 0;
	background-repeat:repeat-y;
}
div#mainint {
	width:980px;
	/*background-color:#FFF;
	border:1px dotted #CC0; */
	background-image: url(assets/nav_blue.gif);
	background-position:0 0;
	background-repeat:repeat-y;
}

div#mainint2 {
	width:980px;
	/*background-color:#FFF;
	border:1px dotted #CC0; */

}

div#nav {
	width:220px;
	float: left;
	/*background-color:#ebf3f4;
	border:1px solid #666;*/
	text-align:left;
}
div#content {
	width:720px;
	margin: 0px 0px 0 250px;
	text-align:left;
	/*border:1px solid #f00; */
	overflow:hidden;
}
div#content2 {
	width:820px;
	margin: 0px 0px 0 80px;
	text-align:left;
	/*border:1px solid #f00; */
	overflow:hidden;
}
div#panelpics {
	height:222px;
}
div.panelsm {
	padding: 29px 1px 0 0;
	float:right;
 border:0  width:179px;
	text-align:center;
}
div#foot {
	height:49px;
	background-image: url(assets/nf_foot.gif);
	background-position:0 100%;
	background-repeat:repeat-x;
	
}
div#foot p {
	padding: 20px 0 5px 0;
	font-size: 9px;
	color:#FFF;
	text-align:center;
}
/* format */
hr {
	border: 0;
	height: 2px;
	color: #999;
	background-color: #024999;
}/* hr doesn't render like IE */
p, tr, td {
	font-family : Verdana, Arial, Geneva, Helvetica, sans-serif;	
	line-height: 150%;
	text-align:left;
	color:#01489A;
	padding: 10px 0;
}
p.title {
	margin-bottom: -15px;
}
table#textures td { 

	padding:0px; margin:0px; 
	
}
table#textures td.footerB8 {
	padding: 0 5px 0 5px;
	color: #FFF;
}
table#tools td {
	text-align:center;	
}

h1 {
	color:#01489A;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	margin: 30px 0 15px 0;
}
h1.top {
	color:#FFF;
	font-size:24px;
	font-style:italic;
	padding:20px 0 30px 0;
	font-family:Arial, Helvetica, sans-serif;
}
h2 {
	color:#01489A;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	margin: 20px 0 15px 0;
}
div#panelpics h1 {
	margin: -30px 0 10px 0px;
	font-size:16px;
	color:#FFF;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
}
div#panelpics a {
	font-size:16px;
	color:#FFF;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
div#panelpics a:hover {
	text-decoration:none;
	color:#999;
}
div.list {
	width:200px;
	float:left;
	border:0px solid #999;
	padding:10px
}
div.list img {
	margin-top:-10px;
	padding-right:5px;
}
div.list p {
	margin:5px 0;
	padding:0;
	font-weight:bold;
 font-size:12px  font-style:italic;
}
div.gal {
	height:110px;
	width:110px; 
	float:left;
	margin:0 0 10px 0;
}
p.intro {
	font-size:12px;
	padding: 10px 0;
	color:#01489A;
}

#contact { text-align:right; color:#000; margin-left: 20px; margin-top: 25px;}
.cont {width:70px; text-align:left; font-weight:bold; padding:10px; vertical-align:top}
.cont2 {width:200px; text-align:left; padding:10px}


img.tick {
	margin:0 0 0 20px;
}

#fm fieldset {
	margin: 10px 0 0 30px;
}
#fm  img{
	margin: 0px 0 0 40px;
}
#fm label {
	display:block;
	color:#01489A;
}
#fm legend {
	
	color:#01489A;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	margin: 5px 0 5px 20px;
}
#fm fieldset ul {
	padding: 0;
	list-style:none;
}
#fm fieldset li {
	padding-bottom: 0.5em;
	margin:0px;
}
#fm .submit  {
	margin: 0 0 30px 10px;
}
/*miscellaneous*/

.error {
	color:#FF0000;
}
.message {
	color:#0000FF;
}
/*navigation */

#navsite p {
	display: none;
}
#navsite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: none;
	width: 220px;
	color: #01489A;
	text-align:left;
	margin: 20px 0 0 0;
}
#navsite ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navsite ul li {
	margin: 0;
	border-bottom: 1px dotted #01489a;
}
#navsite ul li a {
	display: block;
	padding: 4px 2px 4px 30px;
	color: #01489a;
	text-decoration: none;
	width: 100%;
}
html>body #navsite ul li a {
	width: auto;
}
#navsite ul li a:hover {
	color: #999;
}
/* horizontal nav from 10mins  */
ul#navigation {
	margin-left:0;
	padding-left:0;
	list-style: none;
	float:left;
	width:100%;
}
ul#navigation li {
	display:inline;
}
ul#navigation a {
	display:block;
	float:left;
	padding: .2em 1em;
	text-decoration:none;
	color:black;
	border-right:1px solid #000;
}
ul#navigation a:hover {
	padding-left:30px;
	background-color: maroon;
	color:white;
}


ul li {
	margin: 0 0 0 30px;
}