/* Kinections.com Stylesheets: Copyright 2005 Joseph C. Dolson */
body {
	background: #fff url(/images/background.gif) top left repeat-x;
	text-align: center;
	}
#outer {
	 position: relative;
	 width: 90%;
	 margin-left: auto;
	 margin-right: auto;
	 border-bottom: 1px solid #eee;
	 background-color: #009;
	 text-align: left;
	 }
#head {
	 position: relative;
	 top: 0px;
	 left: 0px;
	 width: 100%;
	 height: 129px;
	 padding: 0px;
	 background: #eef url(/images/header5.jpg) top right no-repeat;
	  }
#lefthead {
	float: left;
	}
#righthead h1 {
	float: left;
	font-size: 220%;
	font-style: italic;
	margin: 30px 0px 0px -40px;
	background: transparent;
	color: #009;
	}
#righthead h1:first-letter {
font-size: 160%;
color: #33a;
}
#separator {
	width: 100%;
	background: #FF9;
	border-top: 0px solid #009;
	height: 16px;
	text-align: right;
	color: #009;
	font-size: 80%;
	}  
#separator a {color: #009; font-weight: bold;}
#separator a:hover {color: #00F;}
#nav {
	 float: left;
	 clear: left;
	 width: 176px;
	 text-align: center;
	 background: #009;
	 } 					

#search {
	color: #009;
	text-align: left;
	font-weight: bold;
	background: #eef;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

#content
		{
		margin-left: 176px;
		margin-right: 0%;
		padding: 0px 6px;
		border-top: 1px solid #ff9;
		background: #eef;
		border-left: 1px solid #a0a0a0;
		color: #000;
		text-align: left;
        z-index: -2;
		}
#content p, #content ul {
	margin-left: 30px;
	} 
    #content ul li {
    vertical-align: top;
    }
#button {
text-align: right;
width: 100%;
margin-bottom: 1.5em;
font-family: 'Trebuchet MS', 'Lucida Grande',Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 90%;
color: #000;
background: #ff9;
border-bottom: 1px solid #009;
}
#button ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
background: url(/images/navigation.gif) 10px 20px repeat-y;
}
#button li {
margin: 0;
padding-left: 10px;
}
#button li.heading {
border-top: 1px solid #009;
border-bottom: 1px solid #009;
background: #009;
color: #fff;
font-size: 100%;
text-align: left;
}

#button li a {
display: block;
text-align: right;
padding: 3px 3px 3px 0;
border-left: 1px solid #EEE8AA;
background: #ff9 url(/images/nav_left2.gif) left center no-repeat;
color: #009;
text-decoration: none;
width: 100%;
} 
html>body #button li a {
width: auto;
}
#button li a:hover {
border-left: 1px solid #ff9;
background: transparent url(/images/nav_left.gif) top left no-repeat;
color: #FFF;
}
#button li a:active {
border-left: 1px solid #ff0;
background: #FFF;
color: #000;
}  
#button li a:focus {
border-left: 1px solid #ff0;
background: #FFF;
color: #000;
}
#footer {
clear: both;
text-align: right;
position: relative;
width: 100%;
height: 60px;
color: #009;
font-size: .7em;
background: transparent url(/images/botleft-2.png) top left no-repeat;
border-bottom: 1px solid #009;
border-top: 1px solid #009;
padding-top: 1px;
} 
#subnavigation {
width: 90%;
display: inline;
font-size: 80%;  
padding-bottom: 15px;
}              
#subnavigation li {
display: inline;
border: 1px solid #ccc;
padding: 1px 10px 1px 10px;
}
#subnavigation li a {
display: inline;
}
#footer a {
		font-weight: bold;
		color: #009;
		}
#footer a:hover {
		font-weight: bold;
		color: #00f;
		}
body {
	 font-family: Verdana, Arial, sans-serif;
	 font-size: 90%;
	 }
p {
  line-height: 150%;
  }
h1, h2, h3, h4, h5, h6
	{
	font-family: Georgia, "Trebuchet MS", Verdana, Arial, sans-serif;
	clear: right;
	}
h1 {
font-size: 1.6em;
background: #009 url(/images/h1.png) no-repeat;
height: 40px;
padding-left: 45px;
line-height: 40px;
color: #FFF;
margin-top: 7px;
} 
h2 {
font-size: 1.4em;
padding-left: 35px;
height: 30px;
line-height: 30px;
padding-top: 2px;
color: #009;
background: #ff9 url(/images/h2-2.png) no-repeat;
}	
h3 {
font-style: italic;
border-left: 6px solid #009;
border-bottom: 1px solid silver;
line-height: 25px;
padding-left: 10px;
padding-right: 10px;
background: #FFF url(/images/h3.png) right bottom no-repeat;
color: #008;
}  

img {
border: none;
}
ul.nbcc li {
font-size: 75%;
vertical-align: top;
}

