body { 
	font-family: "Arial", Verdana, Helvetica, sans-serif;
	font-size: 75%;
	color: #333; 
	background-color:#fff;
	background-image: url('../images/nwk-bg.jpg');
	background-repeat: repeat-x;
		padding:0;
	text-align:center;
	}
	
/* Come on Skippy throw another leg on the barbie */

#skip-links {
	display:none;
	}

.skip-links {
	display:none;
	}


a {
	padding-bottom:1px;
	background:url(../images/nwk-link-dots.gif) repeat-x 0 100%;
}
a:link, a:visited { color:#ED6109; text-decoration:none; font-weight: bold; background:transparent;}
a:hover, a:active, a:focus { color:#074E8C; text-decoration:none; font-weight: bold; background:transparent;}

h2 a:link, h2 a:visited, h2 a:hover, h2 a:active, h2 a:focus  {font-weight: normal;}
#h2-container {
	float:right; 
	width: 415px;
	padding-right: 50px;
	
}

#h2-container a:link, #h2-container a:visited, #h2-container a:hover { background: transparent; color: #66CCFF}
#h2-container a:hover { text-decoration: underline}



h2, h3, h5, h6 { font-weight:normal; 	letter-spacing: -0.03em;}
h3 {
	color:#444;
	margin:10px 0 10px 0;					
	background:#efefef url(../images/nwk-heading-bg.jpg) repeat-x left top;
	padding:15px 10px;
	font:1.8em Arial, Helvetica, sans-serif;
}
h3 a:link, h3 a:visited, h3 a:hover, h3 a:active, 
dt a:link, dt a:visited, dt a:hover, dt a:active { text-decoration:none; font-weight: bold;}

h2 { text-align: left; font-size:2.2em; margin:1.5em 0 0.3em 0;  color:#333; 	background:#093769 url(../images/h2-bg.jpg) repeat-x left top;
	letter-spacing:-0.1em;}
	
h4 { font-size:1.1em; font-weight: bold; padding:7px 7px 0px 15px;}
h5, h6 { font-size:1.1em; }
.abbr, abbr, acronym {
	font-style:normal;
	border-bottom:1px dotted #999;
	cursor:help;
	font-size:0.9em;
	letter-spacing:0.1em;
	text-transform:uppercase;
}



/* I command and rule, mwhahaha */
div.hr {
  height: 3px;
  background: url(../images/nwk-hr.gif) no-repeat scroll center;
  padding:50px 10px 10px 0px;
  }
div.hr hr {
  display: none;
}





address { font-style:normal; }
dl { padding:7px 7px 2px 15px; margin-bottom:1em; }
dt { font-weight:bold; margin-bottom:0.2em; }
dd { margin-left:20px; }
ol { margin-bottom:1em; }
img { border:none; }






#sizer {
	margin:0 auto 0 auto;
	padding:0;
	}
#expander {
	margin:0;
	min-width:980px; 
	position:relative;
}


/* THIS KILLS IE6 in PHPBB 3, ADD AT OWN RISK, HAVE A FIRE BLANKET READY
* html #expander { height:0; }
*/


#wrapper { 
	width:920px; 
	text-align:left;
	margin: 0 auto 0 auto;
}



#header-container {
/* Anchor link sets header out by margin-top: 15px;*/
padding: 0;
}

#header {
	width:100%;
	max-height: 110px;
	min-height: 110px;
	height:110px;
	margin:0 auto 10px auto;
	text-align:left; 
	position:relative;
	background:  url(../images/header-pic-logo.jpg) no-repeat left top;
}
#header ul { 
width: 880px;
	position:absolute; 
	list-style-type:none; 
	top: 100px;
	left: 0;
	right:0; 
	bottom:0;
	margin: auto;
	text-transform: uppercase;
	/*background:#ED6109;*/
	color: #fff;
	
}

/* Hackaroo for oh so lovely IE */
#header li {
	float:left;	
	}
html>body #header li {
	float:left;
	/*border-bottom:1px solid #fff;*/
	}


#header li a { 
	display:block; 
	padding:7px 15px 9px 15px; 
	color:#fff; 
	text-decoration:none; 
	font-weight: bold;
	float:left; 
	font-size:97%; 
/*	border-right:1px solid #042550;*/
	background: #E05200 url(../images/header-li-a.jpg) repeat-x;
}
#header li a:hover, #header li a:active, #header li a:focus { background: #FD9518 url(../images/header-li-hover.jpg) repeat-x; color: #fff; 
/*removed, causes problems with ie6 border-bottom:5px solid #FE5917;*/ }

#header #current { background: #FD9518 url(../images/header-li-hover.jpg) repeat-x; color: #fff; cursor: default;}
#current { background: #FD9518 url(../images/header-li-hover.jpg) repeat-x; color: #fff; cursor: default;}

