/* CSS Document - layout.css */

/* RESET GLOBAL STYLES:
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
*{
	margin:0;
	padding:0;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption {
	margin:0; padding:0;
	border:0; outline:0;
	font-size:100%;
	background:transparent;}
body{line-height:normal;}
ol, ul{
	list-style: none;}
blockquote, q {
	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need cellspacing=0 in the markup */
table {
	border:none;}

/* APPLY GLOBAL STYLES:
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
HTML{
	display:block;
    background:url(images/bgr/pageBGR.gif) top left repeat #fff;}
BODY{
	display:block;
    background:url(images/bgr/pageBGR.gif) top left repeat #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8em;
    font-weight: normal;
    letter-spacing: normal;
	text-transform:none;
    word-spacing:normal;}
:focus {
	outline:1px solid #444444;}
.clearBoth {
	clear:both;
	height:0;
	visibility:hidden;}
/*-- links --*/
a,
a:visited,
a:active,
a:focus{
	color:#ffffff;}
a:hover{
	text-decoration:underline;}



/*~~~~~MIN - WIDTH:~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
the following 4 styles make sure that the page will respect the 
min-width property in all browsers and all browser versions.*/	
.minWidth01{
	display:block; width:100%; min-width:960px; margin:0; padding:0;}
* html .minWidth02{
	position:relative; float:left; border-left:960px solid #fff; padding:0; margin:0px}
* html .minWidth03{
	position:relative; float:left; margin-left:-960px; padding:0;}
.minWidth03{
	display:block; padding:0; margin:0;} 
	
	
/*~~~~~~ LAYOUT: ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.page_wrap{
	display:block;}
.page_width{
	display:block;}	
.accessibility{
	display:none;}
.header{
	padding:0;
	margin:0;}
.container{	
	display:block;
	background:#515151;
	width:100%;
	float:left;/*needs this for background color to show*/
	margin:0; padding:0;}
.content_width{
	display:block;
	width:770px;
	margin:0 auto;
	padding:0;}
.content_wrap{
	display:block;
	float:left; 
	margin:0 auto;
	background:url(Images/NAVIGATION_Backgr0.gif) repeat-y top left;
	padding:0;}
.content{
	width:470px; 
	display:block; 
	float:left;
	text-align:center;
	padding-bottom:10px;
	margin:0; padding:0;}
.footer {
	padding:0;
	margin:0;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  H E A D E R   
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/			
.header_wrap{
	display:block;
	position:relative;
	height:100px;
	background:#232b50;}
.header{
	display:block;
	width:770px;
	position:relative; 
	margin:0 auto;
	height:100px;}	
.header_inside{
	display:block;
	padding:0; margin:0;}
img.logo{
	display:block;
	width:349px;
	float:left;}
img.poweredByKuder{
	position:absolute;
	top:65px;
	right:10px;
	display:block;
	width:103px;
	margin:0;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  C O N T E N T  
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*see Layout section above!*/	
.container{}
.content_wrap{}
.content{}

.content img.clusterImage{
	padding:0; 
	margin:10px 0 10px 0; 
	width:440px; 
	border:0;}
.content p{
	display:block;
	padding:10px;}
/* ________________________________________________________________

N A V I G A T I O N  
__________________________________________________________________*/	
.col01{
	display:block;
	width:260px;
	float:left;
	margin:0; padding:0;
	padding-top:10px;}
.col01 .navigation {
	display:block;
	width:100%;
	margin:0; 
	padding:0;
	margin-bottom:15px;}
.col01 p {
	padding:10px 0;}
.col01 h2{	
	display:block;
	padding:5px 5px 5px 15px; margin:0;
	color:#fff;
	font-style:italic;
	font-size:1.3em;}
.col01 ul		{
	margin:0; 
	padding:0; 
	text-align:left;
	list-style:none;}
.col01 ul li  {
	display:block; 
	padding:5px 5px 5px 10px; 
	margin-left:20px;
	background:url(images/bulletWhite.gif) top left no-repeat;
	background-position:0 3px;
	width:100%;}
.col01 ul a   {
	display:block; 
	margin:0; 
	padding:0;
	font-size:.85em; 
	color:#fff; 
	font-weight:bold;
	text-decoration:none;}
.col01 a:active,
.col01 a:visited,
.col01 a:focus{
	text-decoration:none; 
	color:#fff;}
.col01 a:hover{
	text-decoration:underline;}

	
a.emailLink{
	margin-left:20px;}
/* ________________________________________________________________

F O O T E R    
__________________________________________________________________*/		
.footer	{
	display:block; 
	text-align:center;  
	font-size:8pt;
	margin:0;
	padding:0;
	background:#242424;
	border-top:2px solid #707070;
	color:#ffffff;
	clear:both;}
.footerRow01 {
	display:block; 
	padding:9px 0 3px 0; 
	margin:0;
	font-size:8pt;}
.footerRow02 {
	display:block; 
	padding:3px 0 9px 0; 
	margin:0;
	font-size:8pt;}
.footer a:link,
.footer a:active,
.footer a:visited {
	color:#eeeeee;
	text-decoration:none;
	font-size:8pt;}
.footer a:hover {
	color:#7b9bca;}