/* css Zen Garden submission 017 - 'Golden Mean' by Douglas Bowman, http://www.stopdesign.com/ */
/* css released under Creative Commons ShareAlike License v1.0 - http://creativecommons.org/licenses/sa/1.0/  */
/* All associated graphics copyright 2003,  Douglas Bowman*/


/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the designer's written permission. */
/* The CSS itself may freely be used for anything you wish, but the associated graphics belong to the designer. */
/* What you may use - .css files. What you may not use - .jpg, .gif, and .png files. */


/* Design and CSS created by Douglas Bowman */
/* www.stopdesign.com */

/* structure
--------------------------------- */
body {
  margin:0;
  padding:0;
  background:#000;
  color:#333;
  text-align:center;
  voice-family: "\"}\""; voice-family:inherit;
  font-size:small; font-style:normal; font-variant:normal; font-weight:normal; font-family:Georgia, Serif
  } html>body {font-size:small;}
#container {
   border-style:inset; border-width:2; background-position: 0% 0%;
   position:relative;
   width:732px;
   margin:0 auto;
   text-align:left;
   color:#333333;
   background:#ffffff;
   font-size:12;
    }
#nav-top
{
 background: url('/images/bkg/shade-2.jpg'); 
 position:relative; 
 width:100%;
}
#nav-bottom {
    width:100%;
    background: url('/images/bkg/shade-3.jpg'); 
    text-align:right;
    position:relative;
    margin:0px;
}
#nav-bottom {background: url('/images/bkg/shade-3.jpg'); height:15px; display:block }
#navlist {position:relative;top: 0px; background: url('/images/bkg/shade-2.jpg'); text-align:right; height:15px; margin:0}

/* links--------------------------------- */
a:link, a:visited {
  color:#703F0E; 
  background: url('/images/bkg/li_bul2.gif') no-repeat;
  padding-left: 20px; 
  text-decoration:none;
  
  }
a:hover {
  color:#616623; 
  background: #D9D98B url('/images/bkg/link.gif') no-repeat;
  text-decoration:underline;
}

#intro {
 }


/* hidden text
--------------------------------- */
h1, h2, h3 {
  margin:0;
  background-repeat:no-repeat;
  background-position:left top;
 
  }
h1 span, h2 span, h3 span, #quickSummary p.p1 span {display:none;}

 #content{
  margin-right:0px;

  }
#content ul{
  list-style:none;
  padding: 0px 5px 0px 0px;
  margin-left: 10px;
 }

#filler{
 padding: 0px 00px 40px 0px;
}
headline{
  color: #703F0E;
  font-size:16;
}
h3 {
   font-size: 14;
}
/* header and summary
--------------------------------- */
#topGraphic{
    height:115px;
    background:url('/images/banner/sunjet_logo06.jpg') no-repeat left top;   

}
dd#logoDef{ top: 100px; left: 114px; }
dd#logoDef a{ position: absolute; width: 200px; height: 100px; text-decoration: none; }
dd#logoDef a span{ display: none; }
/*dd#logoDef a:hover{ position: absolute; background: transparent url(/images/bkg/history.jpg) 0px 150px no-repeat; top: 30px; left: 0px; }*/
dd#logoDef a:hover{ position: absolute; }
dd#logoDef a{ background: none; }

dd#logoDef a:hover span{
 display: block;
 text-indent: 0;
 vertical-align: top;
 color: #000;
 background-color: #F4F4F4;
 font-weight: bold;
 position: absolute;
 border: 1px solid #BCBCBC;
 bottom: 100%;
 margin: 0;
 padding: 5px;
 width: 250%;
}

/* define image map equivalent for the logo */

#infoBox{
  background: transparent url('/images/bkg/backgif3.gif'); 
 /* background: url('/images/bkg/06/trans_bg.png') ; */
 /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bkg/06/trans_bg.png',sizingMethodscale'); */
}
#infoBoxY p{
 color: #EBA50F;
 padding: 0px 5px 0px 10px;
}
#infoBox h3
{
   color: #ffffff;
   border-bottom:1px solid #8db9bf;
   background: transparent url('images/bkg/bgSchWhat.gif') no-repeat 5px 50%;
}
.hWrap{
  background: #B0D0CF url('/images/bkg/bgPostTR.gif') no-repeat top right;
  }
  
#infoBoxY
{
  background: transparent url('/images/bkg/transparent4.gif') ;
}
#infoBoxY h3
{
    color: #ffffff;
  	text-align: left;
	border-bottom: 1px solid #EBA50F;
	background: url('/images/bkg/bgSchOutthere.gif') no-repeat 5px 50%;
} 

