/*////// MODIFICATION NOTES //////
- start modifications in mozilla cause if they work in mozilla will work in IE
- be carefull of padding and margins cause mozilla and IE render different
- be carefull of automatic wrapping because mozilla will expand past width of div but IE will wrap
- centering a site does not work in mozilla but will in IE.  Have not found a way to center in mozilla.
  	. tried using <center> tag right after body tag.
- document setup in documentation.txt*/

/*///// EXAMPLE MODIFICATIONS ////
-change width of site
	. change all widths of 800px to correct width
-use right advertising bar
	. in right section, uncomment display:none;
-move right advertising section to left
	. change float:right to float:left
	. in content add padding to accomodate width of right bar such as left is indicated
	. if it is needed left of left section, in index, move div to before left section
-add a header image
	. put image in uploads
	. change url in header id
	. set appropriate height of header id block*/	


/*////////////// BODY ///////////////*/
body{	
	background: #585A5C;

	/* position down a bit*/
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	
	width: 783px;
	
	/*holy crap, in IE you need to use align='center' on div but this is for mozilla*/
	margin-left:auto;
	margin-right:auto;
	}

a{ 
	text-decoration: none;
	color: #58595B;	
	}

a:link{
	text-decoration: none;
	color: #58595B;
	}
	
a:visited{
	text-decoration: none;
	color: #58595B;
	}
	
a:active{
	text-decoration: none;
	color: #58595B;
	}

a:hover{ 
	text-decoration: none;
	color: #1F508F;
	}
/*////////////// BODY END ///////////////*/

/*////////////// HOME PAGE ///////////////
#home a{ 
	text-decoration: none;
	color: #1F508F;	
	}*/
/*////////////// HOME PAGE END ///////////////*/

/*////////////// MISCELANEOUS ///////////////*/
.image{
	/* include on all images */
	vertical-align: middle;
	border: 0px solid #000000;
	}

.error{
	font-family: Arial;
	font-size: 11px;
	color: #FF3333;
	}
	
.info{
	font-family: Arial;
	font-size: 11px;
	color: #336699;
	}
	
.javascriptInfo{
	/* for login page */
	color:#6699AA;
	}
	
.currentLink{
	color: #1F508F;
	}
	
.twelvePt{
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	}	
	
.textbox{
	font-family: Arial;
	font-size: 9px;
	color: #58595B;
	height: 19px;
	}	
/*////////////// MISCELANEOUS END ///////////////*/


/*////////////// HEADER ///////////////*/
#header{
	background: url(images/KUNDGR_Header4.jpg) no-repeat top left;

	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	
	/* change depending on header image height*/
	height: 110px;
	width: 783px;
	
	z-index: 0;
	
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	}
#banner{
	display:none;
}	
#header td{
	/* text inside this block is*/
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	}
/*////////////// HEADER END ///////////////*/


/*////////////// HEADER LINKS ///////////////*/
#headerLinks{
	background: url(images/K_Intrnl_02.jpg) no-repeat top center;

	/* position from header id*/
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	
	/* change height accodring to look*/
	width: 783px;
	
	z-index: 0;
	
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	}

#headerLinks td{
	/* text inside this block is*/
	font-family: Tahoma; font-stretch:ultra-expanded; 	
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	
	padding: 0px 0px 0px 24px;
		
	vertical-align: bottom;
	text-align: left;
	}

#headerLinks a{
	color: #DDDDDD;
	}
	
.headerlinkstatic a{
	color: #FFFFFF;
	}	

.headerlinkstatic{
	background: #00A54F;
	}
	
.headerlinkstatic a:hover{
	color: #1F508F;
	}		
	
#subnav a{
	font-family: Arial;
	font-size: 9px;
	color: #1F508F;
	}		
/*////////////// HEADER LINKS END ///////////////*/	


/*////////////// BREADCRUMB ///////////////*/
#breadcrumb{
	background: url(images/KUNDGR_brdcrmbs.jpg) repeat top left;

	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
		
	height: 40px;
	width: 783px;
	
	z-index: 0;
	
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	}

#breadcrumb td{
	/* text inside this block is*/
	font-family: Arial;
	font-size: 9px;
	color: #666666;
	
	padding: 10px 0px 0px 30px; 
			
	vertical-align: middle;
	text-align: left;
	}
	