/*Skip to Content links */
.skiplink {
position: absolute;
overflow: hidden;
width: 0;
height: 0;
}
acronym {
border-bottom: 1px dotted #009;
font-family: Verdana, "Trebuchet MS", Georgia, Arial, sans-serif;
font-size: 100%;
cursor: help;
}
.rightfloat {
float: right;
margin-left: 10px;
}
.leftfloat {
float: left;
margin-right: 10px;
} 
#content a, #right a, #head a {
text-decoration: none;
color: #009;
font-weight: bold;
}
#content h1 a {
color: #fff;
}
#content a:hover, #right a:hover, #head a:hover, #content a:active, #right a:active, #head a:active , #content a:focus, #right a:focus, #head a:focus {
text-decoration: underline;
color: #900;
font-weight: bold;
}
#content h1 a:hover, #content h1 a:active, #content h1 a:focus {
color: #fff;
}
#floathead {
position: absolute;
top: 5%;
right: 3%;
}
table {
width: 85%;
margin-left: auto;
margin-right: auto;
}

table th {
font-weight: bold;
font-size: 80%;
border: 1px solid black;
background: #ff9;
padding: 2px 2px 2px 2px;
}
table td {
font-size: 80%;
border: 1px solid black;
padding: 2px 5px 2px 5px;
text-align: left;
}
p.firstp:first-letter {
font-size: 300%;
font-weight: bold;
font-family: Garamond, Georgia, Verdana, Arial, sans-serif;
color: #880000;
margin-right: 3px;
margin-top: -.5%;
float: left;
line-height: 100%;
}
 
input, textarea, select {
border: 1px inset #B0C4DE;
font-weight: normal;
font-size: 100%;
background: #F0F8FF;
}
input:focus, textarea:focus, select:focus {
border: 1px inset #6495ED;
background: #ff9;
}
input.button {
border: 2px outset #B0C4DE;
background: #F0F8FF;
width: 100px;
}
input.button:hover {
border: 2px outset #B0C4DE;
background: #D2E6FF;
}
input.button:active {
border: 2px inset #B0C4DE;
background: #eee;
}
table.access th {
background: #000080;
color:#FFF;
padding: 4px;
}
table.access td {border: 1px solid #000080;
padding: 2px;
}
fieldset {border: 1px solid silver; padding-left: 6px;}
legend {
	font-size: 100%;
	font-weight: bold;
	background: #fff;
	border: 1px solid black;
	padding: 1px 12px 1px 10px;
	}
img.imgborder {border: 1px solid black;}

ul.about ul {
font-size: 80%; 
margin-bottom: 5px; 
margin-top: 5px; 
font-weight: normal;
list-style: none;
border-left: 1px solid #009;
padding-left: 5px;
}
ul.about ul li {
margin-bottom: 3px;  
vertical-align: top;
}
ul.about {
font-weight: bold;
list-style-image: url(/images/bullet_red.gif);
}
ul.about li {margin-bottom: 10px;}
#innernav {
border-top: 1px solid silver;
border-bottom: 1px solid silver;
font-size: 80%;
padding: 2px;
text-align: center;
margin: 0px; 
vertical-align: top;
}
/* \*/
* html #innernav {font-size: 70%;}
/* */
blockquote {
background-color: #ff9;
color: #009;
padding: 0px;
border: 1px solid #009;
background-image: url(/images/sun-blockquote.png);
background-position: bottom right;
background-repeat: no-repeat;
}
#calendar p:first-line {font-weight: bold;}
#calendar p {
border-bottom: 1px dotted #0000CD; 
margin-bottom: 10px; 
padding-bottom: 5px;
text-align: left;
}
#nbcc {
border: 1px solid #cce; 
font-size: 80%;       
background-color: #fff;
}
#testimonial {
float: right;
background: #ffc;
color: #009;
padding: 5px;
border: 1px solid #dcdcdc;
width: 25%; 
font-size: 90%;
}
#testimonial p {
margin: 10px;
}
#testimonial p.cite {
font-style: italic;
font-weight: bold;
font-size: 90%;
text-align: right;
}

#caveat {
border: 1px solid #900;
padding: .5em;
font-size: .8em;
font-style: italic;
}
#content a.caveat {
font-weight: 700;
color: #a00;
}
#gbcf-form {
margin: 20px;
}
#gbcf-form fieldset {
border: none;
padding: 0;
margin: 15px 0;
}
.articles {
border: 1px solid #ddd; background: #f3f3ff; margin-right: 415px; margin-left: 30px!important;
padding: 5px;
}
.articles p {
margin: 10px 0 0!important;
}
.facebook, .twitter {
padding: 5px 0 5px 40px;
}
.facebook {
background: url(/images/facebook-32x32-w.png) no-repeat;
}
.twitter {
background: url(/images/twitter-32x32-w.png) no-repeat;
}