body, p, td, li, div, span { font-family: "Ariel", sans-serif; color: #300 }

h1 { color: #300; font-size: 200% ; font-family: "Comic Sans MS", "Ariel", serif }
h2 { color: #300; font-size: 150% ; font-family: "Comic Sans MS", "Ariel", serif }
h3, h4, h5, h6 { color: #300; font-family: "Ariel", sans-serif }

h1.maintitle {
 font-family: "Comic Sans MS", "Ariel", san-serif;
 font-weight: bold;
 font-size: 250%;
 margin: 0px;
 padding: 0px;
 text-align: center;
 color: white;
}

div#mainbody h2,
td#mainbody h2,
td#mainbodybb h2 {
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 0px;
 padding-left: 5px;
 border-top: 1px solid black;
 /* background: #def url(/pics/bg-h3.jpeg) repeat-x; */
 background-color: #def;
 font-family: "Comic Sans MS", "Ariel", serif;
 font-size: 200%;
 text-align: left;
}

body {
 color: #300;
 background-color: #c1ddea;
 margin: 0px 0px 20px 0px;
 padding: 0px;
 background: #c1ddea url('/p3/Sky-Background3.jpeg') no-repeat;
 text-align: center;
}

div.adboxr {
 float: right;
 width: 161px;
 color: #300;
 background-color: #ffe;
 margin: 0px; padding: 0px;
 border: 1px solid #300;

}

div.adboxr h1 {
 padding: 0px;
 margin-top: 0px; margin-bottom: 3px;
 border-bottom: 1px solid #300;
 font-size: smaller;
 text-align: center;

}

div.adboxr img {
 margin: 0px; padding: 0px;
 border: 1px solid #300;
}

div.adboxr p {
 margin: 0px; padding: 1px;
 font-size: smaller;
}

div.adboxl {
 width: 156px;
 color: #300;
 background-color: #ffe;
 margin: 0px;
 border: 1px solid #300;

}

div.adboxl h1 {
 margin: 0px; padding: 0px;
 border-bottom: 1px solid #300;
 font-size: smaller;
 text-align: center;

}

div.adboxl img {
 margin: 2px; padding: 0px;
 border: 1px solid #300;
}

div.adboxl p {
 margin: 2px; padding: 0px;
 font-size: smaller;
}

a:link { color: #520; text-decoration: underline }
a:visited { color: #110; text-decoration: underline }
a:active { color: #306; text-decoration: underline }
a:hover { color: #F69; text-decoration: none; background-color: #ffd }

a:link img { border: 2px solid #520 }
a:visited img { border: 2px solid #110 }
a:active img { border: 2px solid #306 }
a:hover img { border: 2px solid #F69 }

a.noborder:link img { border: none }
a.noborder:visited img { border: none }
a.noborder:active img { border: none }
a.hover:active img { border: none }

pre { font-family: monospace }
code { font-family: monospace }

#bnf { font-family: monospace; font-weight: bold }

.big { font-size: larger }
.bigbold { font-size: larger; font-weight: bold }

.small { font-size: smaller }

span.code { font-family: monospace; font-weight: bold }
blockquote { font-style: italic }

#dropcap {
 font-size: 300%;
 font-family: cursive;
 float: left;
 padding: 0;
 margin: 0px 5px 0px 5px
}

.center { text-align: center }
div.center { margin-left: auto; margin-right: auto }

div.quotebox {
 border: 2px solid black;
 margin: auto; padding: 6px;
 color: #300;
 background-color: #CCF;
 text-align: center;
 width: 270px
}

div.plaque {
 border: 2px solid black;
 margin: auto;
 padding: 6px;
 color: #300;
 background-color: #CCF;
 text-align: center;
 width: 350px
}

div.sidebar {
 border: 2px solid black;
 float: right;
 padding: 6px;
 color: #300;
 background-color: #CCF;
 text-align: left;
 width: 270px
}

div.codebox {
 border: 1px solid black;
 margin-right: auto;
 padding: 6px;
 color: black;
 background-color: white;
 font-family: monospace
}

div#header {
 background: #003 url('/p3/Sky-Background3.jpeg') no-repeat;
 margin: 0px;
 padding: 0px;
}

div.soapbox {
 border: 3px solid #300;
 -moz-border-radius: 30px;
 -webkit-border-radius: 30px;
 color: white;
 background-color: #cde;
 font-size: smaller;
 width: 800px;
 margin: 0px auto;
 padding: 0px;
 text-align: center;
}

div.main { margin: 0px; padding: 0px; height: 100%; }

div.mainbanner {
 height: 110px;
 margin: 0px;
 padding: 0px;
 border: none;
}

img.mainicon {
 float: left;
 width: 150px;
 height: 100px;
 padding-right: 10px;
 border-style: none;
}

div#mainmenu {
 width: 180px;
 float: left;
 border-style: none;
 padding: 4px;
 vertical-align: top;
 margin: 100px 0px 0px 0px;
 font-size: smaller;
 background-color: #c1ddea;
 overflow: hidden;
 text-align: left;
}

/* div#mainmenu a:link { color: #ccf; text-decoration: underline }
div#mainmenu a:visited { color: #99c; text-decoration: underline }
div#mainmenu a:active { color: #fff; text-decoration: underline }
div#mainmenu a:hover { color: #ccf; text-decoration: none; background-color: #006 }

div#box a:link { color: #520; text-decoration: underline }
div#box a:visited { color: #110; text-decoration: underline }
div#box a:active { color: #306; text-decoration: underline }
div#box a:hover { color: #F69; text-decoration: none; background-color: #ffd }
*/

div#mainbody {
 margin: 0px 0px 0px 188px;
 border-left: 1px solid black;
 border-top: 0px;
 border-right: 1px solid black;
 border-bottom: 1px solid black;
 vertical-align: top;
 background-color: #def;
 padding: 0px 0px 10px 0px;
}

div.menubar {
 text-align: center;
 padding: 5px;
 margin: 25px 5px 0px;
 color: #003;
}

/* div.menubar a:link { color: #ccf; text-decoration: underline }
div.menubar a:visited { color: #99c; text-decoration: underline }
div.menubar a:active { color: #fff; text-decoration: underline }
div.menubar a:hover { color: #ccf; text-decoration: none; background-color: #006 } */

table#main {
 margin: 0px;
 padding: 0px;
 width: 100%;
 border-collapse:collapse;
}

td#mainmenu {
 width: 18%;
 font-size: smaller;
 border-style: none;
 vertical-align: top;
 margin: 0px;
 padding: 2px;
 text-align: left;
}

div#linkhome {
 margin: 50px 0px 0px 0px;
 /* text-align: center; */
 font-family: "Comic Sans MS", "Ariel", san-serif;
 font-size: 200%;
 font-weight: bold;
}


div#box {
 border: 1px solid #300;
 -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px;
 -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px;
 padding: 2px; margin: 0px -3px 0px 0px; background-color: #def;
}

td#mainbody {
 margin: 0px 5px;
 width: 81%;
 border-left: 1px solid black;
 border-top: 0px;
 border-right: 1px solid black;
 border-bottom: 1px solid black;
 vertical-align: top;
 background-color: #def;
 padding: 0px 0px 10px 0px;
 text-align: left;
}

div#tornav {
 border: 2px solid black;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 width: 500px;
 padding: 0px;
 margin: 5px;
 text-align: center;
 background-color: #cb9;
}

div#tornav h3 {
 margin: 0px;
 padding: 2px;
 border-bottom: 1px solid black;
 text-align: left;
}

