/*
Copyright Parkside School 2007-2011
*/


@media all {

* html *                       /* IE setting for avoiding countless headaches */
  {
    height: 1px;
  }

body
  {
    font-size : 101%;
    background: #004036;
    color     : #edb;
  }

*
  {
    padding: 0;
    border : 0;
    margin : 0;
    font   : normal 1em/1.5 "Palatino Linotype", Georgia, serif;
  }

h1, h2 /*, h3*/
  {
    font       : bold 1.5em serif;
    text-indent: -4999px;
  }

a
  {
    text-decoration: none;
  }

a:hover
  {
    text-decoration: underline;
  }

a:active,
a:active *
  {                           /* important keyword neccessary, else           */
    color: #c00 !important;   /* substituted by rules with higher specificity */
  }

.accesskey
  {
    border-bottom: 2px solid #edb;
    font-weight  : bold;
  }

div#container
  {
    position  : relative;
    width     : 90%;
    border    : 1px solid #222;
    margin    : 5% auto;
/*    background: #0f5036 url(../img/ph-flower2.png) no-repeat 0% 100%;*/ /* background*/
  }                                                        /* for left sidebar*/

/* _____________________________________________________________________________

   MAIN HEADINGS
   __________________________________________________________________________ */

h1
  {
    background: url(../img/nimbusPS.png) no-repeat 50% 50%;
    margin    : 2em 0 0;
    z-index : 99;
  }

h2
  {
    background: url(../img/nimbusBP.png) no-repeat 50% 50%;
    z-index : 99;
  }

/* _____________________________________________________________________________

   MAIN CONTENT CONTAINERS
   __________________________________________________________________________ */

div#intro,
div#supportingText
  {
    border-left: 1px solid #1f2736;
    margin-left: 25%;
    color      : #191514;
  }

div#intro
  {
    background: #fff url(../img/klpillar-top.png) no-repeat 100% 0%;
  }

div#supportingText
  {
    background: #fff url(../img/klpillar-bottom.png) no-repeat 100% 100%;
  }

div#intro div,
div#supportingText div
  {
    padding      : 1em 2em;
    padding-right: 80px;                         /* leaving space for pillars */
  }

/* _____________________________________________________________________________

   CONTENT ELEMENTS LAYOUT
   __________________________________________________________________________ */

div#intro h3,
div#supportingText h3
  {
    margin: 2em 0 0;
  }

div#intro p,
div#supportingText p
  {
    margin: 0.75em 0;
  }

div#intro a,
div#supportingText a
  {
    color      : #384371;
    font-weight: bold;
  }

div#intro a:visited,
div#supportingText a:visited
  {
    color: #293152;
  }

div#intro a:hover,
div#supportingText a:hover
  {
    color: #495995;
  }

div#intro acronym,
div#supportingText acronym
  {
    padding-right: 0.75em;
    background   : url(../img/klbullet-annotation.png) no-repeat 100% 0%;
  }

/* _____________________________________________________________________________

   INDIVIDUAL SECTIONS
   __________________________________________________________________________ */

div#quickSummary p.p1                                        /* short summary */
  {
    width : 66%;
    margin: auto;
  }

div#quickSummary p.p1 span
  {
    font-style: oblique;
  }

div#quickSummary p.p2       /* download paragraph to bottom of main container */
  {
    position: absolute;
    bottom  : 2em;
  }

/* _____________________________________________________________________________

   CAPTIONS
   __________________________________________________________________________ */

div#preamble h3
  {
    margin-top: 0;
/*    background: url(../img/klcaption-preamble.png) no-repeat 0% 50%;*/
  }

div#explanation h3
  {
/*    background: url(../img/klcaption-explanation.png) no-repeat 0% 50%;*/
  }

div#participation h3
  {
/*    background: url(../img/klcaption-participation.png) no-repeat 0% 50%;*/
  }

div#benefits h3
  {
/*    background: url(../img/klcaption-benefits.png) no-repeat 0% 50%;*/
  }

div#requirements h3
  {
/*    background: url(../img/klcaption-requirements.png) no-repeat 0% 50%;*/
  }

/* _____________________________________________________________________________

   SECTION DIVIDERS
   __________________________________________________________________________ */

div#supportingText div#explanation
  {
/*    padding-top: 250px; */           /* space for Saint George background image */
/*    background : url(../img/kletching-george.jpg) no-repeat 44% 0%;*/
  }

* html div#supportingText div#explanation
  {
    padding-top: 275px;    /* IE only space for Saint George background image */
  }

div#participation
  {
/*    background: url(../img/klvignette-bird.png) no-repeat 47% 0%;*/
  }

div#benefits
  {
/*    background: url(../img/klvignette-ornament.png) no-repeat 47% 0%;*/
  }

div#requirements
  {
/*    background: url(../img/klvignette-ornament.png) no-repeat 47% 0%;*/
  }

div#requirements p.p5
  {
    padding-bottom: 6em;
    margin-bottom : 5em;         /* leaving some space for download paragraph */
/*    background    : url(../img/klvignette-bird.png) no-repeat 50% 100%;*/
  }

/* _____________________________________________________________________________

   FOOTER
   __________________________________________________________________________ */

div#footer
  {
    position: absolute;
    bottom  : -2em;                /* sets footer outside main container area */
    left    : 0em;
    padding : 0 !important;
  }

div#footer a
  {
    padding-left  : 2em;
    vertical-align: middle;
    background    : url(../img/klbullet-separator.png) no-repeat 0% 50%;
    color         : #edb;
  }

div#footer a:visited
  {
    color: #d4aa52;
  }

div#footer a:hover
  {
    color: #fff;
  }

div#footer a:first-child               /* no bullet for first validation link */
  {
    padding-left: 0;
    background  : none;
  }

/* _____________________________________________________________________________

   LINKLIST SIDEBAR
   __________________________________________________________________________ */

div#linkList
  {
    position: absolute;
    top     : 0;
    width   : 25%;
  }

div#linkList *
  {
    color       : #edb;
    font-variant: small-caps;
  }

div#linkList h3
  {
    padding     : 0.2em 0;
    border      : solid #edb;
    border-width: 1px 0;
    margin      : 1em 0;
  }


div#linkList a:visited,
div#linkList a:visited *
  {
    color: #d4aa52;
  }

div#linkList a:hover,
div#linkList a:hover *
  {
    color: #fff;
  }

ul
  {
    list-style: none;
  }

li
  {
    padding   : 0.2em 1em;
    text-align: center;
  }

div#lselect,
div#lresources
  {
    padding: 200px 0 2em;
  }

div#larchives
  {
    padding: 0px 0 2em;
  }

/* _____________________________________________________________________________

   SIDEBAR HEADINGS
   __________________________________________________________________________ */

h3.select
  {
/*    background: #21252c url(../img/kl2menu.png) no-repeat 50% 50%;*/
    background: #21252c url(../img/klvignette-ornament.png) no-repeat 50% 50%;
  }

h3.archives
  {
/*    background: #21252c url(../img/klcaption-archives.png) no-repeat 50% 50%;*/
   background: #21252c url(../img/klvignette-ornament.png) no-repeat 50% 50%;
  }

h3.resources
  {
/*    background: #21252c url(../img/klcaption-resources.png) no-repeat 50% 50%;*/
  }

/* _____________________________________________________________________________

   SIDEBAR SECTION DIVIDERS
   __________________________________________________________________________ */

div#lselect
  {
/*    background: url(../img/klminiature-beast.png) no-repeat 45% 5%;*/
    background: url(../img/family.jpg) no-repeat 45% 5%;
  }

div#larchives
  {
/*    background: url(../img/klminiature-bacchus.png) no-repeat 50% 5%;*/
  }

div#lresources
  {
/*    background: url(../img/klminiature-dance.png) no-repeat 50% 5%;*/
  }

/* _____________________________________________________________________________

   DESIGN SELECTION
   __________________________________________________________________________ */

div#lselect li
  {
    text-align  : left;
    font-size   : 0.8em;
    font-variant: normal;
    word-spacing: 0.5em;
  }

div#lselect li a
  {
    font-size   : 1.25em;
    font-style  : italic;
    font-variant: normal;
    word-spacing: 0;
  }

div#lselect li a.c
  {
    font-style: normal;
  }

/* _____________________________________________________________________________

   WATERMARK
   __________________________________________________________________________ */

div#extraDiv1
  {
    position  : absolute;
    top       : 10%;
    left      : 35%;
    width     : 500px;
    height    : 180px;
    background: url(../img/579px-De_Landa_alphabet.png) no-repeat;
    z-index : 9;
  }

* html div#extraDiv1
  {
    display: none;/* watermark is png with alpha channel, does not work in IE */
  }

/* __________________________________________________________________________ */

}

