/* body - layout control for entire site */
body {
  margin: 0px;
  padding: 0px;
  background-color: #FFFFFF;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}

/* container - dictates positioning of entire site */  
#container {
  position: relative;
  width: 800px;
  margin: 15px auto;
}

/* header - KP flash banner at the top of the page */ 
#header {
	width: 800px;
	margin: 0px;
	padding: 0px;
}
  
/* Content holder */
#contentholder {
	background-image: url(../images/bck.jpg);
	background-position: left;
	background-repeat: repeat-y;
	padding: 0px;
	margin: 10px 0px 10px 0px;
}

/* centralcontent - content area positioned centrally*/ 
#centralcontent {
	margin: 0px;
	padding: 0px;
	color: #999999;
	width: 630px;
	float: right;
}

/*Introduction sat at the top of the page central content area*/
#introduction {
	border-color: #0099FF;
	border-style: solid;
	border-width: 7px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
#introduction h1 {
	color: #0099FF;
	padding: 10px 5px 5px 330px;
	margin: 0px;
	font-size: 16px;
}
#introduction a {
	display: block;
	text-decoration: none;
	color: #666666;
	padding: 0px 5px 5px 330px;
	margin: 0px;
	font-size: 12px;
}
#introduction a:hover, #introduction a:focus{
	color: #333333;
	text-decoration: underline;
}
#introductionpicture {
	float: left;
	width: 320px;
	padding: 0px;
}

/* Left column of central content*/
#leftblocks {
	margin: 10px 0px 0px 0px;
	float: left;
	width: 310px;
}


#firstleft {
	border-color: #003399;
	border-style: solid;
	border-width: 7px;
	background-color: #FFFFFF;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#firstleft h1 {
	color: #003399;
	padding: 3px 5px 0px 5px;
	margin: 0px;
	font-size: 16px;
}
#firstleft a {
	display: block;
	text-decoration: none;
	color: #666666;
	padding: 3px 5px 3px 5px;
	margin: 0px;
	font-size: 12px;
}
#firstleft a:hover, #firstleft a:focus{
	color: #333333;
	text-decoration: underline;
}


#secondleft {
	border-color: #009999;
	border-style: solid;
	border-width: 7px;
	background-color: #FFFFFF;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#secondleft h1 {
	color: #009999;
	padding: 3px 5px 0px 5px;
	margin: 0px;
	font-size: 16px;
}
#secondleft a {
	display: block;
	text-decoration: none;
	color: #666666;
	padding: 3px 5px 3px 5px;
	margin: 0px;
	font-size: 12px;
}
#secondleft a:hover, #secondleft a:focus{
	color: #333333;
	text-decoration: underline;
}


#thirdleft {
	border-color: #6666CC;
	border-style: solid;
	border-width: 7px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
#thirdleft h1 {
	color: #6666CC;
	padding: 3px 5px 0px 5px;
	margin: 0px;
	font-size: 16px;
}
#thirdleft a {
	display: block;
	text-decoration: none;
	color: #666666;
	padding: 3px 5px 3px 5px;
	margin: 0px;
	font-size: 12px;
}
#thirdleft a:hover, #secondleft a:focus{
	color: #333333;
	text-decoration: underline;
}

/* Right column of central content*/
#rightblocks {
	margin: 10px 0px 0px 0px;
	float: right;
	width: 310px;
}

#firstright {
	border-color: #FF9900;
	border-style: solid;
	border-width: 7px;
	background-color: #FFFFFF;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#firstright h1 {
	color: #FF9900;
	padding: 3px 5px 0px 5px;
	margin: 0px;
	font-size: 16px;
}
#firstright a {
	display: block;
	text-decoration: none;
	color: #666666;
	padding: 3px 5px 3px 5px;
	margin: 0px;
	font-size: 12px;
}
#firstright a:hover, #firstright a:focus{
	color: #333333;
	text-decoration: underline;
}

