body {
font-size: 1em;
font-family: "Palatino Linotype", arial, helvetica, sans-serif;
color: #000;
background: #fff url(../images/bkg.gif) repeat;
min-width: 610px;
margin: 0;
padding: 0;
}


h1 {
font-size: 18pt;
letter-spacing: 1pt;
color: inherit;
background-color: transparent;
margin: 10pt 0pt 0pt 0pt;
padding: 0;
}

h2 {
background-color: #729195;
font-family: "comic sans ms", geneva, arial, sans-serif;
letter-spacing: 4pt;
font-size: 1em;
padding: 0% 5% 0% 5%;
margin: 0;
}

h2+p {
color: #fff;
background-color: #729195;
font-family: "comic sans ms", geneva, arial, sans-serif;
margin: 0;
padding: 0% 5% 0% 5%;
}


h3 {
font-family: "comic sans ms", geneva, arial, sans-serif;
font-size: 14pt;
letter-spacing: 2pt;
text-align: center;
margin: 0;
padding: 0;
}

em {
font-family: "Courier New", arial, geneva,  sans-serif;
}

code {
font-size: 12pt;
font-weight: bold;
}

.center { /* class for bottom link */
font-size: 1em;
text-align: center;
}

.indigo {
color: #4B0082;
background: inherit;
}

.note {
color: #000;
background: #ff9;
font-weight: normal;
}

#wrap {
color: inherit;
background: transparent url(../images/trans-white.png);
height: 100%;
width: 95%;
min-width: 990px;
margin: auto;
}

#bkg {
color: inherit;
background: transparent url(../images/trans-white.png);
}


/* head */

#head {
color: inherit;
background-color: transparent;
font-size: 24pt;
font-weight: bold;
font-family: "monotype corsiva", geneva, arial, sans-serif;
float: left;
background-image: url(../images/header.gif);
width: 100%;
overflow: hidden;
}

#head p {
color: #fff;
background-color: transparent;
float: left;
width: 450px;
margin: 0;
padding: 20px;
}

#head img {
float: right;
padding-top: 2%;
}
#head h1+p {
font-size: 12pt;
margin: 0;
padding: 0;
}

#heading {
font-size: 18pt;
font-family: tahoma, geneva, arial, sans-serif;
text-align: center;
position: absolute;
top: 0%;
left: 35%;
}

#head-edge {
position: relative;
top: 0;
width: 100%;
height: 18px;
background: transparent url(../images/header-border.png) repeat-x;
clear: both;
}

/* foot */

#foot-edge {
position: relative;
bottom: 0;
width: 100%;
height: 18px;
background: transparent url(../images/foot-border.png) repeat-x;
clear: both;
}

#foot {
text-align: center;
color: inherit;
background-color: transparent;
background-image: url(../images/header.gif);
float: left;
width: 100%;
font-size: 90%;
clear: both;
margin: 0;
}

#foot p {
text-align: center;
margin: 0;
padding: .5% 0% .5% 0%;
}

/* editing area */


#right { /* 520px */
float: right;
height: 100%;
width: 85%;
min-width: 520px;
}

/* main */

#floatRight {
color: inherit;
background: transparent url(../images/trans-white.png);
float: right;
width: 69%;
height: 100%;
margin-right: 2%;
border-right: 5px solid #729195;
border-bottom: 5px dotted #729195;
}

#mainContentHeader {
color: #131313;
background: transparent url(../images/header.png) repeat-x;
padding: 13.5pt 0pt 13.5pt 20pt;
}

#mainContent {
height: 100%;
}

.first {
margin: 5% 0% 0% 0%;
}


/* links */


#floatLeft {
float: left;
width: 25%;
height: 100%;
margin-left: 2%;
overflow: hidden;
}

#sideHeader1 {
color: #131313;
background: transparent url(../images/header.png) repeat-x;
padding: 5px 0px 5px 0px;
}

#sideHeader1 p {
color: #fff;
background-color: transparent;
font-family: "comic sans ms", geneva, arial, sans-serif;
text-align: center;
margin: 0;
padding: 0;
}

#side1 {
color: inherit;
background: transparent url(../images/trans-white.png);
padding: 5% 0% 5% 5%;
height: 100%; /* ie needs this */
border-right: 5px solid #729195;
border-left: 5px solid #729195;
}

#side1 p {
padding: 1% 3% 1% 3%;
margin: 0; /* ff needs this */
}

