﻿
/*--------------------------------------------------------------------------------
									GENERAL ELEMENTS
---------------------------------------------------------------------------------*/

* 
{
   padding:0px;
   margin:0px;
}

h1, h2, h3, h4, h5, h6, p, blockquote,  label, ul, ol, dl, fieldset, address 
{
    margin-bottom: 1em;
}

body,html 
{
	margin:0;
	padding:0;
}

body 
{
	margin-top: 0px;
	font-family: Arial, Sans-Serif;
	font-size: 13px;
	color: black;
	text-align: center;
	background-image: url(/Content/images/bg-content.png);
	background-repeat: repeat-x;	
	background-color: #ecf6f8;

}

h1
{
	font-size: 20px;
	color: #013a7f;  
	padding: 4px 0px 12px 0px;
	margin:0px;
	font-weight: bold;
	font-family:Georgia,Utopia,Palatino,'Palatino Linotype',serif;

}

h2
{
	font-size: 16px;
	font-family:Georgia,Utopia,Palatino,'Palatino Linotype',serif;
	color: #013a7f;  
	padding: 4px 0px 8px 0px;
	margin:0px;
	font-weight: bold;
}

h4
{
	font-size: 14px;
	color: #013c82;  
	padding: 8px 0px 8px 0px;
	margin:0px;
	font-weight: bold;
}


ul 
{
	margin-left: 2px;
	padding-left: 25px;
	
}

li 
{
	padding-left: 6px;
	padding: 2px;
	margin: 2px;
}

img { border: 0px; }
a:link, a:active, a:visited { color: #013a81;  }
a:hover { color: #89a6cf;  }
.error { color: Red; }

input[type="text"] { width: 250px; }

.greybox { text-align: left; padding: 20px; }


/*--------------------------------------------------------------------------------
									LAYOUT
---------------------------------------------------------------------------------*/

#wrap
{
	margin: 0 auto;
	width:975px;
	text-align: center;
}


#wrap_with_bg
{
	background-image: url("/content/images/bg-content.png");
	background-repeat: repeat-y;
	margin: 0 auto;
	width:975px;
	/*border: solid 1px red;*/
	text-align: center;
}

#main 
{
	text-align: left;
	background-color:White;
	/*border: solid 1px black;*/
	margin: 0 auto;
	width:944px;	
}

.sidemargins 
{
	padding: 0px 0px 0px 16px;
}


/*--------------------------------------------------------------------------------
									HEADER
---------------------------------------------------------------------------------*/

#header_bg 
{
	background-image: url("/content/images/bg-header.png");
	width:918px;
	margin: 0 auto;
}

#header 
{
	width:918px;
	vertical-align: bottom;
}

#header_gradient
{
	text-align:right;
}

#header_logos
{
	display: inline;
	float: left;
	width: 600px;
}
	
#header_links 
{
	text-align: right;
	float: right;
	width: 300px;
}

/*--------------------------------------------------------------------------------
									NAVIGATION
---------------------------------------------------------------------------------*/

#nav { float: left; margin-bottom: 10px; }
#nav img  {  	margin:0px; 	padding: 0px; }

ul#nav                         { position: relative;  list-style: none; margin:0px; padding:0px; }
ul#nav li                      { font-weight: bold; float: left; zoom: 1; margin:0px; padding:0px;  }

/* 
	LEVEL TWO
*/
ul#nav ul 						{ width: 159px; visibility: hidden; position: absolute; top: 100%; left: 207px; list-style: none; border: solid 1px #97a5c0; border-top: 0px; margin:0px; padding:0px; margin-top: -7px;}
ul#nav ul li 					{ background-color: #ecf5fe; font-weight: normal;  color: #000; border-bottom: 1px dotted #97a5c0; float: none; padding: 6px 6px 6px 6px}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul#nav ul li a					{ border-right: none; width: 100%; display: inline-block; text-decoration: none; font-size: 12px;} 


/*--------------------------------------------------------------------------------
									MAIN CONTENT
---------------------------------------------------------------------------------*/

#content-header-outer
{
	background-image: url("/content/images/content-header-bg.png"); 
	background-repeat:no-repeat; 
	width: 934px;
}

#content-header-inner 
{
	padding: 40px 40px 0px 40px;
}

#content-header-photo 
{
	float: left; 
	margin-top: -10px;
	margin-left: -10px;
}

#content-header-copy 
{
	float: right;
	width: 660px;
}
 
#content-header-copy p { line-height: 20px; font-size: 14px; }

#content-main 
{
	padding: 0px 40px 0px 40px;
		line-height: 18px;
}

#content-main p { line-height: 20px; }

#content-sub-wrapper 
{
	margin-left: -18px;
	width: 950px;
}
.content-sub-outer
{
	background-image: url("/content/images/content-sub-bg.png"); 
	background-repeat:no-repeat; 
	width: 301px;
}

.content-sub-inner 
{
	padding: 20px 30px 0px 30px;
}

.content-sub-inner a { font-weight: bold; }



/*--------------------------------------------------------------------------------
						CONTENT WIDE (CONTENT WRAPPING THE FULL PAGE)
---------------------------------------------------------------------------------*/

#contentwide_container 
{
	clear: left;
	text-align: left;
	width: 800px;
	color: #444444;
	line-height: 21px;
	padding-left: 5px;
	
}


/*--------------------------------------------------------------------------------
									FOOTER
---------------------------------------------------------------------------------*/

#footer_bg 
{
	background-image: url("/content/images/bg-footer.png");
	background-repeat: no-repeat;
	height: 16px;
	width:975px;
}

#footer 
{
	clear:both;
	text-align: center;
	padding-bottom:10px;
	margin: 0 auto;
	background-color:White;
}

#footer-inner 
{
	color: #023b82;  
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	text-decoration: none;	
	width: 865px;
	margin: 0 auto;
}

/*--------------------------------------------------------------------------------
									GENERAL CLASSES
---------------------------------------------------------------------------------*/

.logos
{
	margin-bottom: 10px;
	margin-left: 15px;
	margin-right: 15px;
	marker-offset: 0px;
}

.terms 
{
   font-size: 11px;
   padding:12px;
   line-height: 14px;
   margin:0px;
   color:#444444;
}

.right { 	float:right; }
.left  { 	float:left }

.dotted-x
{
	background-image: url("/content/images/KDA_dottedHorz.png");
	background-repeat: repeat-x;
	height: 2px;
	width: 100%;
}

.dotted-y
{
	background-image: url("/content/images/KDA_dottedVert.png");
	background-repeat: repeat-y;
	height: 100%;
}

.required  {  	color: Red; }

textarea.contact { width: 350px; height: 90px; }




/*--------------------------------------------------------------------------------
									LANDING
---------------------------------------------------------------------------------*/

#landing-bar {
	background-image: url("/content/images/landing/landing-bar.png");
	background-repeat: repeat-x;
	width: 946px;
	margin-left: -1px;
	float: left;
	height: 12px;
}

#landing-container 
{
	padding: 20px;
}


#landing-header-logos 
{
	text-align: right;
	float: right;
	width: 300px;
}

#landing-content
{
	float: left;
	width: 550px;
	line-height: 22px;
		
}
#landing-form-container 
{
	background-color: #ebf3f6;
	float: right;
	width: 250px;
	padding: 15px;
	border: solid 1px #c7c8c0;
}

.landing-form input[type="text"] { width: 200px !important; }
.landing-form textarea { width: 200px !important; }