html, body{  margin:0;  padding:5px ; /* text-align:center; */ height: 100%; } 
#border{
margin-left:auto;  margin-right:auto;
	padding: 1px 1px 1px 1px; 
	width:761px;
    border : 1px solid #C9C0A6;

    background-color : #fff;}
#pagewidth{  width:760px;  text-align:left;  margin-left:auto;  margin-right:auto;  background: url(bk.gif) repeat-y; } 
#leftcol{ width:175px;  float:left;  position:relative;  background-color:#D6E6EB;  background: url(D6E6EB.gif) repeat-y; height: 100%; padding-left:2px; padding-top:2px; padding-right:2px; }
#maincol{background-color: #fff;   float: right;  display:inline;  position: relative; width:570px;  padding: 3px; }
.clearfix:after { content: ".";  display: block; height: 0;  clear: both;  visibility: hidden; }
.clearfix{display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
body,td,tr,th,.inputbox{
	font : 12px "Lucida Grande", Verdana, Arial, sans-serif;
	vertical-align: top;
	padding-left: 15px;
	padding-right: 15px;
}
.sitename{font:  Helvetica, Verdana, Arial, sans-serif;color : #7BAFBF; font-size : 24px; font-weight: bold; }
.hp-heading{font:  Helvetica, Verdana, Arial, sans-serif;color : #7BAFBF; font-size : 24px;font-weight: bold; }
.sitenamel{ font:  Helvetica, Verdana, Arial, sans-serif; color: #9F6786; font-size: 14px; font-style:italic; }
#toptablecontainer{ margin-top: 8px; }
#mainbodycontainer{ float: right; width: 550px; margin-top:10px; }
#footer{ width: 100%; clear: both; }
/* Links */
a {color				: #5E8591; text-decoration		: underline; }
a:hover { color				: #00008B; }
a:visited:hover { color				: #9F6786; }
a:visited { color				: #9F6786; }
a:active { color				: #666; }
hr	{ height: 0px; border: solid #9F6786 0px; border-top-width: 1px;}
.inputbox{ 	font				: 78% "Lucida Grande", Verdana, Arial, sans-serif; 	border				: 1px solid #7BAFBF; }
.contentheading { color				: #7BAFBF;  	font-size			: 1.3em; 	text-decoration		: none; 	padding-bottom		: 2px; font-weight: bold;}
.componentheading { color				: #7BAFBF; 	font-size			: 1.3em;  	text-decoration		: none; 	padding-bottom		: 2px; font-weight: bold;}
h1{ color				: #7BAFBF;  	font-size			: 1.3em; 	text-decoration		: none;	padding-bottom		: 2px;}
h2{	color				: #000;	font-size			: 1em; 	text-decoration		: none;	padding-bottom		: 2px;}
h3{	color				: #000;	font-size			: 0.9em; 	text-decoration		: none;	padding-bottom		: 2px;}
h4{	color				: #000;	font-size			: 0.7em; 	text-decoration		: none;	padding-bottom		: 2px;}
.button {  font-family      : Verdana, Arial, Helvetica, sans-serif;  font-style       : normal;  font-size        : 1em;  font-weight      : bold;  color            : #fff;  border           : 1px solid #CCCCCC;  background-color: #9F6786;}
.small {  font-family      : Verdana, Arial, Helvetica, sans-serif;  font-style       : normal;  font-size        : .75em;  color            : #666;  }
 .quotes {  font-family      : Verdana, Arial, Helvetica, sans-serif;  font-style       : normal;  font-size        : .95em;  color            : #333;  padding-left		: 8px;  padding-right		: 8px;  } 
.reference {    margin : 10px 10px;    padding : 8px;    border : 1px solid #C9C0A6;	-moz-border-radius : 8px;     background-color : #F5F6F6;    line-height : 14px;}
a.mainlevel:link  {  color: #5E8591;  background-position: left;  text-align: left;    font-weight      : bold;	font-size			: 1em; 	text-decoration		: none;	padding-bottom		: 2px;	padding-left		: 10px;	line-height			: 140%; }
a.mainlevel:visited {color: #9F6786;background-position: left;text-align: left;  font-weight      : bold;	font-size			: 1em; 	text-decoration		: none;	padding-bottom		: 2px;	padding-left		: 10px;	line-height			: 140%;        }
a.mainlevel:hover, a.mainlevel:active {  color: #666666;  background-position: left;  text-align: left;    font-weight      : bold;	font-size			: 1em; 	text-decoration		: none;	padding-bottom		: 2px;	padding-left		: 10px;	line-height			: 140%; }		 
#active_menu a {  color: #666666;  background-position: left;  text-align: left;    font-weight      : bold;	font-size			: 1em; 	text-decoration		: none;	padding-bottom		: 2px;	padding-left		: 10px;	line-height			: 140%; }		
 a.sublevel:link  {  color: #7BAFBF;  background-position: left;  text-align: left;    font-weight      : bold;	font-size			: 1em; 	text-decoration		: none;	padding-bottom		: 2px;	padding-left		: 20px;	line-height			: 140%; }
a.sublevel:hover, a.sublevel:active  {  color: #666;  background-position: left;  text-align: left;    font-weight      : bold;	font-size			: 1em; 	text-decoration		: none;	padding-bottom		: 2px;	padding-left		: 20px;	line-height			: 140%; }
a.sublevel:visited {color: #9F6786;background-position: left;text-align: left;  font-weight      : bold;	font-size			: 1em; 	text-decoration		: none;	padding-bottom		: 2px;	padding-left		: 20px;	line-height			: 140%;		}	
.button{ color: #fff; background: #9F6786; border: 2px outset #d7b9c9}
span#joomla {
	position: absolute;
	right: 136px;
	top: 27px;
	z-index: 99;
	width: 151px;
	height: 120px;
	background: url(../arltd.png) 0 0 no-repeat !important;
	background: transparent;
}