/*  
Theme Name: siteground-wp23
Theme URI: http://www.siteground.com
Description: 
Version: 1.0
Author: SiteGround
Author URI: http://www.siteground.com
*/

/*  
Edited for knowledgeportalcfn.com
*/
@charset "UTF-8";

body {
	font-size: 10px;
	font-family: Tahoma, Verdana, serif;
	color: #333;
	text-align: center;
	margin: 0;
	padding: 0;
	background: url(http://knowledgeportalcfn.com/images/bg.jpg) top left;
	}
/*  TOP	change height: 310px; */
#top {
	background: url(http://knowledgeportalcfn.com/images/top_bg.jpg) top left repeat-x;
	height: 210px;
}	

/* width: 900px; */	
#wrapper {
	width: 950px;
	margin: 0 auto;
}
/* width: 900px; */	
#page {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 950px;
	}
/* width: 900px; */
/* background: url(images/main_bg.jpg) top center repeat-y;	*/
/* /wp-content/uploads/2010/01/main_bg.jpg	*/
#holder {
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
	background: url(http://knowledgeportalcfn.com/wp-content/uploads/2010/01/main_bg.jpg) top center repeat-y;
	padding: 0;
}

/* links */  
a:link, a:visited {
	text-decoration: underline;
color: #5076b6;
}
/* Header image	replace with cfn header */ 
/* Old height: 221px;background: url(images/header.jpg) top center no-repeat; */
/* http://knowledgeportalcfn.com/wp-content/uploads/2010/01/cfn_header.jpg	*/
/* width: 900px; */	
#header {
	padding: 0;
	height: 109px;
	margin: 0 auto;
	background: url(http://knowledgeportalcfn.com/wp-content/uploads/2010/05/cfn_header.jpg) top center no-repeat;
	width: 950px;
	}
/* headerimg pull padding: 40px 0 0 20px; */ 
#headerimg {
	height: 40px;
	padding: 0px 0 0 0px;
	text-align: right;
	width: 300px;
	float: left;
	letter-spacing: 1px;
}
/* width: 900px; */	
/*  	background: url(images/search.jpg) top left no-repeat; */
 /* /wp-content/uploads/2010/01/search.jpg	*/
#search {
	width: 950px;
	height: 52px;
	background: url(http://knowledgeportalcfn.com/wp-content/uploads/2010/01/search.jpg) top left no-repeat;
	margin: 0 auto;
}
/* width: 900px; */	
/* 	background: url(images/main_top.jpg) top left no-repeat; */
#main_top {
	background: url(http://knowledgeportalcfn.com/wp-content/uploads/2010/01/main_top.jpg) top left repeat;
	height: 13px;
	margin: 0 auto;
	width: 950px;
}
/* width: 690px; */
#content {
	font-size: 12px;
	padding: 0 10px 20px 10px;
	width: 700px;
	}
 * html #content
   { vertical-align: top; } 

/* width: 900px; */	
#footer {
	clear: both;
	width: 950px;
	padding: 0;
	margin: 0 auto;
	background: url(http://knowledgeportalcfn.com/wp-content/uploads/2010/01/footerrepeat.jpg) top left repeat;
	}
	
#footer p {
	height: 20px;
	margin: 0;
	padding: 10px 0 0 0;
	text-align: center;
	color: #FFF;
	}
	
.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.alt {
	border: 1px solid #CCC;
	color: #333;
	}

small {
	font-family: Tahoma, Verdana, serif;
	font-size: 0.9em;
	line-height: 1.5em;

	}

h2, h3 {
	font-family: Tahoma, Verdana, serif;
	font-weight: bold;
	}

 edit  {
	font-size: 12px;
	text-align: left;
	}		
 #headerimg .description {
	font-size: 12px;
	text-align: right;
color: #333;
	}

h2 {
	font-size: 1.6em;
	}

h2.pagetitle {
	font-size: 1.6em;
	text-align: left;

	}
/* 	background: url(images/sidebar_h2.jpg) top left repeat-x;  */
#sidebar h2 {
	font-family: Tahoma, Verdana, serif;
	font-size: 12px;
	padding: 4px 0 4px 8px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
	background: url(http://knowledgeportalcfn.com/wp-content/uploads/2010/01/footerrepeat.jpg) top left repeat;
	line-height: 18px;
	border: 1px solid #204182;
	margin: 0%;
	}