.hWrapY
{
	border-bottom: 1px solid #FFF1AD;
	background: #F6C84C url('/images/bkg/bgPostTR.gif') no-repeat top right;
}
#infoBoxG
{
	 /* background: transparent url('/images/bkg/transparent4.gif') ;*/
	  background: transparent url('/images/bkg/backgif3.gif') ;


}
#infoBoxG h3
{
    color: #ffffff;
  	border-bottom: 1px solid #81AC4E;
	background: url('/images/bkg/bgSchFeature.gif') no-repeat 5px 50%;
} 
.hWrapG
{
	text-align: left;
	border-bottom: 1px solid #DBECBC;
	background: #ABD17F url('/images/bkg/bgPostTR.gif') no-repeat top right;
}
#infoBoxGray
{
	background: #eee url('/images/bkg/bgPostBL.gif') no-repeat bottom left;
}
.hWrapGray
{
	text-align: left;
	border-bottom: 1px solid #7f7E7E;
	background: #eee url('/images/bkg/bgPostTR.gif') no-repeat top right;
}
#infoBoxGray h3
{
	border-bottom: 1px solid #81AC4E;
	background: url('/images/bkg/bgSchFeature.gif') no-repeat 5px 50%;
} 

#pageHeader {
    background: #D9D98B url('/images/bkg/history.gif') no-repeat top left; 
	/*position: absolute;
	top: 200px; */
	text-align:center;
	width:100%; 
	height:40px;
	border:1px solid #A79355; 
	color:#fff; 
}
#pageHeader h1 {
  /*background: transparent url('/images/bkg/history.gif'); */
  /*float: left; */
};
#pageHeader h2 {
  /*background-image:url('/images/bkg/archives.gif');*/
  /*float: right; */
  /*text-align:right; */
  font-size:medium
  }
  
#pageHeader headline14{
   width:  200px;
   height: 40px;
   float:  right;
}

#quickSummary {
  position:absolute;
  top:240px;
  right:10;
  width:180px;

}

#quickSummary p{
   margin:.5em 0;
  font-size:93%;
  font-style:italic;
  line-height:1.7em;
  color:#66472E;
  background-color:transparent;  
  }

#quickSummary p.p2 a:link, #quickSummary p.p2 a:visited {
  /*white-space:nowrap;
  font:bold 92%/1.3em Verdana,Arial,Sans-serif;
  text-transform:uppercase;
  */
  }

/* preamble--------------------------------- */
#preamble {
  position:absolute;
  top:504px;
  right:0;
  width:180px;
  }
#preamble h3 {
  height:44px;
  /*background-image:url('http://www.csszengarden.com/017/bg_road.gif'); */
  }
#preamble p {
  margin:.5em 0;
  font-size:93%;
  font-style:italic;
  line-height:1.7em;
  color:#66472E;
  background-color:transparent;
  }

#boxColumn {
  border-left:1px solid #A79355; border-right:1px solid #A79355; border-top:0px solid #A79355; margin:0 230px; padding-bottom:8px;
  border-bottom:8px solid #BDAF83
  position:absolute;
  top:250px;
  }

/* supporting text--------------------------------- */
#leftColumn {
  position:relative;
  top:10px;
  left:5;
  right:5;
  padding-left:0;
  width:230px;
  }
#midColumn {
  margin:0 242px;
  border-bottom:1px dotted #BDAF83; */
  position:absolute;
  width:245px;
  top:210px;
  }
#rightColumn{
 /* border-top:8px solid #BDAF83;*/
  position:absolute; 
  top:210px; 
  right:5;
  width:230px;
  }
#navigation
{
 position:relative; 
 width:100%;
}
#stuff{
 margin-left:85px;
 min-height: 43em;

}
#mainColumn {
  border-left:1px solid #A79355; border-right:1px solid #A79355; border-top:0px solid #A79355; 
  margin-left:200px; 
  padding:18px 5px 18px 5px;
  border-left:8px solid #A79355;
  width: 380px;
  min-height: 43em;
  color:#703F0E;
  background-image:url('/images/bkg/transparent5.gif');
} 
#sMainColumn {
  border-left:1px solid #A79355; border-right:1px solid #A79355; border-top:0px solid #A79355; 
  margin-left:200px; 
  padding:18px 5px 18px 5px;
  width: 320px; 
  border-left:8px solid #A79355;
  color:#703F0E;
  background-image:url('/images/bkg/transparent5.gif');
}  
 
