/*-------------------------------------KC STYLESHEET---------------------------*/
/*to overcome idiosyncratic browser defaults:*/
html, body {
  margin: 0;
  padding: 0px;
  border: 0px;
}

/*this box is meant to hold the entire page within a container*/
div.page {
	width: 100%;
	height: 100%;
	background-color: transparent;
   padding: 0px;
   border: 0px;
}


/*-------------------------------------PAGE BACKGROUNDS---------------------------*/

/*--------blue bkg:-----------*/
div.page1{
	width: 968px;
	height: 578px;
	margin: 0; border: 0; padding: 0;
	background-attachment: relative;
	background-image: url(images/index.png);
	background-repeat: no-repeat;
	background-position: center;
}

/*--------NO bkg:-----------*/
div.page2{
	width: 968px;
	height: 578px;
	margin: 0; border: 0; padding: 0;
	background-attachment: relative;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center;
}


/*---------------------------------------- TOP LOGO (holds LOGO & title):----------------------------------------------------------------*/
div.box0 {
margin: 10px 0 0 0;
padding: 0 0 0 0;
border: none;
border-width: none;
border-color: none;
width: 100%; height: 120 px;
background-image: url(images/topbar.png);
background-position: top right;
background-repeat: no-repeat;
float: right;
}


/*---------------------------------------- TOP NAV BOX (holds top nav ID):----------------------------------------------------------------*/
div.box1 {
margin: 0 0 0 0;
padding: 0 0 0 0;
border: none;
width: 100%;
background-color: transparent;
float: right;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
text-decoration: none;
}

/*nav ID code HORIZONTAL little top ones-------------------------------------------------------*/
#navigationtop {
font-size: 80%;
}
#navigationtop ul {
list-style: none;
margin: 0 0 0 30%;
padding: 0;
padding-top: 1em;
}
#navigationtop li {
display: inline;
}
#navigationtop a:link, #navigationtop a:visited {
padding: 0.4em 1em 0.4em 1em;
color: #fbca27;
background-color: #none;
text-decoration: none;
border: none;
}

#navigationtop a:hover {
color: #70a1c8;
text-shadow: black;
background-color: transparent;
text-decoration: none;
}

/*--orange colour:"you are here"--*/
#navigationtop li a#current{
background-color: transparent;
color: #3379b1;	
text-decoration: none;
}

/*--manifests in sidebar:"you are here"--*/
#navigationtop li a#current2{
background-color: transparent;
color: #3379b1;	
text-decoration: none;
}

/*---------------------------------------- 2nd NAV BOX (holds main nav ID):----------------------------------------------------------------*/
div.box2 {
margin: 0 0 0 0;
padding: 0 0 0 0;
border: none;
border-width: none;
border-color: none;
width: 100%;
background-color: transparent;
float: right;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
text-decoration: none;
}


/*nav ID code MAIN, HORIZONTAL------------------------------------------------------------------*/
#navigation {
font-size: 90%;
}
#navigation ul {
list-style: none;
margin: 0 0 0 20%;
padding: 0;
padding-top: 1em;
}
#navigation li {
display: inline;
}
#navigation a:link, #navigation a:visited {
padding: 0.4em 1em 0.4em 1em;
color: #ffffff;
background-color: #fbca27;
text-decoration: none;
border-top: none;
border-right: solid; border-color: #3379b1;
border-right-width: thin;
border-bottom: none;
border-left: none; 
}

#navigation a:hover {
color: #70a1c8;
background-color: #fbca27;
}

/*--"you are here"--*/
#navigation li a#current{
background-color: #fbca27;
color: #3379b1;	
}

/*--sub-link--*/
#navigation li a#sublink{
background-color: #fbca27;
color: #a90dbc;	
}
/*---------------------------------------- page BOXes:----------------------------------*/

/*SIDEBAR--box3, body left-------------------------------------------------------------*/
div.box3 {
background-image: url(images/sidebarbkg.png);
background-position: top right;
background-repeat: no-repeat;
color: #66839b;
border: 0 0 0 5%;
width: 40%;
margin: 0 0 0 0;
padding: 0 0 0 0;
float: left;
}

/*SIDEBAR--box3, body leftLOTS O SIDEBAR TEXT-------------------------------------------------------------*/
div.box3a {
background-image: url(images/sidebarlong.png);
background-position: top right;
background-repeat: no-repeat;
color: #66839b;
border: 0 0 0 5%;
width: 40%;
margin: 0 0 0 0;
padding: 0 0 0 0;
float: left;
}