h3 {
	font-size: 1.3em;
	}

/* add new h1 color: #577596 change to f6f6f6  */
h1, h1 a, h1 a:hover, h1 a:visited,  #headerimg .description {
	text-decoration: none;
	font-weight: normal;
           color: #ffffff;  
font-size: 1px;
      
	}
 
	
#headerimg a:hover {
	text-decoration: none;
	}

h2, h2 a, h2 a:visited {
	color: #5076B6;
	}

h2, h2 a, h2 a:hover, h2 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}
	
h3, h3 a, h3 a:visited {
	text-decoration: none;
	color: #5076B6;
}

h3 a:hover  {
	
}

.entry p a:visited {
	color: #666;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em Tahoma, Verdana, serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: Tahoma, Verdana, serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 1em Tahoma, Verdana, serif;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #333;
	}

code {
	font: 1.1em Tahoma, Verdana, serif;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}
	
a:link, a:visited {
	color: #5076B6;
	text-decoration: underline;
}
h2 a:hover {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #0B3768;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em Tahoma, Verdana, serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
	
.narrowcolumn {
	float: right;
	padding: 0;
	margin: 0;
	}

.widecolumn {
	float:right;
	padding: 0;
	margin: 0;
	}

.post {
	padding: 10px;
	margin: 10px 0 20px 0;
	border: 1px solid #CCC;
	text-align: justify;
	background: url(http://knowledgeportalcfn.com/images/bg.jpg) top left;
	}

.post hr {
	display: block;
	}
	
.post-date {
	width: 26px;
	height: 35px;
	float: left;
	padding: 10px 8px 10px 8px;
	background: url(http://knowledgeportalcfn.com/images/datebg.gif) top center no-repeat;
	margin: 0 10px 0 0;
}

.post-month {
	font-family: Verdana, Tahoma, Arial;
	font-size: 8px;
	text-transform: uppercase;
	color: #333;
	text-align: center;
	display: block;
	line-height: 11px;
	padding: 0;
}

.post-day {
	font: Tahoma, Verdana, serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	text-align: center;
	display: block;
	line-height: 18px;
	padding: 0;
}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	text-align: left;
	color: #333;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	background: #fefefe;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: left;
}

h1 {
	font-family: Arial;
	font-size: 30px;
	font-weight: bold;
	text-align: left;
	margin: 5px 0 0 0;
	}

h2 {
	margin: 0;
	}

h3 {
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}


p img {
	padding: 0;
	max-width: 100%;
	}
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

	
html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
 	padding: 0; 
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
 background: #17549f;
 
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
 margin: 5px 0 0 10px; 
	}

#sidebar ul ul ul, #sidebar ul ol {
 	margin: 0 0 0 10px; 
	}

#sidebar ol li, #sidebar ul ol li, ol li {
	list-style-type: none;
	}

#sidebar ul li ul{
	list-style-type: none;
	margin: 0;
	padding: 2px 5px 3px 2px;	
	border: 4px solid 
	border-top: none;
}
/* #F5F5F5  change to: 17549f */  
#sidebar ul ul li, #sidebar ul ol li {
 	padding: 0; 
	margin: 0;
	border: none;
	background: #17549f;
	border-top: 1px solid #001e73;	
	width:220px;
	}
	
#sidebar ul ul li a, #sidebar ul ol li a { 
	text-decoration: none;
/*	padding: 4px 0 4px 20px;*/
	font-size: 12px;
	line-height:24px;
color: #cde0f7;
	background: url(http://knowledgeportalcfn.com/images/menu_bg.gif) center left no-repeat;
}

#sidebar ul ul li hover, #sidebar ul ol li hover{ 
	text-decoration: none;
	font-size: 12px;
	line-height:24px;
