/* 
		Capabilities, Inc.
		http://www.capabilitiesinc.biz
		
		Capabilities Dark Blue: RGB(0,51,102)
		
		
*/

/* RESET */
*								{ margin: 0;
								  padding: 0; }
								  
html							{ overflow-y: scroll; }

html, body						{ height: 100%; }

body							{ font-family:'Nobile',arial,serif; 
								  font-size: 1.0em;
								  line-height:1.2 em;
								  color:#000;
								  background-image:url(../images/slash.png);
								  background-repeat:repeat; }
								  
ul								{ list-style: square inside; }

ol								{ list-style: decimal inside; }

a								{ outline: none;
								  text-decoration: none;
								  color: #369; }
								  
a img							{ border: none; }

a:focus							{ text-decoration: underline; }

img								{ vertical-align: middle; }

table							{ border-collapse: collapse; }

h1,h2,h3 						{ color:RGB(0,51,102);
								  font-family:'Nobile',arial,serif; }

h1								{ font-size: 1.4em; 
								  line-height: 1.6em; }
							 
h2 								{ font-size:1.2em;
								  line-height:1.4em; }

h3								{ font-size:1.2em;
								  line-height:1.4em;
								  margin-top: 1em; }
								  

 /* UTILITIES */

.floatLeft						{ float:left;
z-index:1 }

.floatRight						{ float:right;
z-index:1}

.clearIt						{ clear:both; }

.button							{ border: 1px solid #000; 
								  background: white; 
								  padding: 3px 8px; 
								  -moz-border-radius: 5px; 
								  -webkit-border-radius: 5px; 
								  color: #000; }
								  
.button:hover					{ background: RGB(0,51,102); color: white; }

.nakedlist						{ list-style-type: none; }


/* PAGE STRUCTURE */

#wrapper						{ width:820px;
								  margin:auto; }
								 


#header 						{ 
								  margin-top:8px;
								  background-repeat: no-repeat;
								  height:240px;
								  width:820px;
								  z-index: 1;
								  background-image:url(../images/homeheader.png); }

#logo 							{ position:relative;
								  width:300px;
								  top:-19px;
								  left:10px;
								  z-index:99; }

#mainwrap						{ background-image:url(../images/bodytest.png);
								  width:820px; }

#main 							{ margin:auto;
								  padding-left:30px;
								  padding-top:30px;
								  padding-bottom:30px;
							      padding-right:30px;
								  height:auto; }
								  
#mainHome 						{ max-width:790px;
								  margin-left:10px;
								  padding-left:10px;
								  min-height:291px; 
								  padding-top:10px;
								  padding-bottom: 10px;}

#footer 						{ clear:right;
								  height:60px;
								  padding:5px 10px 20px 10px;
								  background-image:url(../images/bottomtest.png);
								  background-repeat:no-repeat; }

#footerLeft 					{ float:left;
								  padding-left:40px;
								  padding-top:3px;
								  width:40px; }
								  
.secondFooterLeft				{ float:left;
								 
								  padding-top:3px;
								  width:40px; }
								  
img.footerLeft					{ height:30px;
  								  margin-top:2px; }

#footerRight 					{ float:left;
								  margin-left:0px; }
								  
img.footerRight					{ clear:left;
								  height:70px; }
								  
/*NAVIGATION*/

#navbar 						{ position:static;
								  background-image:url(../images/bodytest.png);
								  z-index:1; }
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.preload1 {background: url(/images/nav/three_1.gif);}
.preload2 {background: url(/images/nav/three_1a.gif);}

#nav { max-width:800px; padding:0; margin-left:10px; list-style:none; height:33px; z-index:1; background:#fff url(/images/nav/three_0.gif) repeat-x; position:relative; z-index:50; font-family:'Nobile',arial,serif;;}
#nav li.top {display:block; float:left; height:33px;}
#nav li a.top_link {display:block; float:left; height:30px; line-height:30px; color:#fff; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(/images/nav/three_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:30px; background: url(/images/nav/three_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:30px; background: url(/images/nav/three_0a.gif) no-repeat right top;}