#sideHeader2 {
color: #131313;
background: transparent url(../images/header.png) repeat-x;
padding: 5px 0px 5px 0px;
}

#sideHeader2 p {
color: #fff;
background-color: transparent;
font-family: "comic sans ms", geneva, arial, sans-serif;
text-align: center;
margin: 0;
padding: 0;
}

#side2 {
color: inherit;
background: transparent url(../images/trans-white.png);
height: 100%; /* ie needs this */
padding: 5% 0% 5% 5%;
border-right: 5px solid #729195;
border-bottom: 5px solid #729195;
border-left: 5px solid #729195;
}

#side2 p {
padding: 1% 3% 1% 3%;
margin: 0; /* ff needs this */
}

.side3 {
color: inherit;
background: transparent url(../images/trans-white.png);
height: 100%; /* ie needs this */
padding: 5%;
border: 5px solid #729195;
margin-top: 5%;
}

.side3 p:first-line {
color: #36c;
background: transparent;
}


/* navigation */

#nav-top {
text-align: right;
width: 95%;
}

#nav-top ul {
list-style: none;
}

#nav-top ul li {
display: inline;
margin: 0;
padding: 0;
}

#nav-bottom {
position: relative;
bottom: 0;
text-align: right;
width: 95%;
clear: both;
padding-top: 1%;
}

#nav-bottom ul {
list-style: none;
}

#nav-bottom ul li {
display: inline;
margin: 0;
padding: 0;
}


.current{ /* highlights current page */
color: #900;
background: transparent url(../images/trans-white.png);
}


/* pseudo classes */

#nav-top a[title], #nav-bottom a[title] {
border-right: 1px solid #36c;
}

a[title] {
font-family: "times new roman", geneva, arial, sans-serif;
letter-spacing: 1pt;
text-decoration: none;
color: #36c;
background-color: transparent;
padding: 2pt 2pt 2pt 0pt;
}

a:hover {
color: red;
background-color: transparent;
}

a[title].last {
border: 0;
}

cite a[href] {
color: #000;
background-color: #729195;
font-weight: normal;
text-decoration: none;
} 

/* banner styling */

#left {
float: left;
height: 100%;
width: 40px;
}

#banner {
color: inherit;
background-color: #729195;
width: 40px;
padding: 10px 0px 10px 10px;
margin: 0;
}

/* event definition list styling */

.event dt {
display: block;
color: #131313;
background: #729195;
font-weight: bold;
padding: 10px;
margin: 0;
}

.event dd {
padding: 10px;
margin: 0;
}

/* show source styling */


#source hr {
color: inherit;
background-color: green;
height: 4px;
}

#source {
color: green;
background-color: #fff;
width: 90%;
margin: auto;
padding: 0% 0% 5% 5%;

}

#source  p {
font-family: "Courier New", arial, geneva,  sans-serif;
font-weight: bold;
border-bottom: 2px dashed green;
padding: 5px 0px 5px 0px;
margin: 0px 0px 8px 0px;
}

/* form styling */

fieldset {
color: #fff;
background: #0d0d0d;
width: 450px;
padding: 30px;
margin: 5%;
border: 4px outset #729195;
}

li {
list-style: none;
margin: 8px 5px 8px 5px;
}

td {
color: #fff;
background: #0d0d0d;
}

tr {
border: 0;
}

input[type="text"].tbl {
color: red;
background: #999;
width: 200px;
max-width: 300px;
font-size: 82%;
font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

input[type="text"] {
color: red;
background: #999;
font-size: 82%;
font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

input[type="submit"] {
float: right;
padding: 0 .25em;
letter-spacing: 1px;
color: #fff;
border: 2px solid #fff;
background-color: #131313;
font-size: 82%;
font-weight: bold;
font-family: "Comic Sans Ms", "Lucida Sans Unicode", sans-serif;
margin: 1% 0% 0% 5%;
}

input[type="reset"] {
padding: 0 .25em;
letter-spacing: 1px;
color: #fff;
border: 2px solid #fff;
background-color: #131313;
font-size: 82%;
font-weight: bold;
font-family: "Comic Sans Ms", "Lucida Sans Unicode", sans-serif;
}

.ex {
color: #fff;
background-color: #729195;
}

.ok {
color: #fff;
background-color: #3e4092;
}

.bor {
color: #fff;
background-color: #b84d69;;
}

.center {
text-align: center;
color: inherit;
background: #fff;
}

.red {
color: red;
background: inherit;
}

.blue {
color: blue;
background: inherit;
}