@charset "utf-8";
/* CSS Document */
/*-------------------------------------------------------------
[ TABLE OF CONTENTS ]

1. Defaults
	1.1 Body (Font-Size, Font-Family, Margins & Padding)
	1.2 Tag Styling
	1.3 Class Styling (sitewide)
2. Layout Settings (Widths, Margins & Paddings)
	2.1 Common / All Layouts
	2.2 One Column Layouts
	2.3 Two Column Layouts - Right
	2.4 Two Column Layouts - Left
	2.5 Three Column Layouts
3. Division Specific Styling (1.Color schemes, Font-Size & Family, 2.List, 3.Table, 4.Forms, 5.Misc)
	3.1 Header / #header, #header_inner
	3.2 Menu / #menu
	3.3 Main Content / #mainContent, #mainContent_inner
	3.4 Sidebars / #sidebar1, #sidebar2, .sidebar_inner
	3.5 Footer / #footer, #footer_inner
4. Useful Classes
	4.1 Information & Status Alerts
	4.2 Floats
	4.3 Clearfixs
	4.4 Miscellaneous
5. CSS/Layout/Design Notes
---------------------------------------------------------------*/

/*-------------
[ 1. Defaults ]
-------------*/
/* * * [ 1.1 Body (Font-Size, Font-Family, Margins & Padding) ] * * */
body {
	margin:0;
	padding:0;
	background-color:#999999;
	}
* {
	margin:0;
	padding:0;
	}
	
/* FONT-FAMILIES */
body {
	font-family:Verdana, Georgia, "Times New Roman", "Trebuchet MS", Arial;
}
h1, h2, h3, h4, h5, h6, ul, ol, dl {
	font-family: 'Trebuchet MS', Verdana,  serif;
	}
	
/* FONT SIZES */
body {font-size:1em;} /* DO NOT CHANGE - EFFECTS LAYOUT */
h1 {font-size:1.5em; }
h2 {
	font-size:1.375em;

	padding:0.5em 0 0;
	border-bottom: .125em solid #000000;
	margin: .5em 0;
}
h3 {font-size:1.125em; line-height:1.25; }
h4 {
	font-size:1.125em;
	padding: .4em 0 .25em 0;
	line-height: 1.25;
}
h5 {font-size:1em; }
h6 {font-size:.875em; }
p  {font-size:1em; line-height:1.25; margin-bottom:.75em; }

/* * * [ 1.2 Tag Styling ] * * */
 /* a:link, a:visited, a:hover, a:active */
ul, dl, ol {
	font-size:inherit;
	margin:0 1em .75em 1em; /* lists without specific classes */
	line-height:1.5;
	}
li, dd {
	padding:0em 0; /* lists without specific classes */
	margin-left:2em;
	}
dt {
	font-weight:bold;
	}
code {font-size:1.25em;}
* html code {font-size:1.1em;} /* default size is smaller in IE */
	
cite {
	font-size:.85em;
	font-style:italic;
	}
blockquote {
	border-top:2px solid;
	border-bottom:2px solid;
	width:50%;
	margin:1em 0 1em 20%;
	padding:.3em 1em;
	}
blockquote p {
	margin-bottom:.1em;
	}
blockquote p:before { /* IDWIMIE 6 and 7 */
	content: open-quote;
	color:#cccc8f;
}
blockquote p:after {  /* IDWIMIE 6 and 7 */
	content: close-quote;
	color:#366;
}
blockquote cite {
	font-size:.85em;
	}
abbr, acronym {
	border-bottom:1px dashed #000;
	cursor:default;
	}
address {
	margin:0 1em .75em 1em;
	}
img {
	border:0;
	}