table#tornav {
 margin: 0px;
 padding: 3px;
 text-align: center;
}

td#tornav {
 width: 34%;
 margin: 0px;
 padding: 2px;
 border-collapse: collapse;
 border: 1px solid black;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 background-color: #FFF;
 vertical-align: middle;
}

td#tornav0 {
 width: 34%;
 margin: 0px;
 padding: 2px;
 border-collapse: collapse;
 border: 1px solid black;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 background-color: #edc;
 vertical-align: middle;
}

td#tornav1 {
 width: 34%;
 margin: 0px;
 padding: 2px;
 border-collapse: collapse;
 border: 2px solid black;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 background-color: #ffd;
 vertical-align: middle;
}

div#mainbody p,
div#mainbody img,
div#mainbody div,
div#mainbody h3,
div#mainbody h4,
div#mainbody h5,
div#mainbody h6,
div#mainbody table,
div#mainbody pre,
div#mainbody ul,
div#mainbody ol,
div#mainbody dl,
div#mainbody form {
 margin-left: 5px;
 margin-right: 5px
}

div#mainbody p img,
div#mainbody form p {
 margin: 0px
}

td#mainbody p,
td#mainbody img,
td#mainbody div,
td#mainbody h3,
td#mainbody h4,
td#mainbody h5,
td#mainbody h6,
td#mainbody table,
td#mainbody pre,
td#mainbody ul,
td#mainbody ol,
td#mainbody dl,
td#mainbody form {
 margin-left: 5px;
 margin-right: 5px
}

td#mainbody p img,
td#mainbody form p {
 margin: 0px
}

table#sched {
 width: 95%;
 border-collapse: collapse;
}

td#sched0 {
 width: 20%;
 background-color: #FCC;
 border: 1px solid black;
 padding: 2px;
}

td#sched {
 width: 20%;
 background-color: white;
 border: 1px solid black;
 padding: 2px;
}

td#sched1 {
 width: 80%;
 background-color: white;
 border: 1px solid black;
 padding: 0px;
}