h1 a {
	display:block;
	width:136px;
	height:99px;
	padding:0;
	margin:0;
	text-decoration:none; 
	background:none;
}
h1 {
	width:136px;
	height:99px;
	padding:0;
	margin:0;
	font-size:90%;
	text-indent:-9000px;
	font-weight:normal;

}
/* \*/ h1 { overflow:hidden; } /* */
/*#skip { 
  color:#fff;
  text-align:right;
}
#skip a, #skip a:hover, #skip a:visited {
	position:absolute;
	right:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}
#skip a:active, #skip a:focus { 
	position:static; 
	width:auto; 
	height:auto;
}
*/
#container {
	clear:both;
	background: none;
}
#banner {
	background: url(../images/nwk-picture.jpg) no-repeat left top;
	height:214px;
	width: 100%;
}

#breadcrumb { padding-top:10px; padding-left:10px; }
#breadcrumb p { margin:0; padding:0; }




#menu {
	float:left;
	width:189px;
	background:#fff url(../images/nwk-menu-top.gif) no-repeat left top;
	color: #333;
	margin:0 0 0 0;
	padding:24px 0 0 0;
}
#menu img { border:none; }
#menu ul {
	font-weight:bold; 
	color: #333;
	list-style-type:none;
	border-top:1px solid #3C84BF;
	background:#6AA3D0 url(../images/nwk-menu-bottom.gif) no-repeat left bottom;
	padding-bottom:25px;
}
#menu ul ul { border-top:0; background:none; padding-bottom:0; }
#menu ul ul ul{ border-top:0; background:none; padding-bottom:0; }
#menu ul li a {
	background-color:#6AA3D0;
	background-image:none;
	border-top:1px solid #bcd;
	border-bottom:1px solid #3C84BF;
	color:#fff;
	display:block;
	padding:0 5px 0 10px;
	text-decoration:none;
	width:174px;
}
#menu ul ul li a {
	padding:0 5px 2px 20px;
	width:164px;
	border-top:1px solid #0F6DCD;
	border-bottom:1px solid #0F6DCD;
	background-color: #0F6DCE;
	color: #fff;
}
#menu ul ul a:hover {color: #fff; background-color: #0B5CAD; }

#menu ul ul ul li a {
	padding:0 5px 0 30px;
	width:154px;
}
#menu a:hover, #menu a:focus { color:#fff; background-color:#69C; text-decoration:none; }
#menu #on, #menu #current2 { color:#fff; background:#6AA3D0 url(../images/nwk-menu-arrow.gif) 0% 50% no-repeat; cursor: default;}

#sidebar-container {
	float:left;
	padding: 0;
	margin: 0;
	width: 200px;
	}
	
#content-wrapper {
	float: right;
	padding: 0;
	margin: 0;
	width: 550px;
}
	
	
#sidebar {
	width:189px;
	background:#fff; /*url(../images/nwk-side-top.gif) no-repeat right top;*/
	color: #333;
	margin:10px 0;
	padding-top:10px;
}
.padding { 	color: #333; padding:10px; background:#D9E6C8 url(../images/nwk-side-bottom.gif) no-repeat left bottom; }
#sidebar h3 { margin-top:0; font-size:1.0em; color:#666; background: #333;}
#sidebar ul { margin-left:0px; margin-bottom:10px; border-top:0px solid #fff; background: url(../images/content-bg.png) no-repeat; }
#sidebar ul li a {
background-color: #fff;
color: #333;
	background-image:none;
	border-top:1px solid #f1f1f1;
	border-bottom:1px solid #fff;
	display:block;
	padding:0 0px 0 0px;
	text-decoration:none;
	width:174px;
	}
#sidebar a:hover, #sidebar a:focus { background-color:#fff; color: #333; text-decoration:none; }
#sidebar li { list-style-type: none; }

#sidebar p { margin-bottom:10px; }
#sidebar dt { margin-top:5px; }


	
#content { margin:0 9px 0 209px; background: #fff;/* url(../images/content-bg.png) no-repeat middle right;*/ color: #333;}
#content p, #content pre { margin-bottom:1em; font-size:1.1em; padding:7px 7px 7px 15px;}
#content h2 { color:#444;
	margin:10px 0 10px 0;					
	background:#efefef url(../images/nwk-heading-bg.jpg) repeat-x left top;
	padding:10px 10px;
	font-size:1.8em;
	text-align: left;}
	
	
#content ul { margin-left: 30px; margin-bottom:1em; padding-left: 15px; list-style-image:url(../images/nwk-li.gif);}
#content li { margin-left:30px; margin-right: 5px; font-size: 100%; padding: 0 0 0 0; }
#content img { padding: 3px; border: 2px solid #FF9751;}
#content a:visited img, #content a:active img { padding: 3px; border: 2px solid #FF9751;}
#content a:hover img{ padding: 3px; border: 2px solid #38c;}