/* * * [ 1.3 Class Styling (sitewide) ] * * */
.red {color:#FF0000;}
.blue {color:#0000FF;}
.green {color:#009900;}
.yellow {color:#FFFF00;}
.prpsd {
	color:#CCCCCC;
	background-color:#666666;
}
.pstpnd {
	color:#00FF00;
	background-color:#FFFF66;
}
.cncld {
	color:#FF0000;
	background-color:#FFFF00;
}
.explain {
	font-size:.80em;
	}
ul.disc {list-style:disc;}
ol.lower_alpha {list-style-type:lower-alpha;}
ol.upper_alpha {list-style-type:upper-alpha;}
ol.lower_roman {list-style-type:lower-roman;}
ol.upper_roman {list-style-type:upper-roman;}
/*------------------------------------------------
[ 2. Layout Settings (Widths, Margins & Paddings)]
------------------------------------------------*/
/* * * [ 2.1 Common / All Layouts ] * * */
#container {
	/* min-width:760px; */
	/* max-width:880px; */
	width:880px;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	text-align:left; /* prevents page inheriting IE6 centering hack on body */
	background-color: #999999; /* Change Background Color */
	padding-right: 0;
	padding-left: 0;
	}
#header {
	margin:0.5em;
	height: 116px;
	}
#header_inner {
	padding:0.5em 0.5em 0.5em 108px;
	background: url(images/kfd_patch_100.png) no-repeat 8px center;
	height: 100px;
}
div#menu {
	margin:0.5em;
	}


#mainContent_inner {padding:.5em;}
.sidebar_inner {padding:.5em;}
#footer {
	width:100%;
	clear:both;
	margin:.5em .5em .5em .5em;
	}
#footer_inner {padding:.5em;}
	
/* * * [ 2.2 One Column Layouts ] * * */
.oneColElsCtrHdr #mainContent {
margin:0 0 0 0.5em;
width:864px;
}
	
/* * * [ 2.3 Two Column Layouts - Right ] * * */
.twoColElsRtHdr #mainContent {
margin:0 0 0 0.5em;
width:665px;
}
.twoColElsRtHdr #sidebar1 {
	float:right;
	width:12em;
	margin:0 .5em 0 0;
	}
	
/* * * [ 2.4 Two Column Layouts - Left ] * * */
/*.twoColElsLtHdr #mainContent {margin: 0 .5em 0 13em; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */}*/

.twoColElsLtHdr #mainContent {
margin:0 0.5em;
width:665px;
} 
.twoColElsLtHdr #sidebar1 {
	float: left; 
	width: 12em; /* since this element is floated, a width must be given */
	margin:0 0 0 .5em;
	}
	
/* * * [ 2.5 Three Column Layouts ] * * */
.thrColElsHdr #mainContent {
 	margin: 0 0.5em; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
width:480px;
} 
.thrColElsHdr #sidebar1 {
	float: left; 
	width: 12em; /* since this element is floated, a width must be given */
	margin:0 0 0 .5em;
}
.thrColElsHdr #sidebar2 {
	float: right; 
	width: 12em; /* since this element is floated, a width must be given */
	margin:0 .5em 0 0;
}

/*----------------------------------------------------------------------------------------------------
[3. Division Specific Styling (1.Color schemes, Font-Size & Family, 2.List, 3.Table, 4.Forms, 5.Misc)]
----------------------------------------------------------------------------------------------------*/
/* * * [ 3.1 Header / #header, #header_inner ] * * */
/* * [ 3.1.1.Color schemes, Font-Size & Family ] * */
/* Font Sizes for this Section */
div#header div {font-size:1em;}

/* Color Scheme */
#header {
	color:#0000FF;
	background-color: #FFFF00;
	}
	
/* Misc Font Info */
div#header_inner h1 {
	line-height: 1.125;
	margin: 0.5em;
	}
div#header_inner h3 {
	margin: 0.5em;
	}

/* * [ 3.1.2.List ] * */

/* * [ 3.1.3.Table ] * */

/* * [ 3.1.4.Forms ] * */

/* * [ 3.1.5.Misc ] * */

/* * * [ 3.2 Menu / #menu ] * * */
/* * [ 3.2.1.Color schemes, Font-Size & Family ] * */
/* Font Sizes for this Section */
div#menu div {font-size:.9em;}

/* Color Scheme */
div#menu {
	color:#000000;
	background-color: #0000FF;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	}

/* * [ 3.2.2.List ] * */

/* * [ 3.2.3.Table ] * */

/* * [ 3.2.4.Forms ] * */

/* * [ 3.2.5.Misc ] * */
div#breadcrumbs {
	color:#FFFFFF;
	margin: .125em .75em;
	width: 500px;
	}
div#breadcrumbs a:link, div#breadcrumbs a:visited, div#breadcrumbs a:hover, div#breadcrumbs a:active {
	color:#FFFFFF;
	}