color: white;
	background: url(http://knowledgeportalcfn.com/images/menu_bg.gif) center left no-repeat;
}
/* EDIT FOR NAV */  
/* Was blank */  
#sidebar ul li.categories ul li a {
color: #cde0f7;
background-image: url(http://knowledgeportalcfn.com/wp-content/uploads/2010/01/navbackdark.jpg);
background-repeat: repeat;

} 
/* add */  	
#sidebar ul li.categories li a:hover {
color: white;
} 
#sidebar ul ul li a:hover, #sidebar ul ol li a:hover {
	color: white;
	background: url(http://knowledgeportalcfn.com/images/menu_bg.gif) center left no-repeat;
	}
 


#searchform {
	text-align: left;
	height: 20px;
	padding: 22px 0 0 10px;
	margin: 0;
}
/* width: 120px; */
#searchform #s {
	width: 120px;
	padding: 2px;
	border: 1px solid #FFF;
	background: url(/images/search_bg.jpg) top left no-repeat;
	color: #FFF;
	margin: 4px 0 0 0;
	}
	
#searchform #searchsubmit {
	background: url(images/searchbut.gif) center center no-repeat;
	border: 0;
	margin: 0 10px 0 10px;
	width: 11px;
}
/* width: 122px; */
/* width: 200px; */
#sidebar #searchform #s {
	width: 200px;
	padding: 2px;
	border: 1px solid #FFF;
	background: transparent;
	color: #FFF;
	}

#sidebar #searchsubmit {
	padding: 1px;
	border: 1px solid #FFF;
	background: transparent;
	color: #FFF;
	}

.entry form {
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	border: 1px solid #CCC;
	color: #333;
	background: #fefefe;
	}

#commentform textarea {
	padding: 5px;
	border: 1px solid #CCC;
	color: #333;
	width: 458px;
	background: transparent;
	}

#commentform #submit {
	margin-bottom: 15px;
	border: 1px solid #CCC;
	color: #666;
	background: #fefefe;
	}

	
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	background: transparent;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

	

	/* width: 180px; */
/* width: 220px; */
#sidebar {
	float: left;
	width: 220px;
	padding: 0 0 0 6px;
	}
 * html #sidebar 
   { width: 220px; 
vertical-align: top; } 

#sidebar form {
	margin: 0px;
	}

	
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0px;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover {
	background-color: #fff; }


acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr  {
	border-bottom: 1px dashed #666;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 35px;
	}

/* FOOTER */

.sg1 {
	background: url(/images/banner_01.jpg) no-repeat;
	width: 28px;
	height: 16px;	
}
.sg2 {
	background: url(/images/banner_02.jpg) no-repeat;
	width: 107px;
	height: 16px;	
}
.sgtxt {
	font-size: 10px;
	font-family: Tahoma, Verdana, serif;
	color: #fff;
	text-align: left;
	text-decoration: none;
	}
.sgtxt {
	font-size: 10px;
	font-family: Tahoma, Verdana, serif;
	color: #fff;
	text-align: left;
	text-decoration: none;
}
#sgf {
	font-family: Tahoma, Verdana, serif;
	font-size: 10px;
	color: #fff;
	text-decoration: none;	
}
#sgf a.sgfooter {
	font-family: Tahoma, Verdana, serif;
	color: #fff;
	text-decoration: none;
	font-size: 10px;
}
#sgf a.sgfooter:hover {
	font-family: Tahoma, Verdana, serif;
	color: #fff;
	text-decoration: none;
	font-size: 10px;
}
/* width: 900px; background: url(images/menu_bg.gif) center left no-repeat; */	
#menu {
	clear: both;
	height: 25px;
	background: url(/wp-content/uploads/2010/01/footerrepeat.jpg) top center repeat;
	width: 950px;
	margin: 0 auto;
}

.nav {
	list-style-type: none;
	margin: 0 0 0 8px;
	padding: 0;
	white-space: nowrap;
}

.nav li {
	float: left;
	height: 25px;
	margin: 0;
}

.nav .page_item a {
	display: block;	
	float: left;
	color: #f1f1f1;
	text-decoration: none;
	height: 14px;
	font-size: 11px;
	font-family: Tahoma, Verdana, serif;
	padding: 6px 6px 0px 6px;
}

