/* CSS Document */

/* hyperlinks */

a:link {
color: #003366;
	}
	
a:visited {
color: #CC3300;
	}
	
a:hover {
	}
	
a:active {
	}

/* header */

#header {
	background: #CC3300;
	border-bottom: #993300 3px solid;
	}
	
#header h1 {
	margin: 0;
	padding: 25px 25px 25px 40px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 150%;
	color: #FFFFFF;
	}
	
/* message row */

#message {
	margin: 0;
	padding: 10px;
	font-size: 90%;
	color: #FFFFFF;
	text-align: center;
	background-color: #003366;
	}
	
/* layout structure */

#wrap {
	min-width: 500px;
	max-width: 1600px;
	background: repeat-y 70% 0;
	background-image: url(http://www.nwrkpa.co.uk/images/wrap-bg.png);
	}

#content {
	float: left;
	width: 70%;
	font-size: 95%;
	line-height: 1.5em;
	}
	
#sidebar {
	float: right;
	width: 30%;
	}

/* gutters */

#content .gutter_a {
	background: #003366;
	padding: 0 0 0 15px;
	}

#content .gutter_b {
	background: #FFFFFF url(http://www.nwrkpa.co.uk/images/box-top.png) no-repeat top left;
	}

#content .gutter_c {
	background: url(http://www.nwrkpa.co.uk/images/box-btm.png) no-repeat bottom right;
	padding: 25px;
	}

#sidebar .gutter {
	padding: 0 15px 15px 15px;
	}

/* main body */

body {
	margin: 0;
	padding: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #FFFFFF;
	}	
	
/* content*/

#content h2 {
	margin: 0 0 1em 0;
	padding: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight: normal;
	color: #666666;
	}
	
/* top article */

#article_top {
	margin: 15px 0 0 0;
	padding: 15px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	line-height: 1.5em;
	color: #666666;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	}

/* article */

#article {
	margin: 15px 0 0 0;
	padding: 5px 15px 15px 15px;
	border-bottom: 1px solid #666666;
	line-height: 1.5em;
	color: #666666;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	}
	
/* top article with image - 100px max width of images or else text wraps */

dl.article_image_top {
	margin: 15px 0 0 0;
	padding: 20px 15px 15px 15px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	} 

dl.article_image_top:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
dl.article_image_top dt {
	margin: 0 0 0.5em 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 140%;
	color: #666666;
	}
	
dl.article_image_top dt img {
	float: left;
	margin: 0 15px 0 0;
	padding: 0 4px 4px 0;
	}
	
dl.article_image_top dd {
	margin-left: 119px;
	line-height: 1.5em;
	color: #666666;
	}
	
/* following articles with image - 100px max width of images or else text wraps */
		
dl.article_image {
	margin: 15px 0 0 0;
	padding: 5px 15px 15px 15px ;
	border-bottom: 1px solid #666666;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	} 

dl.article_image:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
dl.article_image dt {
	margin: 0 0 0.5em 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 140%;
	color: #666666;
	}
	
dl.article_image dt img {
	float: left;
	margin: 0 15px 0 0;
	padding: 0 4px 4px 0;
	}
	
dl.article_image dd {
	margin-left: 119px;
	line-height: 1.5em;
	color: #666666;
	}

/* sidebars */

.box {
	margin: 0 0 20px 0;
	padding: 0 0 12px 0;
	font-size: 85%;
	line-height: 1.5em;
	color: #666666;
	background: #FFFFFF url(http://www.nwrkpa.co.uk/images/box-btm.png) no-repeat bottom right;
	}
	
.box h3 {
	margin: 0;
	padding: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-weight: normal;
	color: #666666;
	background: #FFFFFF url(http://www.nwrkpa.co.uk/images/box-top.png) no-repeat top left;
	}

.box ul {
	margin: 0;
	padding: 0 0px;
	}
	
.box p {
	margin: 0;
	padding: 0 12px;
	}
	
.box ul li {
	margin: 0 0 0 12px;
	padding: 0 0 0 0;
	list-style: none;
	}
		
/* footer */

#footer {
	clear: both;
	background: #003366;
	}
	
#footer p {
	margin: 0;
	padding: 15px;
	font-size: 85%;
	color: #003366;
	}
	
/* footer bottom */

#footer_bottom {
	clear: both;
	background: #CC3300;
	border-top: #993300 3px solid;
	}
	
#footer_bottom p {
	margin: 0;
	padding: 15px;
	font-size: 85%;
	color: #FFFFFF;
	}
	
	
/* hacks */

/* Hide from IE5/Mac \*/
* html #footer { height: 1%; }
/* End hide from IE5/Mac */

dl.article_image_top { display: inline-table; }

/* Hide from IE/Mac \*/
* html dl.article_image_top { height: 1%; }
dl.article_image_top { display:block; }
/* End hide from IE/Mac */

dl.article_image { display: inline-table; }

/* Hide from IE/Mac \*/
* html dl.article_image { height: 1%; }
dl.article_image { display:block; }
/* End hide from IE/Mac */