html { margin: 0 auto; }

body { margin: auto; padding: 0; background-image: url(images/bg-body.jpg); background-repeat: repeat-x;}

  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both; 
    visibility: hidden;   
    }

@media screen and (min-width: 0px)
{  
	#wrap {width:240px;  margin:auto; border-right-style: solid; border-left-style: solid; border-bottom-style: solid; border-top-style: solid; border-color: #F6F8FE; border-width: 1px; }
	#innerwrap {width:238px; border:0; margin:auto;}
	#header {width:238px; height:auto;background-color:#c0c0c0;}
	#header img {width:238px; height:auto;}
	#menu {width:238px; text-align:center; margin:auto; background-color:#C0C0C0; }
	#menu a {font-family: verdana, geneva, sans-serif; text-decoration: none; line-height:1.6; font-weight: bold; font-size: 15px; color: #000; padding-right:8px;padding-left:8px;}
	#menu a:hover { color: #808080;  }

	#content {width:238px; margin:auto;background-color:#F6F8FE;border-top: 6px solid #4F8E84; }
	.homebox {width:100%; text-align:center;float:left; height:450px;margin:auto;}
	.homebox b {font-size: 14px; text-align:center;}
	.homebox img {padding:5px; margin:auto;}

	img {border:0;}
 img.photo-right {float:right; margin-right: 10px;  border: 0; padding-left:10px;}
 img.photo-left {float:left; margin-left: 10px;  border: 0; padding-right:10px;}

	#footer 	 {margin:auto;font-family:  verdana, sans-serif; font-size: 10px; text-decoration: none; color: #003355; text-align:center; margin:auto;}

		P, ul, li,body, a { font-family:  verdana, tahoma, geneva, sans-serif; font-size: 14px; color: #003355; }


		.indent {margin-left: 5px; margin-right: 5px; }
		.wide {margin-left: 10px; margin-right: 10px; }
		
		H1 { font-family: Book Antiqua, palatino linotype, palatino, times new roman, serif; font-weight: normal; font-size: 18px; color: #003355; clear:both;}
		H2 { font-family: Book Antiqua, palatino linotype, palatino, times new roman, serif; font-weight: normal; font-size: 15px; color: #003355;clear:both;}
		H3 { font-family: Book Antiqua, palatino linotype, palatino, times new roman, serif; font-weight: normal; font-size: 14px; color: #003355;clear:both;}
		h4 { font-family: Book Antiqua, palatino linotype, palatino, times new roman, serif; font-weight: normal; font-size: 13px; color: #003355;clear:both;}	


		a.h2 { font-family: Book Antiqua, palatino linotype, palatino, times new roman, serif; font-weight: bold; text-decoration: none; font-size: 15px; color: #542800;}
		a.h2:hover { font-family: Book Antiqua, palatino linotype, palatino, times new roman, serif; font-weight: bold; text-decoration: none; font-size: 15px; color: #5C881C;}
		
		a {font-family:  verdana, sans-serif; font-weight: bold; text-decoration: none; font-size: 12px; color: #542800;}
		a:hover {font-family:  verdana, sans-serif; font-weight: bold; font-size: 12px; color: #999900;}

		a.small {font-family: Verdana, sans-serif; font-size: 10px; text-decoration: none; color: #ffffff;}
		a.small:hover {font-family: Verdana, sans-serif; font-size: 10px; text-decoration: none; color: #ffffff;}



		sup {font-family:  verdana, sans-serif; font-size: 10px; color: #003355;}

		.small {font-family:  verdana, sans-serif; font-size: 10px; text-decoration: none; color: #ffffff;}
		.smallbold {font-family:  verdana, sans-serif; font-weight: bold; font-size: 10px; color: #003355;}
		.vsmall {font-family:  verdana, sans-serif; font-size: 6pt; text-decoration: none; color: #003355;}
		.menu { font-family: arial, helvetica, tahoma, sans-serif; font-size: 10px; color: #ffffff;}
		.smbr {font-size: 8px; }
		.spread { line-height: 1.2em; font-family:  verdana, tahoma, geneva, sans-serif; font-size: 12px; color: #003355;}
	
 
		.dotted { border-right-style: dotted; border-left-style: dotted; border-bottom-style: dotted; border-top-style: dotted; border-color: #F6F8FE; border-width: 1px; }

}

@media screen and (min-width: 320px)
{  
#wrap {width:320px}
	#innerwrap {width:318px;  }
	#header {width:318px; height:auto;}
	#header img {width:318px; height:auto;}
	#content {width:318px;}

	.slideshows {text-align:center; width:100%; text-align:center; padding:5px;float:left;}


}

@media screen and (min-width: 480px)
{  
#wrap {width:480px}
	#innerwrap {width:478px;  }
	#header {width:478px; height:auto;}
	#header img {width:478px; height:auto;}
	#menu {width:476px;  }
	#content {width:476px; }



}

@media screen and (min-width: 600px)
{  
#wrap {width:600px}
	#innerwrap {width:598px; border-right-style: solid; border-left-style: solid; border-bottom-style: solid; border-top-style: solid; border-color: #F6F8FE; border-width: 1px; }
	#header {width:598px; height:auto;}
	#header img {width:100%; height:auto;}
	#menu {width:596px; text-align:center; position:relative; top:-25px;margin-bottom:-25px; line-height:1.3; background-color:transparent;}
	#menu a {font-family: verdana, geneva, sans-serif; text-decoration: none; font-weight: bold; font-size: 10px; color: #ffffff; padding-right:4px;padding-left:4px;}
	#menu a:hover { font-family: verdana, geneva, sans-serif; text-decoration: none;  font-weight: bold; font-size: 10px; color: #FFFF99;  }
	#content {width:556px; padding:10px 20px;float:left;}
		P, ul, li { font-family:  verdana, tahoma, geneva, sans-serif; font-size: 12px; color: #003355;}

		.indent {margin-left: 1cm; margin-right: 1cm; }
	.slideshows {text-align:center; width:45%; text-align:center; padding:5px;}




} 

@media screen and (min-width: 800px)
{  
#wrap {width:800px}
	#innerwrap {width:798px; border-right-style: solid; border-left-style: solid; border-bottom-style: solid; border-top-style: solid; border-color: #F6F8FE; border-width: 1px; }
	#header {width:798px; height:auto;}
	#header img {width:798px; height:auto;}
	#menu {width:798px; text-align:center;}
	#menu a {padding-right:8px;padding-left:8px; text-align:center;}

	#content {width:758px;}
	.homebox {width:50%; }
	.homebox b {font-size: 14px;}
	.homebox img {padding:10px; margin:auto;}

	.slideshows {text-align:center; width:30%; text-align:center; padding:5px;}


}