html, body{
font-family:Tahoma, Verdana, Arial;
font-size:13px;
 margin:0;
 padding:0;
 text-align:center;
}

#container{
 width:900px;
 text-align:left;
margin-left:auto;
 margin-right:auto;
}

#header{
 position:relative;
 height:220px;
  background-color:#FFFFFF;
 width:100%;
}

#leftcol{
 width:100px;
 min-height:545px;
 float:left;
 position:relative;
 background-color:#FFFFFF;
 }

#twocols{
 width:800px;
 min-height:545px;
 float:right;
 position:relative;
  }

#rightcol{
 width:150px;
 min-height:545px;
 float:right;
 position:relative;
 background-color:#FFFFFF;
 }

#maincol{background-color: #FFFFFF;
 float: left;
 display:inline;
 position: relative;
 width:650px;
 min-height:545px;
 height:auto;
 }

 #content {
 width:600px;
 margin: 0px 25px 25px 25px;
 }

#footer{
 height:55px;
 background-color:#FFFFFF;
 clear:both;
 }

#footer2{
 margin:0px auto;
 width:900px;
 padding:10px 0px 10px 0px;
 height:34px;
 background-color:#FFFFFF;
 clear:both;
 text-align:center;
 color: #8F8F8F;
 }

 #merlin {width:38px; height:34px;float:left;margin-right:50px;}

 #merlin img {width:38px; height:34px;border:0px;}

 #footer2 a {
 text-decoration:none;
 font-size:10px;
 font-weight:normal;
 color: #8F8F8F;
 }

 #footer2 a:hover {
 color:#4F4F4F;
 text-decoration:underline;
 }

 .art {border: solid 2px #F0F0F0;padding:10px;margin: 1px 0px;}

 h1, h2, h3, h4 {font-family:arial,tahoma;color:#7F7F7F;margin:0px;}
 h1 {font-size:20pt;color:#ffcc00;}
 h2 {font-size:13pt;margin-bottom:0px;font-weight:bold;color:#4b4b4b}


 p {margin:0px;}

 #toc {
 width:580px;
 background-image: url('../gfx/tocbg.jpg');
 background-repeat:repeat-y;
 padding:10px;
 margin-top:25px;
 overflow:hidden;
 text-align:left;
 }


#toc h1 {font-size:13pt;margin-bottom:10px;font-weight:bold;color:#4b4b4b}
#toc a {font-family:arial,tahoma;font-weight:bold;font-size:10pt;text-decoration:none}
#toc a.depth1 {color:#5e5e5e}
#toc a.depth2 {color:#8d8d8d; margin-left:20px;}
#toc a.depth3 {color:#9d9d9d; margin-left:40px;}
#toc a.depth4 {color:#9d9d9d; margin-left:60px;}

#toc ul.navig {margin:0px;padding:0px 10px;list-style-type:none;display:block;width:500px;clear:both;}
#toc ul.navig li {float:left; width:30%;text-align:center;}
#toc ul.navig li a {color:#8d8d8d; font-size:12pt;}
#toc ul.navig li.active a {color:#4b4b4b;}

img.galitem{
border: solid #CCC 1px;
background-color:#FFCA08;
padding:3px;
height:60px;
}

a.link {
padding-left:20px;
color:#7F7F7F;
text-decoration:none;
}

a.link:hover{
color:#000000;
text-decoration:underline;}

a.back {color:#FFCA08;font-weight:bold;font-size:12px;text-decoration:none;}


 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
 content: ".";
 display: block;
height: 0;
 clear: both;
 visibility: hidden;
 }

 a {
 color:#4B4B4B;
 font-weight:bold;
 text-decoration:underline;
 }

 a:hover{
 color:#000000;
 text-decoration:none;
 }


.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;}

/*hide the right column when printing*/
#rightcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}