html {font-size:120%}
body {font: 50%  "Verdana",Verdana,Trebuchet,Arial,Sans-serif; color:#000; text-align:justify; background-color:#CCC}
* {margin:0; padding:0;}
div#mainwrap {width:774px; margin-left:auto; margin-right:auto;  margin-top:10px; text-align:left; border: solid 1px #000; background-color:#FFF}
div#header {width:757px; text-align:left; padding-left:17px; background-image:url(images/header_bkg.gif);}
div#header1 {width:370px; height:24px; border-top:solid 2px #999; border-bottom:solid 2px #000; font-size:1.4em; font-weight:bold; background-color:#666; padding-left:17px; float:left; text-align:left; line-height:25px; color:#FFF}
div#header2 {width:370px; height:24px; border-top:solid 2px #999; border-bottom:solid 2px #000; font-size:1.4em; font-weight:bold; background-color:#666; padding-right:17px; float:left; text-align:right; line-height:25px; color:#FFF;}
div#contentarea {width:772px; background-color:#FFF; }
div#column1 {float:left; width:150px; margin-top:15px; margin-left:17px;}
div#column2 {float:right;  width:570px; margin-top:15px; margin-bottom:15px; padding-left:17px; margin-right:17px;  background-color:#FFF; border-left: solid 1px #000;}
div#footer {width:774px; height:15px; border-top:solid 2px #09F; background-color:#06F; color:#FFF; text-align:center; padding-top:6px; padding-bottom:6px}
div#copyright {width:776px; margin-left:auto; margin-right:auto;  margin-top:5px; text-align:right;}
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

h1 {padding-bottom: 10px; font-size:2.0em;}

h2 {padding-bottom: 5px; font-size:1.3em;}

ul {list-style:none;}

li {padding:0 0 10px 0; font-size:1.2em; color:#000;}

a {text-decoration:none; color:#666;}

a:hover {color:#06F}

p {display:block; margin-bottom:1.2em; font-size:1.2em; text-align:justify;}

.gallery img {float:left; display:block; width:129px; height:90px; border:solid 1px #000; margin-right:15px; margin-bottom:15px; overflow:hidden;}

.gallerylast img {float:right; display:block; width:129px; height:90px; border:solid 1px #000;  margin-bottom:15px; overflow:hidden;}

.gallery li {padding:0; font-size:1.2em; color:#444; font-weight:normal; margin-left:25px;}

.gallery ul {list-style-type:square;margin-bottom:15px;}

.info img{display:block; float:right; border:solid 1px #000; margin-left:15px; margin-top:2px;}

.info p{display:block; margin-bottom:1.2em; font-size:1.2em; text-align:justify;}

.info ul {list-style:circle; padding-left:20px;}

.info li {padding:0 0 10px 0; font-size:1.2em; color:#000;}

.nav img {border:solid 0px #FFF;}
.nav a {border:solid 0px #FFF;}