#mainBody {
  border-left:1px solid #A79355; border-right:1px solid #A79355; border-top:0px solid #A79355; 
  margin-left:200px; 
  padding:0px;
  border-left:8px solid #A79355;
  min-height: 43em;
  color:#703F0E;
  background-image:url('/images/bkg/transparent5.gif');
}  
#supportingText{
  /*position:absolute;
  top: 251px; */
  
  color:#703F0E;
  font-size:12;
  border-left:1px solid #A79355; border-right:1px solid #A79355; border-top:1px solid #A79355; 
  margin:0 200px;  
  padding-top:12px; padding-bottom:12px; 
   	background-image:url('/images/bkg/transparent5.gif');
   /*color: #D9D98B; */
  }
#supportingText p {
  margin:.75em 0;
  line-height:1.5em;
  padding:0 20px; 
  }
#supportingText h3 {
  /*
  border-left:0px solid #A79355; border-right:0px solid #A79355; border-top:1px solid #A79355; border-bottom:1px solid #A79355; 
  height:40px; 
  background-color:#D9D98B; margin-left:0; margin-right:0; margin-top:1em; margin-bottom:.5em 
  */
  }
#explanation{
/*height: 450px;  minimum of 500 */
 padding:35px
}
#explanation h3 {
 /* height:80px;  */
  background-image:url('no.jpg');
  border-top-width:0;
  margin-left:0; margin-right:0; margin-top:0; margin-bottom:100px
  }
#participation h3 {background-image:url('no.jpg');}
#benefits h3 {background-image:url('bg_benefits.jpg');}
#requirements h3 {background-image:url('no.jpg');}


/* link list
--------------------------------- */

#linkList {
  position:absolute;
  top:270px;
  left:0;
  width:200px;
  list-style:none;
  }
#linkList h3 {height:42px;}
#lselect h3 {
  height:41px;
  background-image:url('no.gif');
  }
#larchives h3 {background-image:url('/images/bkg/archives.gif');}
#lresources h3 {background-image:url('/images/bkg/resources.gif');}
#linkList ul {
  margin:1em 0 1.5em;
  padding:0;
  font-size:93%;
  display:block;
  width:100%
  }
#larchives li, #lresources li {text-transform:lowercase;}
#larchives ul{
    height: 340px;
	overflow: auto;
	list-style:none; 

}

#linkList ul li {
   line-height:1.5em; margin-left:0; margin-right:0; margin-top:0; margin-bottom:.0em; padding-left:14px; padding-right:0; padding-top:0; padding-bottom:0
  }
#linkList li a:link, #linkList li a:visited {
  font-weight:bold;
  }
 #linkList li a:hover{
  font-weight:bold;
 /*background:url('/images/bkg/shade-1.jpg') */
  }
 #linkList #current{
  margin-left: 1.5em;
  border-style:dotted; border-width:1; font-weight:bold; padding-left:4; padding-right:4; padding-top:1; padding-bottom:1
  }

#linkList #lselect li {
  background:url('no.gif') no-repeat 0 15%;
  color:#A79355
  }
#linkList #lselect a:link, #linkList #lselect a:visited {display:block;}
#linkList #lselect a:link.c, #linkList #lselect a:visited.c {
  display:inline;
  font-family:Georgia,Serif;
  font-weight:normal;
  color:#616623;
  background-color:transparent;
  text-transform:lowercase;
  }


/* footer
--------------------------------- */
#footer {
  border:1px solid #A79355; 
  background:#D9D98B url('bg_pattern.gif'); color:#fff;
  text-align:center; font-style:normal; font-variant:normal; font-weight:normal; font-size:85%; font-family:Verdana, Arial, Sans-serif; margin-left:0; margin-right:0em; margin-top:0em; margin-bottom:0; padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px
  }
#footer a:link, #footer a:visited {
  padding:0 5px;
  font-weight:normal;
  }


/* misc  rounded box
   div.uedge {
      width: 100%;
      background-color: #f9cc72;
      background-image: url('none');
    }
    div.redge {
      background-image: url('/images/bkg/redge.gif');
      background-position:  right top;
      background-repeat: repeat-y
    }
    div.bedge {
      background-image: url('/images/bkg/bedge.gif');
      background-position:  left bottom;
      background-repeat: repeat-x
    }
    div.ledge {
      background-image: url('none');
    }
    div.ulcorner {
      background-image: url('/images/bkg/tlcorner.gif');
      background-position:  left top;
      background-repeat: no-repeat
    }
    div.urcorner {
      background-image: url('/images/bkg/trcorner.gif');
      background-position:  right top;
      background-repeat: no-repeat
    }
    div.blcorner {
      background-image: url('/images/bkg/blcorner.gif');
      background-position:  left bottom;
      background-repeat: no-repeat
    }
    div.brcorner {
      background-image: url('/images/bkg/b