body {
font-size : medium;
font-family: sans-serif;
background : #ccffcc;
background-repeat: repeat-x; background-color: white; font-family: sans-serif; background-color: #FFF;
}



body { border-color: #bdd5e4; border-width: 0px; border-style: inset; background-repeat: repeat-y; margin-right: auto; margin-left: auto; width: 95%; }

div#menubar {
border-color: #bdd5e4;
max-height: 40px;
border-left-style: solid;
border-bottom-style: none;
border-right-style: solid;
border-top-style: solid;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
height : 40px;
background : url(images/button3.png);
}
div#menubar a#selected:first-child { border-left-width: 0px; padding-left: 3px;}

div#menubar a {
background : url(images/button3.png);
display : table-cell;
width : 80px;
height : 40px;
color: #333333;
text-decoration : none;
padding : 3px;
padding-top : 10px;
font-size : 16px;
text-align : center;
}
div#menubar a:hover {
background : url(images/button1.png);
color: black;
}

div#menubar a#selected:hover {
text-decoration : underline;
}
div#menubar a#selected {
border-left-color: #bdd5e4;
border-left-width: 1px;
border-right-color: #bdd5e4;
border-right-width: 1px;
border-left-style: solid;
border-bottom-style: none;
border-right-style: solid;
border-top-style: none;
background : url(images/button2.png);
color: navy;
padding-left: 2px;
padding-right: 2px;
}
div#menubar a.validate {
color: gray;
}
div#menubar a.validate:hover {
color: #7f7f7f;
}
a.header {
display : table-cell;
text-decoration : inherit;
color : inherit;
width : 100%;
height : 100%;
}
a.header:hover {
color: #333333;
}
#content {
font-size: small;
padding-left: 6em;
padding-bottom: 3em;
padding-right: 6em;
padding-top: 3em;
color : #000033;
background-color : #f0ffff;
border : 1px solid #add8e6;
border-top : none;
border-bottom : none;
}
#content p {
padding: 1em;
margin: 1em;
line-height: 1.2em;
}
#content a, a#contact {
color : maroon;
text-decoration : underline;
}
#content a:hover, a#contact:hover {
color : red;
}
#disclaimer {
display : block;
color: #666666;
margin : 2em;
text-align : center;
}
.bottomleft {
background : url("images/circle.png") no-repeat bottom left;
float : left;
height : 16px;
width : 16px;
}
.bottomright {
background : url("images/circle.png") no-repeat bottom right;
float : right;
height : 16px;
width : 16px;
}
.top {
margin-top: 30px;
margin-bottom: 0px;
height : 16px;
width : 100%;
background-color : #f0ffff;
background : url(images/top.png);
}
.topleft {
background : url("images/circle.png") no-repeat top left;
float : left;
height : 16px;
width : 16px;
}
.topright {
background : url("images/circle.png") no-repeat top right;
float : right;
height : 16px;
width : 16px;
}
.bottom {
margin-bottom: 30px;
height : 16px;
width : 100%;
background-color : #f0ffff;
background : url("images/bottom.png");
}
.note {
display : block;
border : 1px solid #add8e6;
border-top : none;
border-bottom : none;
}
h1 {
background-color: #f6fefe;
margin-top: 0px;
border-left-width: 1px;
border-bottom-width: 0px;
border-right-width: 1px;
border-top-width: 0px;
margin-bottom: 0px;
border-style: solid;
border-color: #bdd5e4;
padding-left: 1em;
padding-bottom: 0px;
padding-right: 15px;
padding-top: 0px;
color: navy;
text-decoration : none;
}
h2 {
	font-style: normal;
	font-weight: normal;
	clear: left;
	float: right;
	text-transform: uppercase;
	text-align: justify;
	color: #99cccc;
	font-size: x-large;
}

h3 {font-size: x-large; text-transform: lowercase; border-bottom-color: #acc2cf; border-left-style: none; border-bottom-style: dotted; border-right-style: none; border-top-style: none; border-bottom-width: 3px; padding: 3px; color: navy; }

h4 {color: #99cccc; text-transform: uppercase; }

ul.inline li { list-style-type: square; padding: 1px; border-style: dotted; border-width: 1px; border-color: #99cccc; display: inline;}

ul, ol { background-image: url(none); margin-left: 3em; }

ul.inline li:hover { border-color: #669999; }

.formalstudy { font-weight: bold; }

abbr { border-bottom-width: 1px; border-bottom-style: groove; }

ul { color: #003333; list-style-position: outside; list-style-type: square; }

ins {text-decoration: underline; color: green}

del {text-decoration: line-through; color: red}

blockquote { padding-left: 5px; margin: 0px; color: black; border-color: #bdd5e4; border-style: dotted; font-family: sans-serif; }

div#menubar a:active { background-image: url(images/button4.png); color: #bdd5e4; }

img { border-color: black; border-width: 1px; border-style: solid; }

table #lain { padding: 5px; }

li { margin-top: 5em; }