div#login_status {
	color:#FFFFFF;
	float: right;
	margin: .125em .75em;
	}
div#login_status a:link, 
	div#login_status a:visited, 
	div#login_status a:hover, 
	div#login_status a:active {
	color:#FFFFFF;
	}

/* * * [ 3.3 Main Content / #mainContent, #mainContent_inner ] * * */
/* * [ 3.3.1.Color schemes, Font-Size & Family ] * */
/* Font Sizes for this Section */
div#mainContent div {font-size:1em;}

/* Color Scheme */
#mainContent {
	color:#000000;
	background-color:#FFFFFF;
	}

/* * [ 3.3.2.List ] * */
#mainContent_inner ul, #mainContent_inner dl, #mainContent_inner ol {
	line-height:1.125;
		font-size:inherit;
		margin:0 1em .75em 1em; /* lists without specific classes */
	}
#mainContent_inner ul {
	list-style:none;
	}	
#mainContent_inner ul.disc {
	list-style:disc;
	}
#mainContent_inner li, #mainContent_inner dd {

	padding:0em 0; /* lists without specific classes */
	margin-left:2em;
	}
#mainContent_inner dt {
	font-weight:bold;
	}
	
/* * [ 3.3.3.Table ] * */
#mainContent_inner table {
	width:auto;
	color:#000000;
	border-top:.188em solid #000000;
	border-bottom:none;
	font-size:1em;
	margin-top: .5em;
	margin-bottom: .5em;
	}
#mainContent_inner table caption {
	font-size:1.25em;
	text-align:left;
	color:#000000;
	}
#mainContent_inner table th {
	/* consider font-weight & text-alignment */
	color:#000000;
	}
#mainContent_inner table td {
	padding:.25em;
	color:#000000;
	font-size:inherit;
	}
	table span.detail {
	color:#FF0000;
	font-style:italic;
	font-size:.8em;
	}
#mainContent_inner table a {
	font-size:.8em;
	}

/* Specialized Table Template
table caption {
	color:#000000;
	}
table {
	color:#000000;
	border-bottom:.188em solid #000;
	width:300px;
	}
table th	{
	color:#000000;
	text-align:inherit;
	}
table td	{
	color:#000000;
	}
table span {
	color:#FF0000;
	font-style:italic;
	font-size:.8em;
	}
table a {
	font-size:.8em;
	}
*/

/* * [ 3.3.4.Forms ] * */
#mainContent_inner form h3 { 
	width:auto;
	margin: .25em .25em .5em;
	border-bottom: 1px solid #999999
	}
/* For Specific CSS modify: margins,border */
#mainContent_inner form {
	float:left;
	width:100%;
	/* margin:20px 40px; */
	/* border: 1px solid #000000;*/
	padding:1em .75em .5em;
	}
#mainContent_inner div.formsection {
	float:left;
	clear:both;
	width:auto;
	margin:.5em 0;
	padding-bottom:.5em;
	}
#mainContent_inner div.formsection h5 {
	font-style:oblique;
	border-bottom:1px solid #000000;
	margin-bottom:0.5em;
	}
#mainContent_inner input { font-size:.85em; }
#mainContent_inner input:focus, #mainContent_inner textarea:focus, #mainContent_inner select:focus {
	border:2px solid #77AAAA;
	}
#mainContent_inner label {
	width:auto;
	display:block;
	clear:both;
	font-size:0.9em;
	font-weight:bolder;
	margin:.5em 0 0;
	padding-bottom:0.1em;
	}
#mainContent_inner input[type="submit"] {
	float:left;
	margin:.5em 0;
	}

/* button group controls style for radio buttons and checkboxes */
#mainContent_inner .buttongroup { float:left; }
#mainContent_inner .buttongroup input {
	float:left;
	clear:both;
	margin:0;
	padding:0;
	line-height:0;
	}

/* For Specific CSS modify: width, */
#mainContent_inner .buttongroup label {
	/*background-color:none;*/
	float:left;
	width: 24em; 
	margin:0 0 0 .5em; /*creates spacing between checkboxes & between checkboxes and label */
	font-weight: normal; /* resets that inherited value of bold */
	clear:none;
	}

/* DW Forms */	
#mainContent_inner form.dw_form {
	float:none;
	display:block;
	margin:20px;
	}
