/* layout.css */

/* Normalizes margin, padding */
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }
/* ul, ol, li, */ 

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
/* ol,ul { list-style : none; } KEC - why remove here */

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

html {
	text-align : center; 
	z-index:0; /*kec*/ 
}

body { 
	position : relative; 
	width : 800px; 
	margin : 0 auto; 
	text-align : left;
	padding-top : 0px;
	z-index : 1; /* kec */
	border:solid 1px #999; /* kec */
}

div#content { 
	position : relative; 
	width : 100%;
}

div#navsec { 
	top: 20px;
	left: 12px; /*20*/
	z-index : 1;
	width: 136px;
	margin: 0px;
}

div#contentmain {
	top: 20px;
	left : 166px; /*176*/
	width : 295px;
	background-color: #fff;
	/* overflow: auto; KEC change */	
}

/* ALL ELEMENTS THAT HELP CREATE THE SIDE BORDERS: Branding, Navmain, Content and Footer need to be 100% width */

/*
div#branding, div#footer, div#navmain {
width : 100%; }
*/

div#footer {
	position: relative;
	height: 100px;
	left:0px;
	margin:0px; padding:0px;
	z-index: 1;
	width:800px;
}

/* KEC added footernav */
div#footernav { 
	position: relative;
	left: 166px; /*176*/
	width:444px; /*424*/
	height: 30px;
	border-top:1px solid #888;
	top: 45px;
	margin:0px; padding:0px;
	text-align:left;
	
}

ul#footermenu { 
	position:relative;
	left:0px;
	width:444px; /*424px;*/
	height: 30px;
	margin:0px; padding:0px;
	list-style : none;
	text-align:left;
}

ul#footermenu li.footer_item {
	position : relative;
	height : 20px;
	width:111px; /*106px; */
	
	display : inline;
	list-style : none;
	float:left;
	margin:0px; padding:0px;
	/* text-align:left; */
}

div#footerend { 
	position: absolute;
	left: 166px; /*176px;*/
	width:424px;
	text-align:center;
	top: 64px;
}

.view_button 
{	
	position:relative;
	top:0px;
	width:100px;
	height:40px;
	margin-top:-1px;
	padding:0px;
	background-color:#ccc;
	text-align:center; 
	font-size:11px;
}

/* These classes in conjunction with the javascript make the footer appear at the bottom of the page based
on the height of the div with the tallest content. */

/* =si_clear_children */
.pc,.sc { position : absolute; top: 0; left: 0; }
.clear_children,.cc_tallest { position: relative; } /*\*/* html .clear_children { display: inline;}/**/
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */