@charset "utf-8";
/* CSS Document */

@media screen{
body { margin: 0; font-family: Verdana, sans-serif; text-align: center;}

#bkpage {
	background-image: url(../graphics/background.gif);
	background-position: bottom left; 
	background-repeat: repeat-y;
	border-width: 2px 2px 6px 2px; 
	border-style: solid; 
	border-color: #000; 
	width: 820px; 
	font-size: 0.8em;
	text-align: left;  
	margin: auto;
	}
	
#bkfern {
	background-image: url(../graphics/fern.gif);
	background-position: bottom left; 
	background-repeat:no-repeat;
	border-width: 0px 0px 0px 0px;  
	text-align: left;  
	margin: auto;
	}
	
#leftbox {		
	width: 146px;
	height: 380px;
	background-color:#000;
	float: left;
	}


#banner {
	background-image:url(../graphics/isapahd.gif); 
	height: 146px;  
	background-repeat:no-repeat;
	background-color:#000;
	margin: 0px 0px 0px 146px; padding: 0
	}
	
#photos {
	background-color:#000;
	margin: 0px 0px 0px 146px; padding: 0
	}

#logo {
	background-image:url(../graphics/isapalogo.gif); 
	height: 230px; 
	background-repeat:no-repeat;
	overflow: hidden;
	}
	
#banner h1, #banner h2, #banner h3 {display: none;}


#navigation {
	margin: 2px 12px 6px 16px;
	width: 118px;
	text-align: right;  
	overflow: hidden;
	}
	
#navigation a, #navigation a:visited {color: white; text-decoration:none; font-weight: bold; text-align: right;}
#navigation a:hover {color: white; text-decoration: underline; font-weight: bold; text-align: right;}

#pagebody {padding: 8px 20px 20px 166px; }
#pagebody h1 {font-family:"Century Gothic",Arial, Helvetica, sans-serif; font-size:2.2em; color: #006633; font-weight: normal}
#pagebody h2 {font-family:"Century Gothic",Arial, Helvetica, sans-serif; font-size:1.8em; color: #006633; font-weight: normal}
#pagebody h3 {font-family:"Century Gothic",Arial, Helvetica, sans-serif; font-size:1.4em; color: #000000; font-weight: normal}
#pagebody h4 {font-family:"Century Gothic",Arial, Helvetica, sans-serif; font-size:1.25em; color: #000000; font-weight: normal} 
#pagebody p {margin: 0 0 1.5em 0; padding: 0; line-height: 1.5em;}

#rightimage {float: right}

#bodyimages img {margin-top: 1px;}
#bodyimages {width:674px}
#topimage {margin-left: 340px}

.proghead {border: 1px solid #006633; background-color: #006633; color:#ffffff; font-weight:bold; text-decoration: none; }
.proggreen {border: 1px solid #ffffff; background-color: #8aa957; color:#000000; font-weight:bold;}
.prog {border: 1px solid #ffffff; background-color: #bec9a7;}
.border {border: 1px solid #006633;} 

#tablecontainerborder {border: 1px solid #4f6f19; width:100%; margin:auto; }
.shade { background-color:#a1b38a; padding-left: 5px; font-weight:bold;}
.tdcontainer {width: 100%; float:left;}
.tr {margin: 5px;}
.td {margin: 5px; float:left; width:180px;}
.td2 {margin: 5px; float:left; width:135px;}
.td3 {margin: 5px; float:left; width:105px;}
.tdleft {margin: 5px; float:left; width: 350px;}
.membershiptr {border: 1px solid #4f6f19; width:100%; float: left; }
.membershiptd {float: left; padding: 10px; width: 270px; }
.sponsortd {border: 1px solid #4f6f19; float: left; padding: 10px; width: 95%; }
.cleaner{clear:left;}

}

@media print {
#topimage {float: right; margin: 0.5em}
#navigation ul {display:none}
img {margin: 10px}
#bodyimages, #rightimage {display: none}
body {font-family: Verdana, sans-serif;}
}