#mainContent_inner form.dw_form table {
	float:none;
	border-top:none;
	}
#mainContent_inner form.dw_form table td {
	font-weight:bold;
	}
#mainContent_inner form.dw_form input:focus, #mainContent_inner form.dw_form textarea:focus, #mainContent_inner form.dw_form select:focus {
	border:2px solid #77AAAA;
	}
	
/* * [ 3.3.5.Misc ] * */

/* * * [ 3.4 Sidebars / #sidebar1, #sidebar2, .sidebar_inner ] * * */
/* * [ 3.4.1.Color schemes, Font-Size & Family ] * */
/* Font Sizes for this Section */
div#sidebar1 div, div#sidebar2 div{font-size: .80em;}

/* Two Column Sidebars */
#sidebar1, #sidebar2 {
	color:#000000; /* the background-color color will be displayed for the length of the content in the column, but no further */
	background-color: #CCCCCC;
	}

/* Three Column Sidebars */
.thrColElsHdr #sidebar1, .thrColElsHdr #sidebar2 {
	color:#000000;
	background-color: #EBEBEB; /* the background-color color will be displayed for the length of the content in the column, but no further */
}

/* Misc Font Info */
.sidebar_inner h2 {
	margin-bottom:2px;
	border-bottom:1px solid #000;
	}

	
/* * [ 2.List ] * */
.sidebar_inner ul, .sidebar_inner dl, .sidebar_inner ol {
	list-style:none;
		font-size:inherit;
		margin:.5em; /* lists without specific classes */
		line-height:1.5;
	}
.sidebar_inner li, .sidebar_inner dd {
	padding:0em 0; /* lists without specific classes */
	margin-left:.125em;
	}
.sidebar_inner dt {
	font-weight:bold;
	}
	
/* * [ 3.4.3.Table ] * */
.sidebar_inner table {
	width:auto;
	margin:.5em 0.125em;
	border-top:.188em solid #000000;
	font-size:0.9em;
	}
.sidebar_inner table caption {
	color:#009900;
	text-align: left;
	line-height: 1.25;
	}
.sidebar_inner table th {
	text-align:left;

	}
.sidebar_inner table td {
	padding:.125em;
	font-size:inherit;
	vertical-align: text-top;
	}
.sidebar_inner table span.detail {
	color:#999999;
	font-style:italic;
	font-size:0.8em;
	}
.sidebar_inner table a {
	font-size:.8em;
	}

/* Specialized Table Template
.sidebar_inner table caption {
	color:#000000;
	}
.sidebar_inner table {
	color:#000000;
	border-top:.188em solid #000000;
	border-bottom:.188em solid #000;
	width:300px;
	}
.sidebar_inner table th	{
	color:#000000;
	text-align:inherit;
	}
.sidebar_inner table td	{
	color:#000000;
	}
.sidebar_inner table span {
	color:#FF0000;
	}
*/

/* * [ 3.4.4.Forms ] * */
.sidebar_inner form h3 { 
	margin-top:.25em; 
	margin-bottom:.5em;
	}
/* For Specific CSS modify: margins,border */
.sidebar_inner form {
	float:left;
	width: auto;
	margin:0;
	border: 1px solid #000000;
	padding:1em .75em .5em;
	}
.sidebar_inner div.formsection {
	float:left;
	width:100%;
	margin:.5em 0;
	padding-bottom:.5em;
	}
.sidebar_inner div.formsection h5 {
	font-style:oblique;
	border-bottom:1px solid #000000;
	margin-bottom:0.5em;
	}
.sidebar_inner input { font-size:.85em; }
.sidebar_inner input:focus, .sidebar_inner textarea:focus, .sidebar_inner select:focus {
	border:2px solid #77AAAA;
	}
.sidebar_inner label {
	display:block;
	clear:both;
	font-size:0.9em;
	font-weight:bolder;
	margin:.5em 0 0;
	padding-bottom:0.1em;
	}
.sidebar_inner input[type="submit"] {
	float:right;
	margin:.5em 0;
	}

/* button group controls style for radio buttons and checkboxes */
.sidebar_inner .buttongroup { float:left; }
.sidebar_inner .buttongroup input {
	float:left;
	clear:both;
	margin:0;
	padding:0;
	line-height:0;
	}
