/* style CSS for testing MW 30sept10 */

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;}
a {outline: none;}

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {
	height: 100%;
	font-family: Helvetica, Arial;
	
}


body > #wrap {
	height: auto;
	min-height: 100%;
}


/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}


body {
	background-image: url(img/bg_tile1.jpg);
	background-attachment: fixed; 
	/* background-repeat: no-repeat; */
	background-color: #aaa;
}


#main {

	overflow:auto;
	/*padding-bottom: 90px;  must be same height as the footer */
	
	padding-top: 0px;
/*	padding-top: 10px; */
	padding-bottom: 140px;

}

#header {
	position: relative;
	height: 115px;
	clear:both;
	
	width: 780px;
	left: 50%;
	margin-left: -400px;
	margin-bottom: 0;
	
	background-color: #ffffff;
	/* for IE */
/* 	filter:alpha(opacity=95);	*/
  	/* CSS3 standard */
/* 	opacity:0.95;	*/

/*	-moz-border-radius: 10px;	*/
/*	-webkit-border-radius: 10px;	*/
	-moz-border-radius-topleft: 			10px;
	-moz-border-radius-topright:			10px;
	-moz-border-radius-bottomleft:			0px;
	-moz-border-radius-bottomright:			0px;
	
	-webkit-border-top-left-radius:			10px;
	-webkit-border-top-right-radius:		10px;
	-webkit-border-bottom-left-radius: 		0px;
	-webkit-border-bottom-right-radius:		0px;
	
	padding: 0px 10px 0px 10px;
}

#logo {
	position: absolute;
	width: 180px;
	height: 80px;
	top: 0px;
	left: 50%;
	margin-left: -390px;
	
	background-color: #fff;
/* border radius parameters for logo removed */

	padding: 5px;
}

/* ======================================== Below are the NEW NAVIGATION parameters */
#nav-menu {
	clear: both;
	position: absolute;
	top: 90px;
	/* left: 50%;
	margin-left: -190px; */
	width:790px;
	height: 20px;
	background: url(img/nav_button_bkgd1_1200w.png) #fff bottom left repeat-x;
	border-width: 5px;
	border-style: none none solid none;  /*TRBL*/
	border-color: #00ffff;		
/*	left: 10px;	*/
}

#nav-menu ul {
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li {
	float: left;
	margin: 0 0px;
/*	margin: 0 2px; */
}

#nav-menu li a {
	background: url(img/nav_button_bkgd1.png) #fff bottom left repeat-x;
	height: 20px;
	line-height: 20px;
	float: left;
	width: 90px;
	display: block;
	color: #4d64b4;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
/*	border-width: 5px;
	border-style: none none solid none;  /*TRBL*/	*/
/*	border-color: #00ffff;	*/
/*	border-top: 0px solid #ffffff; 
	border-left: 0px solid #ffffff;
	border-right: 0px solid #ffffff;
	border-bottom: 5px solid #00ffff;  */
}

/* Hide from IE5-Mac \*/
#nav-menu li a 
{
float: none
}
/* End hide */

#nav-menu li a:hover {
	color: #0f2f4f;
	background: url(img/nav_button_bkgd2.png) #fff bottom left repeat-x;
	text-decoration: underline;
}

#nav-menu li a.active {
	color: #4d64b4;
	background: url(img/nav_button_bkgd3.png) #fff bottom left repeat-x;
	text-decoration: bold;
}

#nav-menu li a.selected {
	color: #4d64b4;
	background: url(img/nav_button_bkgd3.png) #fff bottom left repeat-x;
	text-decoration: bold;
	border-width: 5px;
	border-style: solid solid none solid;  /*TRBL*/
	border-color: #00ffff;
/*	border-top: 5px solid #00ffff; 
	border-left: 5px solid #00ffff;
	border-right: 5px solid #00ffff;
	border-bottom: 5px none #ffffff;  */
}

#nav-menu li.left_pad {
	background: url(img/nav_button_bkgd1.png) #fff bottom left repeat-x;
	width: 10px;
	height: 20px;
	line-height: 20px;
	float: left;
	margin-left: -10px;
	border-width: 5px;
	border-style: none none solid none;  /*TRBL*/
	border-color: #00ffff;
	text-decoration: none;
}

/* ======================================== END of NEW NAVIGATION parameters */

#content {
	/*position:relative; */
	width: 736px;
	margin: 0px auto;  /* 0 for top/bot, auto for left/right */
		
	background-color: #ffffff;
			
	/* for IE */
 	filter:alpha(opacity=95);
  	/* CSS3 standard */
  	opacity:0.95;
	
/*	-moz-border-radius: 10px;	*/
/*	-webkit-border-radius: 10px;	*/

	-moz-border-radius-topleft: 			0px;
	-moz-border-radius-topright:			0px;
	-moz-border-radius-bottomleft:			10px;
	-moz-border-radius-bottomright:			10px;
	
	-webkit-border-top-left-radius:			0px;
	-webkit-border-top-right-radius:		0px;
	-webkit-border-bottom-left-radius: 		10px;
	-webkit-border-bottom-right-radius:		10px;
	
	padding: 20px 32px 32px 32px;	/*TRBL*/ 
}

#content p {
	font-size: 12px;
	color: black;
	line-height: 20px;
	padding-bottom: 16px;
}

#content a {
	font-size: 12px;
	color: #03C;

}

#content h1 {
	font-size:	24px;
	font-weight: normal;
	padding-bottom: 10px;
}