#oldbrowser {display:none; }
xdiv#benefits {display:none; }
xdiv#participation {display:none; }
xdiv#explanation {display:none; }
div#requirements h3 {display:none; }
#extraDiv7,#extraDiv8 {display:none; }

#lselect h3, #larchives h3, #participation h3, #benefits h3, #explanation h3 {
    font       : bold 1.5em serif;
    text-indent: -4999px;
}

.bold {
      font-weight: bold;
}

xdiv#preamble {
	     height:400px;
}

.normul {
    list-style: disc;
    margin: 0 0 0 30px;
  }

.normul>li
  {
    padding   : 0.1em 0.5em;
    text-align: left;
  }


table {
  font-family: Verdana;
  font-weight: normal;
  font-size: 10pt;
/*  border: 1px #000000 solid;*/
  border-collapse: collapse;
  border-spacing: 0px;
/*  background-color: #78bc71;
  color: #ffffff;*/
  width: 600px;
}

td {
border-bottom: 1px #6699CC dotted;
text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
/*font-size: .8em;*/
  font-size: 11px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 8px;
}

#team {
  padding: 0;
  margin: 0;
}

#team td.f1 {
  border-bottom: none;
  width: 100px;
/*  padding: 0 0 20px;*/
}

#team td.f2 {
  border-bottom: none;
/*  padding: 0 0 20px;*/
}

#pictures {
  width: 450px;
}

#pictures td {
text-align: left;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 2px;
padding-right: 2px;
}

#pictures img {
  width: 150px;
  xheight: 100px;
/*  height: 150px;*/
}

#pictures img.po {
  width: 100px;
  xheight: 150px;
/*  height: 150px;*/
}

#team img {
  width: 100px;
  height: 150px;
}