/* structure */
   #jar { background-image:url('./images/bg.png'); background-repeat: no-repeat; background-position: bottom left; padding-top: 1; }
   #nav { background-image:url('./images/nav.png'); background-repeat: no-repeat; background-position: bottom left; height: 38px; }
   #jar, #lid, #nav { width: 900px; margin-left: auto; margin-right: auto; background-color: white; }
   
   /* nav link bar */
   a.link { float: left; ; text-align: center; font-size: 17pt; font-weight: 900;
	color: orange; text-decoration: none; margin: 8 0 0 0; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 2; } 
   a.link:hover { color: blue; }
   a.linkbuffer { float: left; width: 66px; }
 
   /* index page side news */
   #sfront, #side { width: 300px; float: left; margin: 0 0 0 0; }
   #front h1 { font-size: 20px; padding: 10 3 3 10; margin: 0; color: white; }
   #front h2 { font-size: 25px; padding: 3 3 3 10; margin: 0 0 5 0; color: black; 
   		background-color: white; opacity: .5; width: 300px; line-height: 1.4 }

   /* shpe info page */
   .content { display: none; padding: 20 50 0 50; display: none; background-image: url('./images/shpe.jpg'); background-repeat: no-repeat; background-position: 50 0; height: 370px;  }
   .content h6 { text-align: right; margin: 0; padding: 0 10 0 0; font-family: georgia; color: white; font-size: 30px; font-weight: 400; }
   .box { display: none; background-color: white; width: 570px; float: left; font-family: georgia; padding: 20 20 20 10; opacity: .8; overflow: auto; height: 230px;}
   .box h2 { padding: 0 0 10 10; margin: 0; font-size: 20px; color: orange; font-weight: 300; }
   .box h3 { padding: 0 0 0 10; margin: 0; font-size: 15px; color: gold; font-weight: 200; }
   .box h4 { padding: 0 0 0 10; margin: 0; font-size: 13px; color: orange; font-weight: 100; }
   .box p { padding: 0 0 10 10; margin: 0; }
  
   .side { padding-top: 5; float: left; width: 200px; margin-right: 0px; }
   .side h1 { font-size: 16px; display: block; padding: 10 3 3 10; margin: 0; color: white; font-weight: 900; }
   .side a { background-color: orange; font-size: 12px; padding: 3 3 3 10; margin: 0 0 5 0; 
   		display: block; opacity: .5; width: 175px; line-height: 1.4; font-weight: 900; 
   		text-decoration: none; color: black; }
   .side a:hover { color: red; width: 175px; border-right: 12px solid red; }
   
   /* bulletin page */
   #bb h3 { font-size: 18px; color: orange; font-weight: 500; padding: 5 0 5 8; overflow: hidden; width: 150px; }
   #bb h3 a:hover { }
   #bb h3:hover { background-color: orange; }
   #bb ol { padding: 0 0 0 10; margin: 0 0 0 20; }
   #bb li { margin: 0; padding: 2 2 2 5; background-color: white; }
   #bb span { font-size: 10px; color: black; font-weight: 100; padding-right: 10; }
   #bb i { color: orange; }
   .bbposts { display: none; }
   #bbthreads { float: left; padding: 5px; }
   #bbpost { width: 350px; float: left; border-left: 1px solid #44707d; padding: 5; }
   .selected_post { background-color: #44707d; }
   .selected_post a { color: white; }
   .unselected_post { background-color: white; }
   .unselected_post a { color: #44707d; }
   .bbthreadreply { font-weight: 900; color: orange; list-style-type: none; }
   
   #bbreply { display: none; }

   input { width: 50px; border: 0; background-color: white; margin: 0; padding: 2; height: 17px; font-size: 10px; font-family: georgia;}
   form  { margin: 0; padding: 0; }

   body { margin:0;padding:0; }
   html { font-family: Helvetica, sans-serif; margin:0; padding:0; } 
   img { border: 0; }
   a { text-decoration: none; color: #44707d; }

   /* default values */
   #front { display: block; }