html { 
	width: 100%; 
	height: 100%; 
	margin-bottom: 1px; 
	text-align: center; 
	} 

*  { 
	margin: 0; 
	padding: 0; 
	} 

body  { 
	text-align: left; 
	font-family: verdana, "trebuchet ms", tahoma, arial, sans-serif; 
	font-size: small; 
	line-height: 160%; 
	color: #262644; 
	background: #efe9e7 url(kdsfimages/kdsf_back.gif) 50% 0 repeat-y; 
	} 




/* << main structural elements >> */ 


#accessnav  { 
	padding: 0 2em; 
	text-align: right; 
	font-size: 80%; 
	text-align: center; 
	background: #fff; 
	color: #b8b8c0; 
	border-bottom: 3px solid #cbbdb5; 
	} 

#inner  { 
	width: 750px; 
	margin-left: auto; 
	margin-right: auto; 
	background: #fff; 
	} 

#content  { 
	width: 650px; 
	padding: 20px 50px; 
	background: #fff; 
	} 

#nav  { 
	float: left; 
	width: 700px; 
	padding: 0 0 0 50px; 
	list-style: none; 
	background: #d6d1ce url(kdsfimages/kdsf_nav.gif) 0 0 repeat-x; 
	border-top: 3px solid #cbbdb5; 
	} 

#siteinfo  { 
	position: relative; 
	float: right; 
	width: 750px; 
	padding: 40px 0 20px 0; 
	line-height: 110%; 
	list-style: none; 
	font-size: 80%; 
	color: #5e62ba; 
	background: #dadbdd url(kdsfimages/kdsf_foot.gif) 0 0 repeat-x; 
	} 




/* << links >> */ 


a:link  { 
	color: #a12c5b; 
	text-decoration: underline; 
	} 

a:visited  { 
	color: #a12c5b; 
	text-decoration: none; 
	} 

a:hover { 
	color: #7d25c2; 
	text-decoration: underline; 
	} 

a:focus  { 
	color: #1b3aac; 
	} 

a:active  { 
	color: #1b3aac; 
	} 

#accessnav a  { 
	color: #b8b8c0; 
	} 

#accessnav a:hover { 
	color: #7d25c2; 
	text-decoration: underline; 
	} 

#nav a  { 
	display: block; 
	padding: 5px 15px; 
	font-family: "century gothic", verdana, tahoma, sans-serif; 
	color: #7474c5; 
	text-decoration: none; 
	border-left: 1px solid #cbbdb5; 
	} 

#nav a:hover  { 
	text-decoration: underline; 
	color: #df1620; 
	background: #ccbfb7; 
	border-bottom: none; 
	} 

#nav a:active  { 
	color: #fff; 
	text-decoration: underline; 
	} 

body#index li#navindex a, 
body#advice li#navadvice a, 
body#updates li#navupdates a, 
body#form li#navform a, 
body#notice li#navnotice a, 
body#contact li#navcontact a  { 
	color: #df1620; 
	background: url(kdsfimages/nav_topright.gif) 100% 0 no-repeat; 
	cursor: default; 
	} 

body#index li#navindex a:hover, 
body#advice li#navadvice a:hover, 
body#updates li#navupdates a:hover, 
body#form li#navform a:hover, 
body#notice li#navnotice a:hover, 
body#contact li#navcontact a:hover  { 
	color: #df1620; 
	text-decoration: none; 
	cursor: default; 
	} 

#nav li#navcontact a  { 
	border-right: 1px solid #cbbdb5; 
	} 

h1 a,  
h1 a:hover { 
	float: left; /* to avoid #fff gap between h1 & ul#nav in IE6 */ 
	display: block; 
	width: 750px; 
	height: 140px; 
	background: url(kdsfimages/kdsf_logo.gif) 0 0 no-repeat;  /* needs to be here and in h1 */ 
	text-decoration: none; 
	border: none; 
	} 




/* << secondary elements >> */ 


h1  { 
	width: 750px; 
	height: 140px; 
	text-indent: -5000px; 
	background: url(kdsfimages/kdsf_logo.gif) 0 0 no-repeat;  /* needs to be here and in h1 a */ 
		} 

h2  { 
	margin: 30px 0 0 0; 
	padding: 10px 0; 
	font-family: "century gothic", tahoma, arial, sans-serif; 
	font-size: 150%; 
	color: #df1620; 
	} 

h3  { 
	margin: 15px 0 0 0; 
	padding: 5px 0; 
	font-family: "century gothic", tahoma, arial, sans-serif; 
	font-size: 130%; 
	color: #705ab7; 
	} 

h4  { 
	margin: 20px 0 10px 0; 
	font-size: 110%; 
	color: #4048ef; 
	} 






/* << paragraphs >> */ 


p  { 
	margin: 0.7em 0 0 0; 
	} 

#accessnav p  { 
	display: inline; 
	} 






/* << lists >> */ 


#accessnav ul  { 
	display: inline; 
	} 

#accessnav li  { 
	display: inline; 
	margin: 0 0 0 1em; 
	} 

ul#nav li  { 
	float: left; 
	} 

body#index li#navindex, 
body#advice li#navadvice, 
body#updates li#navupdates, 
body#form li#navform, 
body#notice li#navnotice, 
body#contact li#navcontact  { 
	background: #fff url(kdsfimages/nav_topleft.gif) 0 0 no-repeat; 
	} 

#siteinfo li  { 
	padding-right: 50px; 
	text-align: right; 
	} 

#content ul { 
	margin: 0; 
	padding: 0 0 0 20px; 
	} 

#content ul li  { 
	margin: 0; 
	padding: 2px 0 0 0; 
	list-style: circle; 
	} 

#content ol li  { 
	margin: 0 0 0 30px; 
	list-style-type: decimal; 
	list-style-image: none; 
	} 

dd  { 
	margin: 0.5em 0; 
	border-bottom: 1px solid #dbdbdd; 
	} 

dd#printprofile  { 
	padding: 2em 0; 
	} 

body#contact dt  { 
	font-weight: bold; 
	} 

body#contact dd  { 
	padding: 0; 
	border: none; 
	} 





/* << forms >> */ 



fieldset  { 
	margin: 10px 0; 
	padding: 10px 20px 20px 20px; 
	border: 1px solid #8e93f5; 
	} 

legend  { 
	padding: 0.1em 0.5em; 
	font-weight: bold; 
	color: #4048ef; 
	background: #fff; 
	background: #efe9e7; 
	border: 1px solid #8e93f5; 
	} 

label  { 
	float: left; 
	width: 10em; 
	} 

label.submit, 
label.where, 
label.profile  { 
	width: auto; 
	} 

label.profile  { 
	width: 100%; 
	} 

label.postal, 
label.seeking  { 
	width: 5em; 
	float: none; 
	} 

input  { 
	width: 200px; 
	} 

input.radio  { 
	width: auto; 
	margin: 0 0.3em 0 1em; 
	} 

input.submitform  { 
	width: auto; 
	padding: 0.2em 1em; 
	color: #f00; 
	} 

textarea  { 
	width: 600px; 
	height: 100px; 
	} 

#onlineform  { 
	padding: 10px 0 50px 0; 
	border-bottom: 1px dotted #4048ef; 
	} 

#printedform  { 
	padding: 20px 0 0 0; 
	} 






/* << minor, decorative elements >> */ 



.domain  { 
	font-weight: bold; 
	} 

em  { 
	font-weight: bold; 
	} 

abbr  { 
	speak: spell-out; 
	border-bottom: 1px dotted #000; 
	cursor: help; 
	} 