.nav .page_item a:hover {	
	cursor: pointer;
	text-decoration: underline;
	 
}
/* extra styles for home page */
table.home, table.newsevents {
	padding: 10px;
	width: 100%;
}

#events, #news, #home {
	border: 1px solid #3399ff;
	padding: 10px;
	text-align: left;
	vertical-align: top;
	width: 50%;
	
}
#full {
	border: 1px solid #3399ff;
	padding: 10px;
	text-align: left;
	vertical-align: top;
	width: 100%;
	
	
}

div.form {	
text-align: left;
	vertical-align: top;
	width: 400px;
}


 
div.event, div.news {
	border-bottom: 2px solid #0066cc;
}

 * html #post 
   { vertical-align: top; } 

.post small{display:none;}	


/*******************************************************************************
*  rMenu.css : 2008.09.30 : ruthsarian@gmail.com
* ------------------------------------------------------------------------------
* Ruthsarian Menus - A CSS-based dropdown menu system
*

* ------------------------------------------------------------------------------
*  This stylesheet is released into the public domain.
*******************************************************************************/

ul.rMenu,
ul.rMenu ul,
ul.rMenu li,
ul.rMenu-ver,
ul.rMenu a,
ul.rMenu1,
ul.rMenu1 ul,
ul.rMenu1 li,
ul.rMenu-ver1,
ul.rMenu1 a

{
	display: block;	
	margin: 0;
	padding: 0;	
	font-size: 1.1em;	
}
ul.rMenu,
ul.rMenu li,
ul.rMenu ul
{
	list-style: none;	
}
ul.rMenu ul
{
	display: none;		
}
ul.rMenu li
{
	position: relative;	
	z-index: 1;
}
ul.rMenu li:hover
{
	z-index: 999;		
}
ul.rMenu li:hover > ul/* hide from IE5.0 because it gets confused by this selector */
{
	display: block;		
	position: absolute;	
	
}

 /* width: 12em;	 */
ul.rMenu-ver, ul.rMenu-ver ul
{
	width: 220px;	
	text-align: left;
	background-color: white;
				 
						
}
 
 
ul.rMenu-lFloat
{
	float: left;	/* use this to float a vertical menu left. */
}
ul.rMenu-noFloat
{
	float: none;	/* this is to cover those cases where a menu
					   is floated by default and you have a reason
					   to not float it. such as a menu on the
					   right side of the screen that you want 
					   to have drops going left but not floated.
					   to be honest, i don't think this rule is 
					   needed. the clearfix hack will resolve
					   renering issues associated with a floated
					   menu anyways. */
}


ul.rMenu-ver ul 
{
	left: 60%;
	right: auto;
	top: auto;
	margin-top: -0.5em;	/* i prefer top: 80% but this creates a problem
						   in iCab so negative top margin must be used.
						   salt to taste. */
}
 

/*******************************************************************************
 * PRESENTATION : General
 *
 * This is where the visual presentation of the menu is handled. If you try to
 * alter the borders width or location of placement pay close attention to the
 * notes provided with the existing CSS rules in this section. There are key
 * reasons behind borders and negative margins being placed where they are.
 */
ul.rMenu li a
{  
	border: solid 1px #003b73;
	line-height: 1.5em;

	color: #99ccff;
	
}
  
ul.rMenu-ver li
{
	margin-left: 0;
	margin-top: -1px;	/* same thing above except for vertical
						   menus */
}
ul.rMenu-ver
{
	/* ditto */
}
ul.rMenu li a
{
	padding: 2px 5px 3px 2px;	/* 2px top, 3px bottom always seems to
							   provide the most visually balanced 
							   padding */
}
ul.rMenu li a:link,
ul.rMenu li a:hover,
ul.rMenu li a:visited,
ul.rMenu li a:active
{
	text-decoration: none;
}
ul.rMenu li.sfhover a:active,
ul.rMenu li.sfhovera a:active,
ul.rMenu li.sfhoverb a:active,
ul.rMenu li.sfhoverc a:active,
ul.rMenu li.sfhoverd a:active,
ul.rMenu li.sfhovere a:active,
ul.rMenu li.sfhoverf a:active,
ul.rMenu li.sfhoverg a:active,
ul.rMenu li.sfhoverh a:active,
ul.rMenu li.sfhoveri a:active,
ul.rMenu li:hover a:active
{
	color: #0f0f0f;
	background-image: url(/wp-content/uploads/2010/01/litenavback.jpg);
}
ul.rMenu li
{
	background-color: #0066cc;	/* default background color of menu items */
 
}
ul.rMenu li:hover,
ul.rMenu li.sfhover
{
	background-color: black;	


 
}
ul.rMenu li a:hover
{
background-color: black;	
}