#secondright {
	border-color: #CC0033;
	border-style: solid;
	border-width: 7px;
	background-color: #FFFFFF;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#secondright h1 {
	color: #CC0033;
	padding: 3px 5px 0px 5px;
	margin: 0px;
	font-size: 16px;
}
#secondright a {
	display: block;
	text-decoration: none;
	color: #666666;
	padding: 3px 5px 3px 5px;
	margin: 0px;
	font-size: 12px;
}
#secondright a:hover, #secondright a:focus{
	color: #333333;
	text-decoration: underline;
}

#thirdright {
	border-color: #000000;
	border-style: solid;
	border-width: 7px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
#thirdright h1 {
	color: #000000;
	padding: 3px 5px 0px 5px;
	margin: 0px;
	font-size: 16px;
}
#thirdright a {
	display: block;
	text-decoration: none;
	color: #666666;
	padding: 3px 5px 3px 5px;
	margin: 0px;
	font-size: 12px;
}
#thirdright a:hover, #thirdright a:focus{
	color: #333333;
	text-decoration: underline;
}

/* Floating picture */	
.picture {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 125px;
	height: 125px;
}
	
/* Content Holder */		
#content {
	margin: 0px 0px 0px 130px;
	padding: 0px;
}


/* left column - positioned at left of page, containing navigation and misc items */ 
#leftcol {
	float: left;
	background-color: #999999;
	width: 160px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#navigation {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
#navigation ul{
	padding: 0px;
	margin: 0px;
	font-size: 12px;
}
#navigation ul li{
	padding: 3px 6px;
	margin: 0px;
	display: block;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: thin;
}
#navigation ul li a{
	color: #FFFFFF;
	display: block;
	text-decoration: none;
}
#navigation ul li a:hover, #navigation ul li a:focus{
	color: #333333;
}	
#navigation h1 {
	margin: 0px;
	padding: 4px 6px;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #333333;
	border-bottom-width: thin;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
}


#contact {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	}
#contact ul{
	padding: 0px;
	margin: 0px;
	background-color: transparent;
	list-style-type: none;
	font-size: 12px;
}
#contact ul li{
	padding: 0px;
	margin: 0px;
	color: #FFFFFF;
	padding: 3px 6px;
	text-decoration: none;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: thin;
}	
#contact h1 {
	margin: 0px;
	padding: 4px 6px;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #333333;
	border-bottom-width: thin;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
}
#contact ul li a{
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	font-weight: bold;
}
#contact ul li a:hover, #contact ul li a:focus{
	color: #333333;
}


#northlightgallery {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
#northlightgallery ul{
	padding: 0px;
	margin: 0px;
	font-size: 12px;
}
#northlightgallery ul li{
	padding: 3px 6px;
	margin: 0px;
	display: block;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: thin;
}
#northlightgallery ul li a{
	color: #FFFFFF;
	display: block;
	text-decoration: none;
}
#northlightgallery ul li a:hover, #northlightgallery ul li a:focus{
	color: #333333;
}	
#northlightgallery h1 {
	margin: 0px;
	padding: 4px 6px;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #333333;
	border-bottom-width: thin;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
}

#northlightstudio {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
#northlightstudio ul{
	padding: 0px;
	margin: 0px;
	font-size: 12px;
}
#northlightstudio ul li{
	padding: 3px 6px;
	margin: 0px;
	display: block;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: thin;
}
#northlightstudio ul li a{
	color: #FFFFFF;
	display: block;
	text-decoration: none;
}
#northlightstudio ul li a:hover, #northlightstudio ul li a:focus{
	color: #333333;
}	
#northlightstudio h1 {
	margin: 0px;
	padding: 4px 6px;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #333333;
	border-bottom-width: thin;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
}

	
/* footer - positioned at the bottom of the page to provide clear finish to site */ 
#footer {
	clear: both;
	color: #FFFFFF;
	background-color: #CCCCCC;
	margin: 0px 0px 10px 0px;
	padding: 5px 10px;
	width: 780px;
}
#footer p {
	margin: 0px;
	padding: 0px;
}
#footer a{
	color: #FFFFFF;
	text-decoration: underline;
}
#footer a:hover, #footer a:focus{
	text-decoration: none;
}

.clearit {
	clear: both;
	padding: 0px;
	margin: 0px;
}

.textholder {
	width: 171px;
	paddin: 0px;
	margin: 0px;
	float: right;
}