/* >>>>> BSD Cascading Style Sheet <<<<< */

html, body {margin: 0; padding: 0; font-size: 100%; }

body {
  background: #FFF url("go/school/imgs/bkg/bkg.gif") repeat;
  background-repeat: repeat;
  font-family: 'Lucida Grande',Verdana, Geneva, Arial, Helvetica, sans-serif;
  line-height: 1.2em;
}

p,td,th,div,span,ol,ul,dl,dt,dd,li,form {
  font-family:'Lucida Grande',Verdana,Arial,Geneva,Helvetica,SunSans-Regular,sans-serif;
  font-size: 12px;
  color: #000000;
}

p {margin-bottom: 5x; padding: 0; }


h1,h2,h3,h4,h5 {
  font-family: 'Lucida Grande',Verdana,Arial,Geneva,Helvetica,SunSans-Regular,sans-serif;
  color: #0D6149;
  font-weight: bold;
  margin: 10px 0;
  text-align: left;
  border-bottom: solid 1px #0D6149;
}


h1 { font-size: 175%; border-bottom:none; }
h2 { font-size: 160%; }
h3 { font-size: 125%; }
h4 { font-size: 100%; border-bottom:none;}
h5 { font-size: 100%; border-bottom:none; }

a:link { font-weight:bold; color: #0058AD;  background:transparent; text-decoration: underline; border:none !important; }
a:hover { font-weight:bold; color: #0058AD; }
a:active { font-weight:bold; color: #0B6047;}
a:visited{ font-weight:bold; color: #8AA08A;}

dt a:link { font-weight:bold; color: #0058AD;  background:transparent; text-decoration: underline; border:none !important; }
dt a:hover { font-weight:bold; color: #0058AD; }
dt a:active { font-weight:bold; color: #0B6047; }
dt a:visited{ font-weight:bold; color: #0058AD; }

pre {
  background: #F6EEC7;
  border: 1px solid black;   
  margin: 0 0 0 10px;
  padding-top: 8px;
  font-family: "Courier New",courier,georgia sans-serif;
  font-size: 95%;
  font-weight: normal; }


table { 
    table-layout: auto;
    border-collapse: collapse;  
}

.caption {
    margin-top:-6px;
    font-size: 0.9em;
    color:#666;
    text-align:center;
}


/*
div.menu {
  background-color:#FFFFFF;
  width: 185px;
  margin-left: 0px;
  text-align: left;
  font-weight: bold;
  font-size:1.0em;
  line-height:20px;
}

div.menu a {
    font-family: 'Lucida Grande',Verdana,Arial,Geneva,Helvetica,SunSans-Regular,sans-serif; 
    margin: 0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    color:#003300;
    background: url("images/smc/button.gif") 0 0 no-repeat;
    text-decoration: none;
    display:block;
    }

div.menu a:link { color: #0058AD; }
div.menu a:visited { color: #0058AD; }
div.menu a:hover {background-position: -185px 0; color: #FFFFFF;}
div.menu a:active {background-position: -370px 0; color: #FFFFFF;}
div.menu a.clicked:link {background-position: -370px 0; color: #FFFFFF;}

*/


strong {font-weight: bold; }

pre strong {color: #000; }

.alignright  {margin: 0; padding: 1em 10px 2em 0; text-align: right; }


.small {
  font-size: 0.75em;
  color: #000066;
}

.small alignright {
  font-style: italic;
  margin: 0;
  padding: 1em 10px 2em 0;
  text-align: right;
}

.small alignleft {
    font-style: italic;
  margin: 0;
  padding: 1em 10px 2em 0;
  text-align: left;
}

.decoration {float: right; margin: 0.25em 0.5em; position: relative; } /*** for IE6 ***/

html[xmlns] .decoration {margin: 0 0.5em 0 0; } /*** Moz put the image too low ***/




/*** The #header div has a static position and a background image ***/

#strip { width: 975px }

#header {
  width: 975px;
  height:180px;
  margin: 0;
  padding: 0;
}

} /*** must be set so the following absolutely positioned divs are
          placed correctly on initial load of the page***/

#pagetitle {
  font-family: 'Lucida Grande',Verdana,Arial,Geneva,Helvetica,SunSans-Regular,sans-serif;
  font: #000066 bold 175%;
  margin: 0;
  padding: 10px 0 0 0;
  text-align: center;
}


#leftcol {
  background-color:transparent;
  margin-left:18px;
}

  /*
#container {
  background: #FFFFFF;
  border: none;
  margin: 0;
  padding:5px;
  

  position: absolute;
  left: 185px;
  top: 200px;
  */
}


/*** IE5/Mac has trouble with right positioned boxes due to a secret margin. See
     - http://www.l-c-n.com/IE5tests/right_pos/index.shtml - Philippe Wittenbergh's page
     for an explanation of this problem and Sam Foster's page for an explanation of the
     hack used  - http://www.sam-i-am.com/testsuite/css/mac_ie5_hack.html - ***/

#rightcol {
  border: none;
  padding-left,padding-right: 6px;
 } 
  /*
  height:1500px;  
  position: absolute;
  left: 700px;
  top: 200px;
  */


/* hide the following from IE5-Mac \*/
#rightcol {
  right: 0;
  margin-right: 0; }
/* IE5-Mac can see the rest */

/*
#rightcol p, #rightcol ol, #rightcol ul, #rightcol li {
  color: #FFF;
}

#rightcol h3, #rightcol h4 {
 color:#FFF;
}

#rightcol a:link { font-weight:bold; color: #FFF; background:transparent; text-decoration: underline; }
#rightcol a:hover {color: #405b76; background:#EDE1c9; }
#rightcol a:active {color: #8AA08A;}
#rightcol a:visited {color: #8AA08A;}
*/

#centercol {
  margin: 0;
  width:630px;
  margin-left:5px;
  margin-right:15px;
  position: relative; } /*** for IE6 ***/

#wrapper {
  background: url("go/school/imgs/bkg/vpw.gif") repeat-y;
  width: 975px;
  margin-top: 35px;
  margin-left: 18px;
  padding: 0; }

