/*KMD Financial

*/

body { 
	margin: 0; 
	padding: 0; 
	font: 74% Verdana, sans-serif; 
	color:#ccc;  
	background: #ffffff repeat-x;		/* 6/8/09: removed nonexistent file: url(img/bg.jpg) */
	line-height: 1.5em; 
}


#content { 
	background: #FFF url(img/bgmain.jpg) repeat-y center;
	margin: 0 auto; 
	padding: 0; 
	width: 786px;
}

/* HEADER 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
#header { 
	margin: 0; 
	width: 786px; 
	background: url(img/header_ff.jpg) no-repeat center top;  
	height: 263px; 
	color: #FFF; 
}

#header .title {
	padding: 45px 0 0 50px; 
}
#header h1 {
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 32px; letter-spacing: 2px; font-weight: 600 ;
		margin: 0;
		padding: 0; 
}

#header h2 {
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 16px; 
		background-image: none;
		color: #33300;
		margin: 0;
		padding: 0 0 0 -2px;
}

#header h4 {
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 14px; 
		background-image: none;
		color: #ffffff;
		margin: 0;
		padding: 0 0 0 2px;
}


/* SUBHEADER 
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#subheader { 
	background: #A90000 repeat-y center;	/* 6/8/09: removed nonexistent file: url(img/bgmenu.jpg) */
	width: 783px;
	height: 130px;
	color: #FFF;
}

#subheader .padding { 
	padding: 5px 15px 5px 15px; 
	color: #FFFDE4; font-size:12px; 
	text-align: justify; 
	line-height: 18px;
}
#subheader h2 { 
	color: #FEAB06; 
	background: none;
}
#subheader a {
	color: #FECF5F; 
}
strong {
	font-size:1.0em; 
	color: #000000;
}


/* NAVIGATION
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#nav { 
	text-align: left; 
	background: url(img/navbg.jpg) repeat-y; 
	color: #7D8085; 
	padding: 2px 0 0 0px; 
	width: 204px; 
}

.navtop{ 
	background: url(img/nav_top.jpg) no-repeat left; 
	height: 20px; 
	width: 205px;

}
.navbottom{ 
	background: url(img/navbottom.jpg) no-repeat left; 
	height: 100px; 
	width: 205px;	/* 6/9/09: reduced from 220px to match above. Fixes IE6 layout */

}

#nav li { 
	font-weight: bold; 
	margin: 5px 0 5px 3px; 
	padding: 0px 0 0 0px; 
	border-bottom: 1px solid #ccc; 
	height: 25px;
	width: 198px;
	/* 6/8/08: removed background to nonexistent file: url(img/li.gif) */
}

#nav li a { 
	color: #253802; 
	text-decoration: none;  
	padding: 5px 0 0 10px; 
	display: block; 
	height: 25px;
}
#nav li a:hover { 
	color: #FFF; 
	text-decoration: none;
	background:  url(img/hover2.jpg) no-repeat; 
	display: block; 
	height: 25px;}
	
#left_side #nav ul li.deadlink { 
	text-align: left; 
	width: 188px;
	padding: 5px 0 0 10px; 
	text-decoration: none;  
	color: #FFF; 
	background: url(img/hover2.jpg) no-repeat; 
	display: block;
	}


#menu {
	float:right;
	margin:5px 15px 5px 5px;
}

#menu a {
	font-size:0.9em;
	font-weight:800;
	padding:0px 8px 8px 10px;
}

#menu a:hover {
	color: #2D1102;
	text-decoration:underline;
}


/* MAIN
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#main { 
	background: #FFF; 
	width: 750px; 
	margin: 0 20px 0 15px; 
}  
#main p {
	color: #333333;      /* 4/10/09: color changed from ugly purple #330000 */
	font-size: 12px;
}
#main img{
	border:none; 
	float:left; 
	margin:5px 10px 6px;
}

#main #left_side { 
	padding:0px 0 0 10px; margin:0;
	width: 180px; 
	min-height: 305px;  
}

#main .right_side { 
	float: right; 
	width: 510px; 
	background: #FFF; 
	padding:15px 15px 0 0; 
	margin:0; 
	text-align: justify; 
	color:#CC0000; 
	}
	
#main h3 { 
	font: 105% Verdana, Sans-Serif; 
	margin: 0 0 10px 0; 
		color: #003300; 
	background: inherit;
}

#main .right_side ul { 
	margin: 5px 0 5px 0; 
	padding : 0;  
	border-bottom: 0px solid #eee; 
	color: #990000;
}
	
#main .right_side li { 
	margin: 0 0 2px 15px;
	padding: 0 0 0 0px;
	color: #263D0C;
}

#main .right_side .red{
	text-align:center; 
	color: #5D0B0B;
	font-weight:bold;
	}

/* 3/16/10: added to put brochure link (on bottom) up to the top */
#main .brochure_link1 { 
	float: right; 
	width: 150px;            
/*	background-color: #0F0; */
	background-color: transparent;
	margin: -390% 0 0 0;		/* 3/22/10: changed from -167em */
}
	
#main .brochure_link1 img {
	border:none; 
	float:left; 
	margin: 0px 5px 0px 0px;
}
/* (3/22/10: another brochure link not needed) */

#mainindex { 
	background: #FFF; 
	width: 750px; 
	margin: 0 20px 0 15px; 
}  
#mainindex p {
	color: #330000; 
	font-size: 12px;
}
#mainindex img {
	border:none;
}
#mainindex #left_side { 
	padding:0px 0 0 10px; margin:0;
	width: 180px; 
	min-height: 305px;  
}