td#sched1x {
 width: 80%;
 background-color: #FCC;
 border: 1px solid black;
 padding: 0px;
}

td#sched1 h3 {
 background-color: #CFC;
 border-bottom: 1px solid black;
 padding: 0px 3px;
 margin: 0px;
}

td#sched1x h3 {
 background-color: #CFC;
 border-bottom: 1px solid black;
 padding: 0px 3px;
 margin: 0px;
}

td#sched1 p {
 margin: 0px;
 padding: 2px 3px;
}

td.albumcell { 
 vertical-align: middle; 
}

div.albumdesc {
 width: 150px;
 background-color: #fdd; 
 display: none;
 position: absolute;
 border: 2px solid #300;
 font-size: smaller;
}

ol { list-style-type: decimal }

div.opinion { font-style: italic; color: brown }

ul.red { list-style: url(/pics/redball.gif) outside }
li.red { margin-bottom: 10px; padding-left: 10px; }

img { border: 2px solid black }
img.pack { border: 2px solid black; margin: auto; margin-top: 4px;
 float: none; clear: both }
img.noborder { border-style: none; margin: auto }
img.sep { border-style: none; margin: auto; text-align: center }
img.menubar { border-style: none; margin: auto; vertical-align: text-top }
img.bullet { border: none }
img.bigbullet { border: none; float: left; vertical-align: text-top }
img.left { border-style: none; float: left; margin-right: 10px; }
img.leftb { border: 2px solid black; float: left;
 margin-right: 10px; margin-top: 4px }
img.right { border-style: none; float: right; margin-right: 5px }

td { vertical-align: top; padding: 3px }

table#album { border-style: none; margin: auto }
#album tr { border-style: none; vertical-align: top }
#album td { border-style: none; padding: 10px; text-align: center }
#album p {  }

table.menu { border-style: none; margin: auto; margin-bottom: 10px }
tr.menu { border-style: none; vertical-align: top }
td.menu { border: 2px solid black; background-color: #CFC; padding: 3px;
 margin: 2px; text-align: center  }
td.menusel { border: 2px solid black; background-color: #CCF; padding: 3px;
 margin: 2px; text-align: center  }
td.menumain { border: 2px solid black; background-color: #FCC; padding: 3px;
 margin: 2px; text-align: center  }

table.iconmenu { border-style: none; margin: auto }
tr.iconmenu { border-style: none; padding: 0px; margin: 0px }
td.iconmenu { border-style: none; padding: 0px; margin: 0px; text-align: center;
 vertical-align: middle;
 font-size: larger; font-weight: bold }
img.iconmenu { border: 1px solid black; margin: 0px }
a.iconmenu img { border: 1px solid black; margin: 0px }

table.gen { border-style: none; margin: auto }
tr.gen { border-style: none; vertical-align: top }
td.genside { border-style: none; padding: 0px;
 vertical-align: top; width: 200px; margin: 0px }
td.genbody { border-style: none; padding-left: 15px; margin: 0px;
 vertical-align: top }

table.lines { border-style: none; margin: 0px; padding: 0px }
tr.lines { vertical-align: top }
td.lines { border: 1px solid brown; background-color: white; padding: 4px;
 text-align: left; vertical-align: top; margin: 0px }

span.title { font-weight: bold; text-decoration: underline }

span.sel { color: #000; background-color: #ffe; margin: 0px;
 font-weight: bold; font-style: italic }

form table { margin: 0px; padding: 0px }
form td { margin: 0px; padding: 0px; font-weight: bold }

div#comment {
 color: #000;
 background-color: #fff;
 margin: 5px;
 padding: 0px;
 border: 2px solid black;
}

div#comment div { background-color: #cdf; padding: 2px 5px 2px 5px;
 margin: 0px; border-bottom: 1px solid black }

div#comment p { padding: 0px 5px 0px 5px; margin: 4px 0px 3px 0px }

table.sud1 {
  border: 1px solid black;
  margin: 0px;
  padding: 0px;
  background-color: #876; }
table.sud1 tr td {
  border: 1px solid black;
  margin: 0px;
  padding: 0px; }
table.sud2 {
  border: none;
  margin: 0px;
  padding: 0px;
  background-color: #876; }
table.sud2 tr td {
  border: 1px solid black;
  margin: 0px;
  padding: 2px;
  width: 30px;
  background-color: #FFD;
  font-weight: bold;
  font-family: monospaced;
  font-size: 175%;
  text-align: center; }
td#sud2s { font-size: 78%; }
td#sud2r { background-color: #FDD; }
td#sud2sr { font-size: 78%; background-color: #FDD; }
td#sud2rr { background-color: #F88; }
td#sud2srr { font-size: 78%; background-color: #F88; }


span.chirp {}
span.chirpn { font-weight: bold; }
span.chirpp { font-weight: bold; }
span.chirpc { font-weight: bold; font-style: italic; }



