@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:#CCCCCC;
	}
* {
	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;
	line-height:1.25;
	padding:.5em 0 0 0;
	text-decoration: underline;
}
h3 {font-size:1.125em; line-height:1.25; }
h4 {font-size:1.125em; }
h5 {font-size:1em; }
h6 {font-size:.875em; }
p  {font-size:1em; line-height:1.25; margin-bottom:.75em; }

/* * * [ 1.2 Tag Styling ] * * */
a {
	}
a:hover {
	}
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) ] * * */
.no_float {float:none;}
.red {color:#FF0000;}
.blue {color:#0000FF;}
.green {color:#00FF00;}
.yellow {color:#FFFF00;}
.explain {font-size:0.8em;}
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;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	text-align:left; /* prevents page inheriting IE6 centering hack on body */
	background: transparent; /* 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(kfd_patch_100.png) no-repeat 8px center;
	height: 100px;
}
div.login {
 padding-top:0.5em;
 padding-bottom:0.5em;
}
div.menu_block {
	margin-top:0.5em;
	margin-bottom:0.5em;
	}
#mainContent_inner {padding:.5em;}
.sidebar_inner {padding:.5em;}
#footer {
	clear:both;
	margin:.5em .5em .5em .5em;
	}
#footer_inner {
	padding:.5em;
	color: #0000FF;
	text-align: center;
}
	
/* * * [ 2.2 One Column Layouts ] * * */
.oneColElsCtrHdr #mainContent {
	margin:0 .5em;
	clear: both;
	}
	
/* * * [ 2.3 Two Column Layouts - Right ] * * */
.twoColElsRtHdr #mainContent {
	margin:0 13em 0 .5em;
	}
.twoColElsRtHdr #sidebar1 {
	float:right;
	width:12em;
	margin-top: 0;
	margin-right: 0.5em;
	margin-left: 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 #sidebar1 {
	float: left;
	width: 12em; /* since this element is floated, a width must be given */
	margin:0 0.5em .5em;
	}
	
/* * * [ 2.5 Three Column Layouts ] * * */
.thrColElsHdr #mainContent {
 	margin: 0 13em 0 13em; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
} 
.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_block div {font-size:.9em;}

/* Color Scheme */
div.menu_block {
	color:#000000;
	background-color: #0000FF;
	border-top: 2px solid #0000FF;
	border-bottom: 2px solid #0000FF;
	}
div.menu_block a, div.menu_block a:visited  {
  color: #EFEFEF;
	}
div.menu_block a:active {
  color: #FFFF00;
}
div.menu_block a:hover {
  color: #9C9C9C;
	}
/* * [ 3.2.2.List ] * */

/* * [ 3.2.3.Table ] * */

/* * [ 3.2.4.Forms ] * */

/* * [ 3.2.5.Misc ] * */

/* * * [ 3.2 Main Content / #mainContent, #mainContent_inner ] * * */
/* * [ 3.2.1.Color schemes, Font-Size & Family ] * */
/* Font Sizes for this Section */
div#mainContent div {font-size:1em;}

/* Color Scheme */
#mainContent {
	color:#000000;
	background:transparent;
	}

/* * [ 3.2.2.List ] * */
#mainContent_inner ul, #mainContent_inner dl, #mainContent_inner ol {
		font-size:inherit;
		margin:0 1em .75em 1em; /* lists without specific classes */
		line-height:1.5;
	}
#mainContent_inner li, #mainContent_inner dd {
	padding:0em 0; /* lists without specific classes */
	margin-left:2em;
	}
#mainContent_inner dt {
	font-weight:bold;
	}
	
/* * [ 3.2.3.Table ] * */
table {
	width:auto;
	color:#000000;
	border-top:.188em solid #000000;
	border-bottom:none;
	font-size:1em;
	}
table caption {
	color:#000000;
	}
table th {
	/* consider font-weight & text-alignment */
	color:#000000;
	}
table td {
	color:#000000;
	font-size:inherit;
	}
table span {
	font-style:italic;
	font-size:.8em;
	}
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.2.4.Forms ] * */
#mainContent_inner form h3 { 
	margin-top:.25em; 
	margin-bottom:.5em;
	}
/* For Specific CSS modify: margins,border */
#mainContent_inner form {
	width: auto;
	padding:1em 0.75em 0.5em;
	}
#mainContent_inner form .section_header {
	border-bottom:thin solid #000000;

}
#mainContent_inner div.formsection {
	float:left;
	width:100%;
	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; background:rgb(192,192,192) }
#mainContent_inner input:focus, #mainContent_inner textarea:focus, #mainContent_inner select:focus {
	border:2px solid #77AAAA;
	}
#mainContent_inner label {
	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:right;
	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;
	}
	
#mainContent_inner table.dw_form {
	border-top:none;
	float:none;
	display:block;
	}
#mainContent_inner table.dw_form{
	float:none;
	border-top:none;
	}
#mainContent_inner table.dw_form td {
	padding:3px;
	}
#mainContent_inner table.dw_form input:focus, #mainContent_inner table.dw_form textarea:focus, #mainContent_inner table.dw_form select:focus {
	border:2px solid #77AAAA;
	}
#mainContent_inner table.dw_form input, #mainContent_inner table.dw_form textarea, #mainContent_inner table.dw_form select {
	background:#DADADA;	
	}
/* * [ 3.2.5.Misc ] * */
.conv_VS
	{
	min-height:175px;
	}

/* * * [ 3.4 Sidebars / #sidebar1, #sidebar2, .sidebar_inner ] * * */
/* * [ 3.4.1.Color schemes, Font-Size & Family ] * */
/* Color Schemes */
div.login {
  color:#000000;
	background-color: rgb(217,217,217);
	border-top: 2px solid #0000FF;
	border-bottom: 2px solid #0000FF;
  }
/* Font Sizes for this Section */
div#sidebar1 div, div#sidebar2 div{font-size: .80em;}

/* Two Column Sidebars */
#sidebar1, #sidebar2 {
	color:#000000;
	background: transparent; /* the background color will be displayed for the length of the content in the column, but no further */
	}

/* Three Column Sidebars */
.thrColElsHdr #sidebar1, .thrColElsHdr #sidebar2 {
	color:#000000;
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
}

/* Misc Font Info */
.sidebar_inner h3 {

	margin-top: 1em;
	}
	
.sidebar_inner h4 {
	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:.125em;
	color:#000000;
	border-top:.188em solid #000000;
	font-size:.90em;
	}
.sidebar_inner table caption {
	color:#00FF00;
	text-align: left;
	}
.sidebar_inner table th {
	text-align:left;
	color:#000000;
	}
.sidebar_inner table td {
	padding:.125em;
	color:#000000;
	font-size:inherit;
	}
.sidebar_inner table span {
	color:#FF0000;
	font-style:italic;
	font-size:.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 {
	border:none;
	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 ] * */

/* * * [ 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:#000000;	
	background:#FFFF00;
	}
	
/* * [ 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 ] * * */

/*----------------------------
[ 5. CSS/Layout/Design Notes ]
----------------------------*/