/*** Tan hack for IE. Only IE browsers see this selector.
     This replaces the old Tantek hack. Please see Edwardson Tan's page.
     http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html ***/

* html #wrapper {
  width: 100%; /*** IE5.5 needs this value to eliminate a horizontal scrollbar ***/
  w\idth: auto; } /*** resets the value for IE6 and IE5-Mac ***/

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

/*** Tan hack for IE. Only IE browsers see this selector.
     This replaces the old Tantek hack. Please see Edwardson Tan's page.
     http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html ***/

* html #wrapper2 {
  width: 100%; /*** IE5.5 needs this value to eliminate a horizontal scrollbar ***/
  w\idth: auto; } /*** resets the value for IE6 and IE5-Mac ***/


.left {
  margin: 3px;
  padding: 0;
  width: 175px;
  float: left;
}

html>body .left {margin-left: 12px; } /*** IE doubles the margin on the float. This sets
          the margin to the correct width for others ***/

.right {
  margin: 3px;
  padding: 0;
  width: 150px;
  float: right;
}

html>body .right {margin-right: 12px; } /*** IE doubles the margin on the float. This sets
          the margin to the correct width for others ***/

.clear {
  clear: both;
  margin: 0;
  padding: 0; }

#footer {
  color: #0D6149;
  border-top: 1px solid #0D6149;
  text-align:center;
  font-size:90%;
  color: #666;
  margin-right:12px;
}

table.contable {
   margin-left: auto;
   margin-right: auto;
   border:none !important;
   border-collapse: collapse;
   border-spacing: 0;
}

table.contable td  {
   border:none !important;
   border-collapse: collapse;
   border-spacing: 0;
   text-size:100%;
}


/* >>>>> Drop Shadows <<<<< */

.img-shadow {
  clear: both;
  float:left;
  background: url(go/school/imgs/ds/shadowAlpha.png) no-repeat bottom right !important;
  background: url(go/school/imgs/ds/shadow.gif) no-repeat bottom right;
  margin: 6px 0 0 2px !important;
  margin: 6px 0 0 1px;
}

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px 0px;
  padding: 8px;
 /*width: 154px;
  height: 203px;*/
}

.p-shadow {
  clear: both;
  width: 90%;
  float:left;
  background: url(go/school/imgs/ds/shadowAlpha.png) no-repeat bottom right !important;
  background: url(go/school/imgs/ds/images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.p-shadow div {
  background: none !important;
  background: url(go/school/imgs/ds/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
}

.p-shadow p {
  color: #000;
  background-color: #fff;
  font: 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
}