#content a[href*="http"] {
	padding-right:0px;
	background:url(../images/link-out.gif) right top no-repeat;
	margin-right:2px;
}
#content a[href*="contact.html"], #content a[href*="consultation.html"] {
	padding-right:0px;
	padding-top:10px; 
	background:transparent url(../images/aemail.gif) 100% 50% no-repeat; 
	margin-right:5px;
}
.holder a { background:none;}
.holder { margin-top:30px;}
.holder ul li { list-style-type:none; background: #fff; 	color: #333;}
#content .holder li a { background: #E3ECD7; padding:2px 5px; width:200px; display:block;	color: #333;}
#content .holder li li a {  background: #fff; border-bottom:1px #eee solid; 	color: #333; }
#content .holder li { padding:0; margin:0; }
img.templates { border:1px solid #555; }
/* http://positioniseverything.net/easyclearing */
.clearfix:after {
    content: "."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}


* html .clearfix {height:1%;}
.clearfix {display:block;}












#footer-container {clear:both; padding: 0; background: url(../images/footer-container-bg.jpg) repeat-x left bottom; }



#footer { width: 770px; height: 175px; clear:both; text-align:left;  margin:auto; padding: 0; background: url(../images/footer-pic-logo.jpg) no-repeat right bottom; }
#footer li { display:inline; padding:0 2px; list-style-type:none; }
#footer a:link, #footer a:visited,#footer a:hover, #footer a:active {}
#footer img { float:left; padding-bottom:1em; }
#footer p { padding:8px 0; }










form { margin-bottom:20px;}
form#fm input, form#fm textarea {
	width:200px;
}
form#fm input.checkbox, form #fm input.radio {
	width:20px;
}
form#fm input.button {
	width:110px;
}
input:focus,
textarea:focus {background:none;	color: #333;}
.errors {
	font-weight:bold; 
	background:#f00; 
	color: #fff;
}
/*REM because of CForm below#content fieldset {
	font-size:0.9em;
	border:0;
	margin-top:10px;
	padding:0 10px;
	background:#eee;
		color: #333;
}
#content fieldset legend {
	padding:2px 7px 2px 7px;
	border:0px solid #ddd;
	background:#fff;	color: #333;
}
#content fieldset p {
	padding:3px;
}
#content fieldset label {
	float:left;
	width:11em;
	padding-top:3px;
}
#content fieldset.list label {
	float:none;
	padding-bottom:10px;
}
#content fieldset div {
	clear:both;
	padding:7px 3px 7px 3px;
	border-bottom:1px solid #ddd;
}

*/

button { margin-top: 10px }






* { padding:0; margin:0; }








/************************************GALLERY****************************/

body { 
	background-image: url('../images/nwk-bg-gallery.jpg');
	background-repeat: repeat-x;
	}
#breadcrumb { padding-top:20px; padding-left:10px; }
/* Hackaroo for oh so lovely IE */
#header li {
	float:left;	
	}
html>body #header li {
	float:left;
	/*border-bottom:0px solid #fff;*/
	}

#content { margin:0 9px 0 209px; 
	background: #fff; /*url(../images/content-bg.png) no-repeat top right; */color: #333;}
#content p, #content pre { margin-bottom:1em; font-size:1.1em; padding:7px 7px 7px 15px;}
#content h2 { font:2.2em Arial, Helvetica, sans-serif; }
#oatright ul { margin-bottom:1em; list-style: none; }
#content li { margin-left:30px;}
#content img, #content a:visited img, #content a:active img { padding: 3px; border: 2px solid #FF9751;}
#content a:hover img{ padding: 3px; border: 2px solid #38c;
}



/*********************************ARTICLES**********************************/
#content-wrapper {
	float: right;
	padding: 0;
	margin-top: 30px;
	width: 700px;
	}
	
	#content { margin:0 9px 0 0; height: 100%;
	
	/*Fixes Koi background problem with CMS and Good ole ie6*/
	min-height:500px;
    height:auto !important;
    height:500px; 
	}

#sidebar-container {
	float:left;
	padding: 0;
	margin-top: 40px;
	width: 189px;
	}
	

	
h2, h3, h5, h6 { font-weight:normal; letter-spacing: 0em;}
	
h4 { font-size:1.6em; /*background-color: #FF6600; color: #fff; */font-weight: bold; padding:7px 7px 0px 15px;}

h2 { text-align: left; font-size:2.2em; margin:1.5em 0 0.3em 0;  color:#333; 	background:#093769 url(../images/h2-bg.jpg) repeat-x left top; letter-spacing:0em;}


.totop { float: right; }










/***************FORUM**********************/
a:link, a:visited { color:#074E8C; text-decoration:none; font-weight: bold; background:transparent;}
a:hover, a:active, a:focus {  color:#ED6109; text-decoration:none; font-weight: bold; background:transparent;}


h2 { text-align: left; font-size:2.2em; margin:1.5em 0 0.3em 0;  color:#333; 	background: none;
	letter-spacing:-0.1em;}
	
	.postbody .content {
	font-size: 1.3em;
}
dt {font-weight: normal}


a.forumtitle, a.forumtitle:active, a.forumtitle:visited, a.forumtitle:hover{font-weight: bold;}
a.topictitle, a.topictitle:active, a.topictitle:visited, a.topictitle:hover{font-weight: bold;}

h2 a:link, h2 a:visited, h2 a:hover, h2 a:active, h2 a:focus  {float:none}


#menu ul li a {
	font-weight: bold;
}




#search-box {padding-right: 20px;}


#wrap {width: 700px!important;}
#page-body #register dl {width: 700px!important;}
#page-body #register select#tz option {width: 400px!important;}