/* For Specific CSS modify: width, */
.sidebar_inner .buttongroup label {
	/*background-color:none;*/
	float:left;
	width: auto; 
	margin:0 0 0 .5em; /*creates spacing between checkboxes & between checkboxes and label */
	font-weight: normal; /* resets that inherited value of bold */
	clear:none;
	}
	
/* DreamWeaver Generated Forms */	
.sidebar_inner form.dw_form {
	float:none;
	display:block;
	margin:.5em;
	}
.sidebar_inner form.dw_form table {
	float:none;
	border-top:none;
	}
.sidebar_inner form.dw_form table td {
	font-weight:bold;
	}
.sidebar_inner form.dw_form input:focus, .sidebar_inner form.dw_form textarea:focus, .sidebar_inner form.dw_form select:focus {
	border:2px solid #77AAAA;
	}
	
/* * [ 3.4.5.Misc ] * */

.sidebar_inner img {
	border-style: none;
	display: block;
	margin: auto;
	}

/* * * [ 3.5 Footer / #footer, #footer_inner ] * * */
/* * [ 3.5.1.Color schemes, Font-Size & Family ] * */
/* Font Sizes for this Section */
div#footer div {font-size:1em;}

/* Color Scheme */
#footer {
	color:#0000FF;
	background-color:#FFFF00;
	}
#footer_inner {
	text-align: center;
}
	
/* * [ 3.5.2.List ] * */

/* * [ 3.5.3.Table ] * */

/* * [ 3.5.4.Forms ] * */

/* * [ 3.5.5.Misc ] * */

/*-------------------
[ 4. Useful Classes ]
-------------------*/
/* * * [ 4.1 Information & Status Alerts ] * * */
.links, .info, .downloads, .alerts {
	display:block;
	margin:.95em 0;
	padding:.5em;
}
/* Links */
.links {
	color: #B79000;
	border-top: .188em solid #fde179;
	border-bottom: .188em solid #fde179;
	background: #FEF6D8 url(../images/status-note.png) 10px 50% no-repeat;
	}
.links ul, .links ol, .links dl {
	margin:0;
	padding:0;
	}
.links li, .links dd {
	padding:0em 0; /* lists without specific classes */
	margin-left:2em;
	}

/* Downloads */	
.downloads {
	color: #57861A;
	border-top: .188em solid #c2df88;
	border-bottom: .188em solid #c2df88;
	background: #EEF7DD;
	}
.downloads ul, .downloads ol, .downloads dl {
	margin:0;
	padding:0;
	}
.downloads li, .downloads dd {
	padding:0em 0; /* lists without specific classes */
	margin-left:2em;
	}

/* Alerts */	
.alerts {
	color: #c00;
	border-top: .188em solid #fe7b7a;
	border-bottom: .188em solid #fe7b7a;
	background: #FFD6D6;
}
.alerts ul, .alerts ol, .alerts dl {
	margin:0;
	padding:0;
	}
.alerts li, .alerts dd {
	padding:0em 0; /* lists without specific classes */
	margin-left:2em;
	}

/* Info */
.info {
	color: #0055BB;
	border-top: .188em solid #629de3;
	border-bottom: .188em solid #629de3;
	background: #D8E5F8;
	}
.info ul, .info ol, .info dl {
	margin:0;
	padding:0;
	}
.info li, .info dd {
	padding:0em 0; /* lists without specific classes */
	margin-left:2em;
	}
	
/* * * [ 4.2 Floats ] * * */
.float_left {float:left; margin: 0 .3em .3em 0;}      /* apply this class to any image or element with width - text will wrap it to the right */
.float_right {float:right;  margin: 0 0 .3em .3em;} /* apply this class to any image or element with width  - text will wrap it to the left */
.clearthefloats {
	clear:both;
	}
	
/* * * [ 4.3 Clearfixs ] * * */
/* THE ALSETT CLEARING METHOD */
.clearfix:after {
 content: '.';
 display: block; 
 height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix {display: inline-table;}
/* backslash hack hides from IE mac \*/ LEAVE THIS COMMENT RIGHT HERE
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end backslash hack */ 

/* * * [ 4.4 Miscellaneous ] * * */

#wysiwyg_div_artContent table {
	border:none;
	}

/*----------------------------
[ 5. CSS/Layout/Design Notes ]
----------------------------*/