body {
	background-image: url(../images/lines_bg.jpg);
	background-repeat: repeat;
	margin: 0px;
	font-family: "Times New Roman", Times, serif;
	color: #333333;
}

#mainBody {
	background-image: url(../images/flower-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 900px;
	background-color: #FFFFFF;
}

#shadows {
	background-image: url(../images/shadow_bgA.gif);
	background-repeat: repeat-y;
	background-position: center top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CECECE;
}
#banner {
	background-image: url(../images/kf-bannerA.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 79px;
	width: 900px;
}
#bodyBorder {
	
	width: 872px;
	border: 1px solid #575757;
}

#contentArea {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #333;
	padding-top: 20px;
	padding-right: 25px;
	padding-bottom: 20px;
	padding-left: 25px;
	text-align: left;
}


.content {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #333333;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-align: left;
}

#footer {
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	padding-top: 5px;
	padding-bottom: 10px;
}
#homeHeader {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	padding-top: 20px;
	padding-left: 20px;
	color: #333333;
}

.header {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	padding-top: 20px;
	color: #333333;
}

#homeContent {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	text-align: left;
	padding-left: 20px;
	padding-right: 30px;
	padding-top: 20px;
	color: #333333;
}
#homeContentTwo {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	text-align: left;
	padding-left: 200px;
	padding-right: 30px;
	padding-top: 20px;
	color: #333333;
}




a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: underline;
	color: #CC66CC;
}
a:active {
	text-decoration: none;
	color: #333333;
}
.editDelete {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.smText {
	font-size: 12px;
}

.medText {
	font-size: 14px;
}

#loggedIn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	height: 17px;
	width: 760px;
	padding-top: 6px;
	text-align: right;
}


/* FORM CSS */

.FormCSS {
	margin: 0px;
}


.FormCSS label.error {
	/* display: block; */
	color: red;
	font-style: italic;
	font-weight: normal;
}

.FormCSS input.error {
	border: 2px solid red;
}

.FormCSS table td {
	padding: 5px;
}

.FormCSS td.label {
	/* width: 180px; */
	padding-left: 10px;
	font-weight: bold;
	font-size: 14px;
}

.FormCSS td.field {
	font-size: 14px;
}

.FormCSS tr.required td.label {
	font-weight: bold;
	
}

.FormCSS td.field input.error, .FormCSS td.field select.error, .FormCSS tr.errorRow td.field input,.FormCSS tr.errorRow td.field select {
	border: 2px solid red;
	background-color: #FFFFD5;
	margin: 0px;
	color: red;
}

.FormCSS tr td.field div.formError {
	display: none;
	color: #FF0000;
}

.FormCSS tr.errorRow td.field div.formError {
	display: block;
	font-weight: normal;
}


.FormCSS {
	margin: 0px;	
}

.FormCSS .textfieldXSM {
	width: 30px;
}

.FormCSS .textfieldXMSM {
	width: 40px;
}

.FormCSS .textfieldSM {
	width: 60px;
}

.FormCSS .textfieldSMM {
	width: 100px;
}

.FormCSS .textfieldSMMM {
	width: 125px;
}

.FormCSS .textfieldMD {
	width: 150px;
	text-align: left;
}

.FormCSS .textfieldLG {
	width: 250px;
}

.FormCSS .textfieldXLG {
	width: 400px;
}

.FormCSS .textareaMD {
	width: 200px;
	height: 75px;
}
	
.FormCSS .textfieldXLG, .FormCSS .textfieldMD, .FormCSS .textfieldSM, .FormCSS .textfieldSMM, .FormCSS .textfieldLG, .FormCSS .textfieldXSM, .FormCSS .textfieldXMSM, .FormCSS .textfieldSMMM {
	padding: 5px; 
	font-size: 12px;
	border: 1px solid #003;
	color: #000;
	background-color: #ECF9FF;
	}
	
.FormCSS textarea {
	font-size: 12px;
	border: 1px solid #003;
	color: #000;
	background-color: #ECF9FF;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
	
	
.FormCSS .dropdown {
	font-size: 12px;
	border: 1px solid #003;
	color: #000;
	background-color: #ECF9FF;
	}	
	
.FormCSS input.radio {
		border:	none;
		background: transparent;
	}

.FormCSS .example {
	font-size: 11px;
	font-style: italic;
	color: #333;
}

.FormCSS .button, .button {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #003;
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #4587FF;
	border-right-color: #4587FF;
	border-bottom-color: #3160B5;
	border-left-color: #4C72C1;
}
.FormCSS .login, .login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	height: 16px;
	width: 120px;
	border: 1px solid #34538D;
}
.FormCSS .register {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	height: 16px;
	width: 180px;
	border: 1px solid #34538D;
}


/* Navigation */
/* Navigation */

#navBar {
	background-image: url(../images/navBarA.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 44px;
	width: 842px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-left: 29px;
	padding-right: 29px;
}
.padTop {
	padding-top: 0px;
}



/* Basic code - don't modify */
 
 #nav { display: block; margin: 0; padding: 0; position: relative;}
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav a.main { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 130px; }
#nav ul ul { left: 131px; }

/* Everything else is theming */
 
#nav {
	height: 32px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding-left: 10px;
		
}

#nav a.main { 
    padding-right: 20px;
	padding-left: 20px;
	color: #000;
	text-decoration: none;
	height: 32px;
	line-height: 34px;
	

}

#nav a.main:hover {
	color: #C69;
	text-decoration: none;
	/*padding-top: 2px;	*/
	line-height: 34px;
	height: 32px;	

}

#nav li.current a.main {
	padding-right: 20px;
	padding-left: 20px;
	color: #C69;
	text-decoration: none;
	height: 32px;
	line-height: 34px;
	display: block;
	float: left;
	background-repeat: repeat-x;
	background-position: top;	
}

#nav li.hover a {  } 

#nav ul {
	top: 33px;
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	color: #000;
	
}

#nav ul li a {
	background-color: #baceec;
	color: #000000;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000;
	border-left-color: #000;
	text-transform: none;
 }
 
#nav ul a.hover {
	background-color: #E7E7E7;
}

#nav ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

.imgPadding {
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
}