#sidebar ul.rMenu li a:hover,
#sidebar li a:hover,
#sidebar li.pagenav a:hover
 {
	background-color: #1d3a56;
}
 
ul.rMenu li.rMenu-expand a,
ul.rMenu li.rMenu-expand a:link,
ul.rMenu li.rMenu-expand li.rMenu-expand a,
ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand a
{
	padding-right: 25px;
	background-image: url(/wp-content/uploads/2010/01/expand-right.gif); 
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background: right;
}
 
 
* html ul.rMenu
{
	display: inline-block;	
	/* \*/ display: block;	
	position: relative;		
	/* \*/ position: static;
}
* html ul.rMenu ul
{
	float: left;	 
	/* \*/ float: none;	 
}
ul.rMenu ul
{
	background-color: #fff;	 
}
* html ul.rMenu-ver li,
* html ul.rMenu-hor li ul.rMenu-ver li
{ 
	width: 100%;
	float: left;
	clear: left;	/ 
}
*:first-child+html ul.rMenu-ver > li:hover ul 
{
	min-width: 0;	 

}
ul.rMenu li a
{
	position: relative;	 
	min-width: 0;		 
}

li.rMenu-expand #sfhover a,
li.rMenu-expand #sfhovera a,
li.rMenu-expand #sfhoverb a,
li.rMenu-expand #sfhoverc a,
li.rMenu-expand #sfhoverd a,
li.rMenu-expand #sfhovere a,
li.rMenu-expand #sfhoverf a,
li.rMenu-expand #sfhoverg a,
li.rMenu-expand #sfhoverh a,
li.rMenu-expand #sfhoveri a,
li.rMenu-expand #sfhoverj a,
li.rMenu-expand #sfhoverk a,
li.rMenu-expand #sfhoverl a,
li.rMenu-expand #sfhoverm a,
li.rMenu-expand #sfhovern a,
li.rMenu-expand #sfhovero a,
li.rMenu-expand #sfhoverp a
 {
	background-color: #6699ff;
	color: #004486;
	border-color: #0066c8;
	padding: 2px 5px 5px 6px;
}

* html ul.rMenu-hor li
{
	width: 6em;	 
	/* \*/ width: auto;	 

}
 
html/* */:not([lang*=""]) div.rMenu-center ul.rMenu li a:hover {
	height: 100%;	
	background-color: black;
}
html:/* */not([lang*=""])  div.rMenu-center ul.rMenu li a:hover {
	height: auto;	
}

 
* html ul.rMenu ul
{
	display: block;
	position: absolute;	
}
* html ul.rMenu ul,
* html ul.rMenu-ver ul
{
	left: -10000px;		
}
* html ul.rMenu li.sfhover
{
	z-index: 999;		
}
* html ul.rMenu li.sfhover ul
{
	left: auto;		
}
* html ul.rMenu li.sfhover ul ul,
* html ul.rMenu li.sfhover ul ul ul
{ 
	display: none;		
}
* html ul.rMenu li.sfhover ul,
* html ul.rMenu li li.sfhover ul,
* html ul.rMenu li li li.sfhover ul
{
	display: block;	

}

* html ul.rMenu-ver li.sfhover ul
{
	left: 60%;		

}
* html ul.rMenu-vRight li.sfhover ul,
* html ul.rMenu-hRight ul.rMenu-ver li.sfhover ul
{
	left: -60%;		

}
* html ul.rMenu iframe
{

	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;		
}


.clearfix:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix
{
	min-width: 0;		
	display: inline-block;
	/* \*/	display: block;	
}
* html .clearfix
{
	/* \*/  height: 1%;	
}