#breadcrumb a{
	font-family: Arial;
	font-size: 9px;
	color: #1F508F;
	}
/*////////////// BREADCRUMB END ///////////////*/

/*////////////// CENTER PART ///////////////*/	
#center{
	background: url(images/KUNDGR_brdcrmbs.jpg) repeat top left;

	/* spacing between header links, header, and footer */
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	
	width: 783px;
	
	z-index: 0;
	
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	}	
#center table td{
	/* text inside this block and not inside left, content, right is*/
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #58595B;
	}
	/*////////////// LEFT LINKS ///////////////*/
		#center #leftLinks{
			background: url(images/KUNDGR_sidenav.jpg) repeat top left;
		
			margin: 0px 0px 0px 0px; 
			padding: 0px 0px 0px 0px;
			
			width: 250px;			
			
			/* change if wish to reposition inside center */
			float: left;
			
			z-index: 5;
			
			filter: alpha(opacity=100);
			-moz-opacity: 1.0;
			}
		
		#center #leftLinks td{
			font-family: Arial;
			font-size: 11px;
			color: #000000;	
			
			padding: 6px 0px 0px 30px; 
										
			vertical-align: middle;
			text-align: left;
			}
		
		#center #leftLinks th{
			/* use as title of modules for each link set, auto centered */
			font-family: Arial;
			font-size: 11px;
			font-weight: normal;
			color: #58595B;
			}
	/*////////////// LEFT LINKS END ///////////////*/		
	
	/*////////////// CONTENT ///////////////*/
		#center #content{
			background: url(images/KUNDGR_bodytext.jpg) repeat top left;
			
			/* margin sets size of content depending on size of left or right modules*/
			margin: 0px 0px 0px 250px;	
			padding: 0px 0px 0px 0px; 		
			}
			
		#center #content table{
			/* shouldn't have to change unless wish to allow wrapping of content */
			position: relative;
			}
						
		#center #content table td{		
			font-family: Arial;
			font-size: 11px;
			color: #58595B;
			
			/* space around content */			
			padding: 3px 40px 3px 10px;
			}
		
		#center #content a{
			color: #1F508F;
			}
			
		#center #content form{ 
			display:inline;
			}	
			
		#center #content form td{ 
			padding: 0px 0px 0px 0px;
			}
			
		#center #content ul{ 
			padding: 0px 0px 0px 0px;
			margin-top: 0px;
			margin-bottom: 0px;
			}	
			
		#center #content ul li{ 
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			}		
	/*////////////// CONTENT END ///////////////*/
	
	/*////////////// RIGHT LINKS ///////////////*/
		#center #rightLinks{
			background: #BBBBBB; /*url(images/MRKTtopnav.gif) no-repeat top left;*/
		
			margin: 0px 0px 0px 0px; 
			padding: 0px 0px 0px 0px; 
			
			width: 150px;
			
			/* change if wish to reposition inside center */
			float: right;			
			
			z-index: 0;
			
			filter: alpha(opacity=100);
			-moz-opacity: 1.0;		
			
			/* uncomment if wish to display this module */
			display: none;
			}
		
		#center #rightLinks td{
			font-family: Arial;
			font-size: 11px;
			color: #58595B;
			
			vertical-align: middle;
			text-align: left;
			}
			
		#center #rightLinks th{
			/* same as left */
			font-family: Arial;
			font-size: 11px;
			color: #58595B;
			font-weight: normal;
			}
	/*////////////// RIGHT LINKS END ///////////////*/	
/*////////////// CENTER PART END ///////////////*/


/*////////////// FOOTER ///////////////*/	
#footer{
	background: url(images/KUNDGR_footer.jpg) no-repeat top left;

	/* move up just a little otherwise there is a space in IE */
	margin: -2px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	
	/* change accordingly */
	height: 90px;
	width: 783px;	
	
	z-index: 0;
	
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	}

#footer a{ 
	text-decoration: none;
	color: #1F508F;	
	}

#footer td{
	font-family: Arial;
	font-size: 9px;
	color: #58595B;
	
	/*vertical-align: middle;
	text-align: center;*/
	}
	
/* DO NOT MODIFY THIS, this makes the footer appear at bottom of either 3 columns, left, right, content */	
.floatFooter{ 
	clear: both;
	height: 0px;
	font-size: 0px;
	border: 0px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	visibility: hidden;
	}
/*////////////// FOOTER END ///////////////*/