html, body{ 
	background			: url(../images/bg.gif);
	margin				: 0px;
	padding				: 0px;
} 

body,td,th,div{
	font-family			: Tahoma, Helvetica, sans-serif;
	font-size			: 13px;
	color				: #444;
}

 

#pagewidth{ }

 

#header{

 position:relative; 

 height:20%; 

 width:100%;

} 

 

#leftcol{

	width:20%; 

 float:left; 

 position:relative; 



 }

 

#maincol{  

 float: right; 

 display:inline; 

 position: relative; 

 width:80%; 

 }



#content {

width:	400px;

}

 

 

#footer{

 height:20%;  

 clear:both;

 } 

 



 

 /* *** Float containers fix:

 http://www.csscreator.com/attributes/containedfloat.php *** */ 

.clearfix:after {

 content: "."; 

 display: block; 

height: 0; 

 clear: both; 

 visibility: hidden;

 }

 

.clearfix{display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix{height: 1%;}

.clearfix{display: block;}

/* End hide from IE-mac */  





 

 /*printer styles*/ 

 @media print{ 

/*hide the left column when printing*/ 

#leftcol{display:none;} 

#twocols, #maincol{width:100%; float:none;}

}



/*CSS from Joomla*/



.justify { text-align : justify }

	

	

TD {

	font-family:"Lucida Grande","Lucida Sans Unicode", "verdana", "sans-serif";	

	font-size: 9pt;

	color: #666666;



}



.title {

	font-family:"Lucida Grande","Lucida Sans Unicode", "verdana", "sans-serif";

	font-size: 9pt;

	color: #002E66;

	font-weight: bold;

}

	

a:link {color : #045CB4; text-decoration : none; font-family : "Lucida Grande", "Lucida Sans Unicode", "verdana", "sans-serif"; font-weight: bold;}

a:visited { text-decoration : none; color : #3E8BD9; font-family : "Lucida Grande","Lucida Sans Unicode", "verdana", "sans-serif"; font-weight: bold;}

a:hover { color : #045CB4; text-decoration : underline; font-family : "Lucida Grande","Lucida Sans Unicode", "verdana", "sans-serif";  font-weight: bold;}

a:active { color : #045CB4; text-decoration : underline; font-family : "Lucida Grande","Lucida Sans Unicode", "verdana", "sans-serif";  font-weight: bold;}


ul {

padding:0;

margin: 0px;

list-style-position:inside;

}




#outline{

	width				: 840px;

	margin-top			: 10px;

	background			: url(../images/main_middle.jpg) repeat-y;

	overflow			: hidden;

}





table.moduletable{

	width				: 400px;

	margin-bottom		: 10px;

        align                           : left;

        }



table.contentpane{

        width                           : 400px;

        align                           : left;

}





table.moduletable th,

.sectiontableheader{

	font-weight			: bold;

	letter-spacing		: 1px;

	border-bottom		: 1px solid #666;

	font-family			:"Lucida Grande","Lucida Sans Unicode", "verdana", "sans-serif";	

	font-size			: 9pt;

}



table.moduletable td{

	padding-top			: 10px;

	font-family			:"Lucida Grande","Lucida Sans Unicode", "verdana", "sans-serif";	

	font-size			: 9pt;

	color				: #337FCC;

}



table.moduletable td td{

	padding-top			: 0px;

	font-family			:"Lucida Grande","Lucida Sans Unicode", "verdana", "sans-serif";	

	font-size			: 9pt;

	color				: #337FCC;

}





.sectiontableentry1{

	background:#e7e7e7;

}



.contentheading{

	color				: #337FCC;

	font-size			: 24px;

	text-decoration		: none;

	padding-bottom		: 7px;

	background			: url(../images/underline.jpg) repeat-x bottom;

}





.contentheading a{

	color				: #337FCC;

	text-decoration		: none;


}



.componentheading{

	color				: #337FCC;

	font-size			: 28px;

	margin-bottom		: 20px;

	text-decoration		: none;

}



.small,.createdate,.modifydate{

	color				: #999999;

	font-size			: 11px;

}