/*SIDEBAR--box3, SUPER LONG-------------------------------------------------------------*/
div.box3b {
background-image: url(images/sidebarsuperlong.png);
background-position: top right;
background-repeat: no-repeat;
color: #66839b;
border: 0 0 0 5%;
width: 40%;
margin: 0 0 0 0;
padding: 0 0 0 0;
float: left;
}

/*SIDEBAR--box3, SUPERSUPER LONG!!-----------------------------------------------------*/
div.box3c {
background-image: url(images/sidebarsuperduperlong.png);
background-position: top right;
background-repeat: no-repeat;
color: #66839b;
border: 0 0 0 5%;
width: 40%;
margin: 0 0 0 0;
padding: 0 0 0 0;
float: left;
}

/*-------------------MAIN BODY OF PG----------------------------------------------*/
div.box4 {
color: #66839b;
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
width: 55%;
background-color: transparent;
margin: 0%;
padding: 0%;
float: right;
}


/*-------------------MAIN BODY OF PG, NO SIDEBAR!!----------------------------------------------*/
div.box6 {
color: #66839b;
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
width: 78%;
background-color: transparent;
margin: 0 0 0 0;
padding: 0%;
float: right;
}


/*-------------------text categories---------------------------------------------------*/

h1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-weight: normal;
	font-size: 15pt;
	text-align: left;
	color: #66839b;
	margin: 0 0 0 0;
}


h2{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 14px;
font-weight: bold;
color: #66839b;
background-color: transparent;
text-align: left;
line-height: 135%;
text-decoration: none;
margin: 0 0 0 0;
padding: 0px;
border: 0px;
}


h3{
	font-family: Verdana, Geneva, Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: bold;
color: #66839b;
background-color: transparent;
text-align: left;
line-height: 135%;
text-decoration: none;
margin: 0;
padding: 0px;
border: 0px;
}

/*----------------plain body text(main use):---------------------------*/
p {
font-family: Verdana, Geneva, Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: normal;
color: ##66839b;
background-color: transparent;
text-align: left;
line-height: 135%;
text-decoration: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0px;
}

/*----------------INDENTED body text:---------------------------*/
.pindent {
font-family: Verdana, Geneva, Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: normal;
color: ##66839b;
background-color: transparent;
text-align: left;
line-height: 135%;
text-decoration: none;
margin: 0 0 0 5%;
padding: 0 0 0 0;
border: 0px;
}
/*----------------plain body text in small caps:---------------------------*/
.p2 {
font-family: Verdana, Geneva, Arial,Helvetica,sans-serif;
font-size: 15px;
font-weight: normal;
color: #66839b;
background-color: transparent;
text-align: left;
line-height: 135%;
font-variant: small-caps;
text-decoration: none;
margin: 0 0 0 0;
padding: 0 0 0 5px;
border: 0px;
}


/*----------------SIDEBAR TEXT:---------------------------*/
.pside {
float: right;
width: 40%
font-family: Verdana, Geneva, Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: normal;
color: #66839b;
background-color: transparent;
text-align: right;
line-height: 135%;
text-decoration: none;
margin: 0 5% 0 50%;
padding: 0 5px 0 5px;
border: 0px;
}



img.no-border {
	border: none;
	padding: 0; margin: 0;
}

/*----------used for home pg img:-------------------------------*/
.thumbnail{
float: right;
position: relative;
border: none;
margin: 0 0 0 0;
padding: 0;
background-color: transparent;
}

/*----------used for sidebar ornament img:-------------------------------*/
.thumbnail2{
float: right;
text-align: center;
position: relative;
border: none;
margin: 0;
padding: 0 15% 0 60%;
background-color: transparent;
}


/*-----------------------------box for FOOTER------------------------------------------------*/
div.box5 {
clear: both;
border-top: double;
border-right: none;
border-bottom: none;
border-left: none;
border-color: #fbca26;
width: 80%;
float: right;
margin: 0px;
padding: 0px;
}

/*---------------- small body text, for footer:---------------------------*/
.p2 {
font-family: Verdana, Geneva, Arial,Helvetica,sans-serif;
font-size: 8px;
font-weight: bold;
font-variant: small-caps;
color: #66839b;
background-color: transparent;
text-align: right;
line-height: 145%;
text-decoration: none;
margin: 0;
padding: 0px;
border: 0px;
}

.clearboth { clear: both;
text-decoration: none; }

.span1 {
font-size: smaller; 
vertical-align: text-top;
text-decoration: none;
}