#mainindex .right_side { 
	float: right; 
	width: 525px; 
	background: #FFF; 
	padding:15px 5px 0 0; 
	margin:0; 
	text-align: justify; 
	color:#CC0000; 
	}
	
#mainindex h3 { 
	font: 105% Verdana, Sans-Serif; 
	margin: 0 0 10px 0; 
	padding: 0; 
	color: #003300; 
	background: inherit;
}

#mainindex .right_side ul { 
	margin: 5px 0 5px 0; 
	padding : 0; 
	list-style : none; 
	border-bottom: 0px solid #eee; 
	list-style-type: square;
	color: #a90000;
}
	
#mainindex .right_side li { 
	margin: 0 0 2px 15px;
	padding: 0 0 0 0px;
	color: #000000;
}

/* 9/14/09: The only table is the 12-trainings. Since most are for small caption text, that's the default: */
#mainindex td p{
	font-size: 10px;
	line-height: 1.3;
/*	background: #00FFFF; */
}

/* 9/14/09: but this class restores table text to normal */
#mainindex .table_normal p {
	color: #330000; 
	font-size: 12px;
/*	background: #00FF00; */
} 

/* 3/22/10: brick-red links for index page*/
#mainindex .table_redlinks a {
	color: #CC0000; 
} 

a.linkopacity img {
	filter:alpha(opacity=80); 
	-moz-opacity: 0.8; 
	opacity: 0.8;}

a.linkopacity:hover img {
	filter:alpha(opacity=100);   
	-moz-opacity: 1.0;   
	opacity: 1.0;
}


/* FOOTER
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer { 
	clear:both;
	height: 23px;
	color:#555;  
	background: #fff url(img/footer.jpg) top no-repeat; 
	font-size:90%; 
	padding: 0; 
	text-align:center; 
}

#footer .padding { 
	padding: 5px 0px 0px 0px; 
}
#footer .right { 
	float:right; 
	clear:right; 
	text-align:right; 
}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------*/
ul { 
	margin: 0 0 0px 0; 
	padding : 0; 
	list-style : none; 
}
li { 
	margin: 0 0 2px 0; 
	padding: 0 0 0 0px;	
	color: #990000; 
}
p { 
	margin: 0 0 5px 0; 
	padding: 0; 
	color: #808080; 
	background: inherit; 
}
a { 
	color: #253802; 
	background: inherit; 
	text-decoration:none; 
}
a:hover { 
	color: #31140A; 
	background: inherit; 
	text-decoration:none; 
}

h1 { 
	padding:0; 
	margin:0; 
	color: #FFF; 
	background: inherit;
	font: bold 1.8em Arial, Sans-Serif; 
	letter-spacing: -1px;
}

h1 a { 
	color: #FFF; background: inherit; 
}

h2 { 
	background: url(img/h.jpg) no-repeat left bottom;
	color: #1E2A08;
	font-size:140%; 
	font-weight:bold;
	height: 25px; 
	margin: 5px 0 7px 0px; 
	padding:5px 0 0 -2px; 
}

h2 a { 
	background: #FFF; color: #000; 
}
h2 a:hover { 
	background: #FFF; color: #A90000; 
}
h5 {
	text-align: left;
	font-size:110%;
	display: block;
	padding-left: 6px;
	margin: 10px 0px 0px 2px;
	border-left: 6px solid  #660000;
	border-bottom: 1px solid #cccccc;
}

.tiny{
	font-size: 9px;
}

.center{
	text-align:center; 
}



/*** ______________________Sitemap Box______________________ ***/

/* 4/14/09 changed one "sitemap" ID to two for two side-by-side columns */

/* left column: */
#sitemap_col1 {
	width: 200px;            /* 4/14/09 cut from 380px for half-column */
	background-color: transparent;
	margin: 20px 0 0 20px;    
}

#sitemap_col1 a {
	text-decoration :none; 
}

#sitemap_col1 ul{
	margin:10px;
	padding:0;
}

#sitemap_col1 li{
	list-style: none;
	margin:0 0 10px 0;
	padding:0 0 0 0px;
}

/* right column: */
#sitemap_col2 {
	float:right;
	width: 270px;            
	background-color: transparent; 
/*	background-color: #00F; */
	margin: -52em 0 0 255px;    /* 4/14/09 negative margin forces up, 9/18 adjusted amount, 3-22-10 adjusted again */
}

#sitemap_col2 a {
	text-decoration :none; 
}

#sitemap_col2 ul{
	margin:10px;
	padding:0;
}

#sitemap_col2 li{
	list-style: none;
	margin:0 0 10px 0;
	padding:0 0 0 0px;
}

/*** ______________________Double Columns______________________ ***/

/* 8/27/09 created since "sitemap" columns above are uneven */

/* left column: */
#maindoubled_Lcol {
	width: 240px;
	background-color: transparent; 
/*	background-color: #0F0; */
	margin: 20px 0 0 20px;    
}

#maindoubled_Lcol p {
	font-size: 10px;
	line-height: 1.3;
}

/* right column: */
#maindoubled_Rcol {
	float:right;
	width: 240px;            
	background-color: transparent; 
/*	background-color: #00F; */
/*	margin: -34em 10px 0 0; */
	margin: -319% 10px 0 0;
}

#maindoubled_Rcol p {
	font-size: 10px;
	line-height: 1.3;
}

/*** ______________________Others______________________ ***/

textarea.text { 
	height: 150px; 
	width: 90%; 
	border: 1px solid #253802; 
	background: #FFF; 
	color: #354D5F;
}

textarea.text:hover { 
	border: 1px solid #253802; 
	background: #FFFFF4; 
	color: #000;
}

#innerbox{
	border:1px solid #000000;
	margin:5px auto;
	padding:5px 10px 10px 1px;
	width:98%;
}