#nav li:hover a.top_link {color:#fff; background: url(/images/nav/three_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(/images/nav/three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(/images/nav/three_1a.gif) no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:32px; background: #ccc; padding:3px; border:2px solid #036; white-space:nowrap; width:190px; height:auto; z-index:300; border-radius: 5px; box-shadow: 2px 2px 15px #000;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:190px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:188px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #ccc;}
#nav li:hover ul.sub li a.long
{display:block; font-size:11px; height:18px; width:230px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #ccc;}
#nav li ul.sub li a.fly
{background:#ccc url(/images/nav/arrow.gif) 180px 6px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#336699; color:#fff; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#336699 url(/images/nav/arrow_over.gif) 180px 6px no-repeat; color:#fff;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:190px; top:-4px; background: #ccc; padding:3px; border:2px solid #036; white-space:nowrap; width:250px; z-index:400; height:auto; border-radius: 5px; box-shadow: 2px 2px 15px #000;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#336699 url(/images/nav/arrow_over.gif) 180px 6px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#036 url(/images/nav/arrow.gif) 180px 6px no-repeat; color:#000; border-color:#036;} 
		
/*EMPLOYEE DIVS*/

.employee						{ background-color:RGB(0,51,102);
								  width:355px;
								  height:200px;
								  color:#FFF;
								  float:left;
								  overflow:hidden;
								  margin-right:25px;
								  margin-bottom:25px;
								  -moz-border-radius: 15px;
								  -webkit-border-radius: 15px; }
 
.employee img					{ float:left;
								  height:200px;
								  margin-right:5px; }
 
.employee h1					{ color:#FFF;
								  font-style:italic;
								  text-shadow:#000;
								  font-size:18px;
								  margin-top:5px;
								  margin-bottom:5px; }
 
.employee p						{ color: #FFF;
								  			font-size:.8em;

a:link color:#FFF; 

a:visited color:#FFF;

a:hover color:#FFF; 

a:active color:#FFF; 
								   }
 
 /*JAVASCRIPT TABS*/

.tabbed_area 					{ border:1px solid #494e52;  
							  	  background-image:url(../images/slash.png);
							  	  padding:8px; }  
  
ul.tabs 						{ margin:0px; padding:0px;
	  							  margin-top:5px;
	  							  margin-bottom:6px; }  

ul.tabs li 						{ list-style:none; 
								  display:inline; } 
  
ul.tabs li a 					{ background-color:RGB(0,51,102);
								  background-image:url(../images/buttonbackk.png);
								  color:#fff;
								  padding:8px 7px 8px 5px;
								  text-decoration:none;
								  font-size:9px;
								  font-family:'Nobile',arial,serif;
								  font-weight:bold;
								  text-transform:uppercase;
								  text-shadow: #000 1px 1px 1px;
								  border:1px solid #464c54; }
								  
ul.tabs li a:hover 				{ background-color:#2f343a;
								  background-image:url(../images/buttonback.png);
								  border-color:#2f343a; }
								  
ul.tabs li a.active 			{ background-color:#ffffff;
								  background-image:url(../images/buttoncurrent.png);
								  border:1px solid #464c54;
								  border-bottom: 1px solid #eeeeff; }

ul.tabs2 						{ margin:0px; padding:0px;
	  							  margin-top:5px;
	  							  margin-bottom:6px; }  

ul.tabs2 li 					{ list-style:none;  
      							  display:inline; } 
  
ul.tabs2 li a 					{ background-color:RGB(0,51,102);
								  background-image:url(../images/buttonbackk.png);
								  color:#fff;
								  padding:8px 7px 8px 5px;
								  text-decoration:none;
								  font-size:9px;
								  font-family:'Nobile',arial,serif;
								  font-weight:bold;
								  text-transform:uppercase;
								  text-shadow: #000 1px 1px 1px;
								  border:1px solid #464c54; }
								  
ul.tabs2 li a:hover 			{ background-color:#2f343a;
								  background-image:url(../images/buttonback.png);
								  border-color:#2f343a; }
								  
ul.tabs2 li a.active 			{ background-color:#ffffff;
								  background-image:url(../images/buttoncurrent.png);
								  border:1px solid #464c54; }
								  
.content 						{ background-color:#eeeeff;
								  padding:10px;
								  border:1px solid #464c54; }
								  
.content2 						{ background-color:#eeeeff;
								  padding:10px;
								  border:1px solid #464c54;
								  margin-top:15px; }

.content p 						{ font-size:13px;
								  color:#000; }

#content_2, #content_3, #content_4, #content_5, #content_6, #content_7, #content_8, #content_9, #content_10, #content_11, #content_12, #content_13, #content_14, #content_15
								{ display:none; }

.content ul 					{ margin:0px;
								  padding:0px 20px 0px 20px; }
								  
.content ul li 					{ list-style:none;
								  border-bottom:1px solid #d6dde0;
								  padding-top:15px;
								  padding-bottom:15px;
								  font-size:13px;
								  color:#000; }
								  
.content ul li a 				{ text-decoration:none;
								  color:#3e4346; }
								  
.content ul li small 			{ color:RGB(0,51,102);
								  float:left;
								  font-size:9px;
								  text-transform:uppercase;
								  font-family:'Nobile',arial,serif;
								  position:relative;
								  left:4px;
								  top:0px;
								  margin-right:10px; }
/*TABLES*/

table 							{
	color: #000;
	background-color: #666;
}

table tr 						{ border-top:5px; }

tr last-child 					{ border-bottom:5px; }

td.highlight 					{ background-color:#FF0; }

td 								{
	border: thin none #000;
}

/*GOOGLE MAPS*/

#maptxt							{ margin-right:10px;
								  float:left; }

#mapmap							{ text-align:right }

/*FORMS*/

textarea 						{ width:400px;
								  height:150px; }

.textInput						{ width:250px; }

fieldset 						{ border:none;
								  border-bottom: 2px solid #DDD;
								  margin:5px auto;
								  width:750px; }

fieldset:focus fieldset:hover	{ background-color:#00DDFF; }

.focusField:hover 				{ background-color:RGBa(0,51,102,0.4); }

.focusField:focus 				{ background-color:RGBa(0,51,102,0.4); }

#instructions					{ font-size:1.2em;
								  line-height:1.2em;
								  font-family:Arial, Helvetica, sans-serif;
								  width:750px;
								  margin:0px auto; }
	
.surveyLegend					{ 
								  color:#000;
								  font-family:Arial, Helvetica, sans-serif;
								  font-size:1.4em;
								  margin-left:40px;	}
								  
ol.surveyLegend					{ list-style-type:decimal;
								  font-size:1.0em;}
								  
.chkRadAE2						{ margin-left:400px; }
								  
fieldset.surveyFieldset			{ margin: 24px auto;
								  width: 700px;
								  padding:15px;
								  -webkit-border-radius: 12px;
								  border: 2px solid #036;
								  background-color:#EEF; }
								  
label.surveyLabel				{ font-size:1.0em;
								  color:#036; }
								  
label.surveyInfoLabel			{ font-size:1.1em;
								  float:left;
								  color:#036;
								  width:6em;
								  text-align:right;
								  display:block;
								  margin-right:.4em;
								  margin-bottom:1em; }
								  
input.surveyButton				{ 
								  font-size:1.1em;
								  width: 150px;
								  height:75px;
								  float: right; 
								  }
								  
input.surveyButton:hover		{ padding-top:2px;
								  padding-left:2px;
								   }
								  
input.surveyInput				{ width: 200px;
								  float: left;
								  font-size:1.2em; }
								  
input.surveyInput:focus			{ background-color: RGB(229,255,255); 
								  color:#333; }

textarea.surveyTextarea			{ border: 1px solid #036;
								  width: 550px;
								  height:150px;
								  margin-top:5px;
								  background-color:#fff;
								  margin-bottom:30px;
								  color:#000;
								  font-family:'Nobile',arial,serif;
								  font-size:1.2em;
								  padding:12px; }
								  
textarea.surveyTextarea:focus	{ background-color: RGB(229,255,255); 
								  color:#333; }
	
#radioLabel						{ color:#000;
								  font-size:1.2em;
								  line-height:1.2em;
								  width:450px;
								  margin-top:5px; }
								  
#radioLabel						{ color:#000;
								  font-size:1.2em;
								  line-height:1.2em;
								  width:600px;
								  margin-top:5px; }

.chkRad							{ font-size:1.2em;
								  margin:auto 0px;
								  margin-left:550px;
								  color:#000; }



select 							{
	float: left;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 30px;
}

.warning						{ font-weight:bold;
								  color:#FF0000; }

/*UPDATES AT BOTTOM OF PAGE*/

#whatsnew 						{ margin-top:10px;
								  float:left;
								  width:480px;
								  margin-right:0px;
								  overflow:hidden; }

#whatsnewhead 					{ background-image:url(../images/whatsnewhead.png);
								  height:46px;
								  background-repeat:no-repeat;
								  width:480px; }

#whatsnewbody 					{ overflow:hidden;
								  max-width:480px;
								  margin-left:-1px;
								  padding:10px;
								  padding-left:30px;
								  background-image:url(../images/whatsnewbody.png);
								  background-repeat:repeat-y; }

#whatsnewbody ol 				{ width:480px; }

#whatsnewbody li 				{ width:480px; }

#whatsnewfoot 					{ width:480px;
								  background-image:url(../images/whatsnewfoot.png);
								  height:46px;
								  background-repeat:no-repeat; }

#events 						{ float:left;
								  width:330px;
								  margin-top:10px; }

#eventshead 					{ background-image:url(../images/eventshead.png);
								  height:46px;
								  background-repeat:no-repeat; }

#eventsbody 					{ margin-left:-1px;
								  padding:10px;
								  padding-left:30px;
								  background-image:url(../images/eventsbody.png);
								  background-repeat:repeat-y; }

#eventsfoot 					{ background-image:url(../images/eventsfoot.png);
								  height:46px;
								  background-repeat:no-repeat; }

#blogfeed a.blogfeed 			{ font-family:'Nobile',arial,serif;
								  font-size: 15px;
								  line-height: 20px;
								  color: RGB(0,51,102);
								  text-decoration: none;
								  font-weight: bold; }

#blogfeed a.blogfeed:hover 		{ color: #09F;
								  border-left-width: medium;
								  border-left-style: solid;
								  border-left-color: #09F;
								  padding-left: 5px; }

/* Calendar */

.calnk 							{ font-family:Arial, Helvetica, sans-serif; }
  
.calnk a:hover 					{ background-position:0 0;
								  text-decoration:none;  
								  border-bottom:1px dotted #000000; }
								  
.calnk a:visited 				{ text-decoration:none;
        						  border-bottom:1px dotted #000000; }

.calnk a 						{ text-decoration:none;                         /*formats the title of event on calendar */
								  color:#000; 
								  border-bottom:1px dotted #000000; }
  
.calnk a span 					{ display:none; }

.calnk a:hover span 			{ color:#000;                         			/*Changes appearance of popup box */
       							  background:#FFF;
								  display:block;
								  position:absolute; 
								  margin-top:1px; 
								  padding:5px; 
								  width:300px; 
								  z-index:100;
								  line-height:1.2em; }

.calendar-table 				{ border:none;
       							  width:100%; }
    
.calendar-heading 				{ color:#FFFFFF;
								  padding-top:5px;
								  font-family:Arial, Helvetica, sans-serif;
								  height:25px;
								  text-align:center;
								  border:1px solid #D6DED5;
								  background-color:#E4EBE3;
								  background-image:url(../images/buttonback.png); }
	 
.calendar-heading a 			{ color:#FFFFFF; }

.calendar-next 					{ width:25%;
								  text-align:center;
								  font-weight:bold;
								  text-shadow: #000 1px 1px 2px; }

.calendar-prev 					{ width:25%;
								  text-align:center;
								  font-weight:bold;
								  text-shadow: #000 1px 1px 2px; }
	 
.calendar-prev a:hover 			{ margin-left:4px;
								  margin-top:4px; }
	 
.calendar-next a:hover 			{ margin-right:4px;
								  margin-top:4px; }
	 
.calendar-month 				{ color:#ffffff;
								  width:50%;
								  text-align:center;
								  font-weight:bold;
								  text-shadow: #000 1px 1px 2px; }
								  
.normal-day-heading 			{ font-family:Arial, Helvetica, sans-serif;
								  text-align:center;
								  width:25px;
								  height:25px;
								  font-size:0.8em;
								  border:1px solid #DFE6DE;
								  background-color:#EBF2EA;
								  padding-top:5px; }
     
.weekend-heading 				{ font-family:Arial, Helvetica, sans-serif;
								  text-align:center;
								  width:25px;
								  height:25px;
								  font-size:0.8em;
								  border:1px solid #DFE6DE;
								  background-color:#EBF2EA;
      							  padding-top:5px; }
     
.day-with-date 					{ vertical-align:text-top;
								  text-align:left;
								  width:60px;
								  height:60px;
								  border:1px solid #DFE6DE; }
     
.no-events 						{  }

.day-without-date 				{ width:60px;
								  height:60px;
								  border:1px solid #E9F0E8; }
 
.current-day 					{ vertical-align:text-top;
								  text-align:left;
								  width:60px;
								  height:60px;
								  border:1px solid #BFBFBF;
								  background-color:#E4EBE3; }

span.event 						{ font-size:0.75em; }

.kjo-link 						{ font-size:0.75em;
        						  text-align:center; }
     
.calendar-date-switcher 		{ height:25px;
								  text-align:center;
								  color:#FFF;
								  font-weight:bold;
								  text-shadow: #000 1px 1px 2px;
								  border:1px solid #D6DED5;
								  background-color:#E4EBE3;
								  background-image:url(../images/buttonback.png);
								  font-family:Arial, Helvetica, sans-serif; }
    
.calendar-date-switcher form 	{ margin:0;
       							  padding:0; }
								  
.calendar-date-switcher input 	{ border:1px #D6DED5 solid; }

.calendar-date-switcher select  { border:1px #D6DED5 solid; }
     
.cat-key 						{ width:100%;
       							  margin-top:10px;
        						  padding:5px;
       							  border:1px solid #D6DED5;
								  line-height:1.5em;
								  font-family:Arial, Helvetica, sans-serif; }
								  
    
.calnk a:hover span span.event-title 
								{ padding:0;
								  text-align:center;
								  font-weight:bold;
								  font-size:1.2em; }
								  
.calnk a:hover span span.event-title-break 
								{ width:96%;
								  text-align:center;
								  height:1px;
								  margin-top:5px;
								  margin-right:2%;
								  padding:0;
								  background-color:#000000; }
								  
.calnk a:hover span span.event-content-break 
								{ width:96%;
								  text-align:center;
								  height:1px;
								  margin-top:5px;
								  margin-right:2%;
								  padding:0;
								  background-color:#000000; }
								  
.page-upcoming-events 			{ font-size:80%; }
     
.page-todays-events 			{ font-size:80%; }
	 
.calRed 						{ background-color:#F00 }
	
.calYellow 						{ background-color:#FF0 }
	 
.calGreen 						{ background-color:#0F0 }
	 
/*NEWSPAPERS*/

#newsPaperMain 					{ width:780px;
								  margin:auto;
								  padding-left:0px;
								  padding-top:30px;
								  padding-bottom:30px;
								  padding-right:0px;
								  height:auto; }

.newsButton 					{ width:195px;
								  height:160px;
								  float:left;
								  margin:0px 0px; }

.newsbutton a:focus, #newsbutton a:hover 
								{ background: yellow; }
								
/*Img Upload*/
#thumb							{ width:347px;
								  height:360px;
								  margin-left:auto;
								  margin-right:auto;
								  text-align:center;
								  font-size:200%; 
								  color: RGB(0,51,102);}

#thumb p						{ margin-top: -30px; }

#dynamicImage					{ max-width:730px;
								  height:auto;
								  margin-left:auto;
								  margin-right:auto;
								  padding:10px; }

								  
#headerblue
{
background-image: url("http://www.capabilitiesinc.biz/images/homeheaderblue.png");
height: 125px;
margin-bottom:0px
}

#menu1 a { /*Menu3 Links*/
color:white;
background-color:#376897;
text-decoration:none;
text-indent:1ex;
}

#menu1 a:hover {color:black;background-color:#FFFF99}

#panel,#flip
{
padding:5px;
text-align:center;
border:solid 0px #c3c3c3;
}
#panel
{
padding:0px;
display:none;
}
#slideshow {
    position:relative;
	width:300px;
    height:270px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


								
.SSC_Font {
	font-family: "Comic Sans MS", cursive;
	color: #FFF;
}


.float_center {
	float: right;
	
}