@charset "windows-1252";

/* body */

html { height: 100%; }

body { background: #6C2400 url('bkg.jpg') repeat-x fixed bottom; color: #000; font: 13pt Georgia, "Times New Roman", Times, serif; 
	margin-top: 0; padding-top: 0; margin-bottom: 0; padding-bottom: 0; text-align: center; height: 100%; }

/* global styles */
p, td, ul { color: #000; font: 13pt Georgia, "Times New Roman", Times, serif; text-align: justify; }
p#double { line-height: 200%; }
a { color: #000; text-decoration: none; }
a:hover { color: #fff; text-decoration: none; }

p a, li a { color: #6C2400; text-decoration: none; }
p a:hover, li a:hover { color: #000; text-decoration: none; }

p#center { text-align: center; }
p#white a { color: #fff; text-align: center; }
p#white a:hover { color: #6C2400; text-align: center; }
#content p#youarehere { font-size: 11pt; color: black; margin-left: 0; margin-top: 10px; margin-bottom: 0; text-align: left; }

a#black { color: #000; }
a#black:hover { color: #4E6127; }
p#gray { color: #4E6127; margin: 0; padding: 0; text-align: center; }
p#gray a { color: #4E6127; text-decoration: underline; }
p#gray a:hover { color: #6C2400; text-decoration: none; }
p#error { color: #6C2400; }
h4#news, div#news { text-align: center; font: 12pt Georgia, serif; padding-top: 0px;}
table#image { text-align: center; margin: auto; }
table#image caption { font-size: 11pt; color: #fff; text-align: center; }

/* container */ 

#container { background: #76923C; border: #4E6128 6px solid; border-top: 0; border-bottom: 0; width: 700px;
 margin: 0 auto; padding-top: 0; padding-bottom: 0; text-align: center; min-height: 100%; height: auto !important; height: 100%; }

/* popup container */
#popup { background: #76923C; border: #4E6128 6px solid; margin-top: 20px; padding-top: 5px; text-align: center; }
 
/* masthead */ 

#masthead { text-align: center; padding-top: 10px;}
table#header { text-align: center; margin: auto; }


/* header */ 

#header { text-align: center; }
#header img#logo { padding: 15px; height: 140px; width: 140px; }
#header img#jp { z-index: 2; }

/* links */ 

#links { color: #666; text-align: center;}
#links a { color: #fff; text-decoration: none; }
#links a:hover { color: #000; } 
#links #link { display: inline; }
#links .sub { left: 0px; }
#links table#secondary, #links table#secondary a { color: #000; }
#links table#secondary a:hover { color: #fff; }

/* content */ 
         
#content { text-align: left; padding-bottom: 1px;}
#content #tagline { color: #000; text-align: center; font-size: 14pt; padding: 15px; line-height: 120%; padding-top: 0; }
#content ul#sitemap a { color: #000; }
#content ul#sitemap a:hover { color: #6C2400; }

table#gallerypreview { text-align: center; margin: auto; }
img#galpreview { opacity:0.8;filter:alpha(opacity=80); margin: 0; border: 0; }
img#galpreview:hover { opacity:1.0;filter:alpha(opacity=100); margin: 0; border: 0; }

table#form { padding-top: 10px; padding-left: 15px; }

iframe { float: right; margin-right: 10px; border: 1px #804040 solid; margin-top: -60px; margin-bottom: 10px; }

/* photo gallery and album */
img#albumcover { opacity:1.0;filter:alpha(opacity=100); border: 2px solid black; margin: 0; }
img#albumcover:hover { opacity:0.8;filter:alpha(opacity=80); border: 2px solid black; margin: 0; }

iframe#largeImage { background: #76923C; float: right; margin: 0; overflow: hidden; max-height: 650px; border: 0; }
img#iframephoto { text-align: center; }
table#albumtable { background: #76923C; margin-left: 20px; }
p#album { margin-left: 20px; text-align: left; }
img#albumphoto { opacity:1.0;filter:alpha(opacity=100); border: 0; margin: 2px; }
img#albumphoto:hover { opacity:0.8;filter:alpha(opacity=80); border: 2px solid #6C2400; margin: 0;}

	/* columns */

	td#leftcol { vertical-align: top; text-align: left; float: left; width: 335px; 
    	margin: 5px; margin-right:0; padding: 0; padding-right: 5px; }
	td#rightcol { vertical-align: top; text-align: left; float: right; width: 335px;
    	margin: 5px; margin-right: 0; padding: 0; }

	/* home columns */	          
	td#leftcol.home { vertical-align: top; text-align: center; float: left; width: 335px; border-right: 1px solid #4E6128; 
    	margin: 5px; margin-right:0; padding: 0;  padding-right: 5px; }
	td#rightcol.home { vertical-align: top; text-align: center; float: right; width: 335px;
    	margin: 5px; margin-right: 0; padding: 0; }

	/* gallery (phgalleryalbum) columns */	          
	td#leftcol.gallery { vertical-align: top; text-align: center; float: left; width: 285px;
    	margin: 5px; margin-right:0; padding: 0; }
	td#rightcol.gallery { vertical-align: top; text-align: center; float: right; width: 400px;
    	margin: 5px; margin-right: 0; padding: 0; }

        
h1, td h1 { color: #fff; font-size: 14pt; margin: 0; padding: 10px 0; }        
td h2, td h2 a { color: #fff; font-size: 14pt; margin: 0; padding: 0;}
td h2 a:hover { color: #6C2400; }
h3 { color: #000; font-size: 100%; margin: 0; padding: 0; font-weight: 100; }
h3#classseason, h3#classseason a { color: #fff; font-size: 100%; margin: 0; margin-left: 5; padding: 0; font-weight: 900; }
h3#newsevent { background: url('img/star.gif') no-repeat left center; color: #fff; font-size: 100%; margin: -10px -10px -3px 0; padding: 0 0 0 15px; font-weight: 900; }
h4 { color: #fff; font-size: 100%; margin: 10px; padding: 0; font-weight: 100; margin-bottom: 2px; }

#content p, #content table#form td { margin: 0; margin-left: 10px; text-align: left; }
#content p.title, #content p#title { color: #fff; margin-top: 15px; font-weight: 900; }

#content p.q { font-weight: 800; text-align: justify; margin: 10px 5px; }
#content p.a { margin-bottom: 10px; padding-left: 14px; margin-right: 5px; margin-top: -25px; }
#content #faq { background: url('img/question.jpg') no-repeat center right; background-position: 543px 10px; width: 700px; }  
#content #contact { background: url('img/mail.jpg') no-repeat center right; background-position: 375px 15px; } 
table#register { height: 37px; margin: 0; padding: 0; background: url('img/pencil.jpg') no-repeat center right; background-position: 500px 0; width: 100%; padding: 0 15px 0px 5px;}
p#pencil { position: relative; left: 60px; }
#content hr { clear: both; width: 50%; text-align: center; border: 1px solid #4E6128; margin-top: 20px; margin-bottom: 10px; }
  
table#linkimg { background: #fff; border: 1px solid black; text-align: center; margin-left: 10px;}
img#eventimg { border: 0px; }

/* footer */ 

#footer { padding: 0 0 10px 0; text-align: center; font-style: italic; background: #76923C; width: 700px; margin: 0 auto; }
#footer hr { clear: both; width: 50%; text-align: center; border: 1px solid #4E6128; margin-top: 20px; margin-bottom: 10px; }