#content h2 {
	font-size:	18px;
	color:		#888;
	font-weight: normal;
	padding-bottom: 10px;
}

#content h3 {
	font-size:	14px;
	color:		#aaa;
	font-weight: normal;
	padding-bottom: 10px;
}

#content p.inlinequote {
	font-size: 		16px;
	/*font-weight: 	bold;*/
	font-style: 	italic;
	width: 			340px;
	float: 			right;
	text-align: 	right;
	padding: 		10px 10px 10px 10px;
	font-style: 	oblique;
	color:			#007faf;
	line-height: 	25px;
}

#content p.smallerinlinequote {
	font-size: 		14px;
	/*font-weight: 	bold;*/
	font-style: 	italic;
	width: 			170px;
	float: 			right;
	text-align: 	right;
	padding: 		10px 10px 10px 10px;
	font-style: 	oblique;
	color:			#007faf;
	line-height: 	20px;
}

#content ul {
	padding-left: 16px;
	list-style-position: outside;
	position: inherit;
	font-size: 12px;
}

#content li {
	font-size: 12px;
	color: black;
	line-height: 20px;
}

#content p.legal {
	font-style: italic;
	font-size: 	11px;
	line-height: 14px;
	color: 		#777;
}

#navigation_index {
	width: 726px;
	margin: 0px auto;
		
	background-color: #ffffff;
			
	/* for IE */
 	filter:alpha(opacity=95);
  	/* CSS3 standard */
  	opacity:0.95;
	
/*	-moz-border-radius: 10px;	*/
/*	-webkit-border-radius: 10px;	*/
	
	padding: 20px 32px 20px 32px;
	margin-bottom: 0;
	margin-top: 0;

	font-size: 12px;
	border-width: 5px;
	border-style: none solid solid solid;  /*TRBL*/
	border-color: #00ffff;
}

#navigation_index a {
		font-weight: normal;

	color: #03C;
	text-decoration: none;
}

#navigation_index a:hover {
	text-decoration: underline;
}


#navigation_index a.selected {
	color: #888;
	font-weight: normal;
}

#navigation_index a.selected:hover {
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

#navigation_index ul.indent {
	font-size: 12px;
	padding-left: 24px;
}

#mailinglist_box {
	width: 145px;
	position: absolute;
	left: 50%;
	margin-left: 229px;
	
	background: #fff;
	-moz-border-radius-topleft: 			0px;
	-moz-border-radius-topright:			0px;
	-moz-border-radius-bottomleft:			10px;
	-moz-border-radius-bottomright:			10px;
	
	-webkit-border-top-left-radius:			0px;
	-webkit-border-top-right-radius:		0px;
	-webkit-border-bottom-left-radius: 		10px;
	-webkit-border-bottom-right-radius:		10px;
	padding: 8px 16px 8px 10px;
}

#mailinglist_box label{
	font-size: 10px;

}

#mailinglist_box #name, #kjcf-kjcf {
	background-color: 	#eee;
	border: 			hidden;
	padding:			2px 2px 2px 2px;
	//margin-top: 		2px;
	margin-bottom: 		4px;
}

#mailinglist_box #submitbutton {
	font-weight: bold;
	font-size: 			10px;
	height: 			20px;
	width: 				150px;
	background-color: 	#00afaf;
	color:				#fff;
	//border-color: 		#00afaf;
	border: 			hidden;
	margin-top: 		1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
}


img.people {
	float: left;
	padding: 0px 16px 0px 0px;

}



#footer {
	position: relative;
	margin-top: -136px; /* negative value of footer height */
	height: 180px;
	clear:both;
	
	width: 780px;
	left: 50%;
	margin-left: -400px;
	
	background-color: #fff;
	
	-moz-border-radius-topleft: 			10px;
	-moz-border-radius-topright:			10px;
	-moz-border-radius-bottomleft:			0px;
	-moz-border-radius-bottomright:			0px;
	
	-webkit-border-top-left-radius:			10px;
	-webkit-border-top-right-radius:		10px;
	-webkit-border-bottom-left-radius: 		0px;
	-webkit-border-bottom-right-radius:		0px;
	
	padding: 0px 10px 0px 10px;
	
	/* for IE */
 	filter:alpha(opacity=85);
  	/* CSS3 standard */
  	opacity:0.85;
}

#footer #copyright {
	font-size: 14px;
	font-weight: bold;
	color: #007faf;	
	line-height: 18px;
	clear:both;
	width: 780px;
	/* float: left; */
	margin: 10px 10px 10px 10px;
}
	
#footer .address {
	font-size: 11px;
	line-height: 15px;
	float: left;
	width: 33%;
	margin: 10px 0px 10px 0px;
}
#footer .address a {
	color: #000000;
	text-decoration: none;
}
#footer .address a:hover {
	text-decoration: underline;
}
#footer .address .header {
	font-weight: bold;
}
#footer .address .label {
	text-align: right;
	vertical-align: top;
	color: #007faf;
	padding: 0px 8px 0px 0px;
}
#footer .address .intro {
	color: #007faf;
}

#footer #social ul{
	margin-left: 240px;
	border-color: red;
}

#footer #social li {
	list-style: none;
	padding-left: 8px;
	padding-right: 8px;
	float: left;
}

#footer #social img {
	padding: 0px 5px 0px 5px;
	margin-bottom: -2px;
}

#footer #social a{
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	color: black;
	text-decoration: none;
}

#footer #social a:hover{
	color: black;
	background-color: white;
/*	text-decoration: underline; */
}