/*** May 2020 Yelwoc ***/

@font-face {
font-family:'Jokerman';
src:local('Jokerman'), url('Imaghes/jokerman.ttf') format('truetype')
}

a {
text-decoration:none;
color:#75CFF0
}

a:hover {
text-decoration:none
}

body {
font-size:10pt;
line-height:1.75em;
/* background: rgb(207, 180, 148); */
background: url('Images/bg.jpg') repeat fixed 0 0 #c1a580;
/* background:#AED6F1; Pale Blue */
/* color:#0D47A1; Dull Blue */
color:#0000FF;
text-align:justify
}

body,input {
font-family:"Varela Round", sans-serif
}

br.clear {
clear:both
}

h2,h3,h4 {
/* text-transform:lowercase;*/
text-transform: capitalize;
margin-bottom:1em;
font-family:Antic, sans-serif;
color:#0000FF; /* Blue */
}

h2 {
font-size:1.75em
}

h2u {
font-size:14pt;
font-weight: 900;
text-transform:uppercase;
text-align:center;
margin-bottom:1em;
font-family:Antic, sans-serif;
color:#FF0000; /* Red */
/* color:#0000FF; /* Blue */
}

h3 {
font-size:1.25em
}

h4 {
font-size:1em
}

img.left {
float:left;
margin:8px 20px 20px 0
}

img.top {
margin:8px 0 20px
}

label.login {
display:block;
margin:0 0 6px
}

table1 {
border:1px solid #000;
table-layout:fixed;
width:400px
}

th,td {
border:1px solid #000;
overflow:hidden;
width:200px
}

.td_size1 {
/* width:300px; 
max-width:300px;
min-width:300px;*/
font-weight: bold;
width:210px;
height:20px;
max-width:210px;
min-width:210px;
max-height:20px;
min-height:20px;
border-spacing: 10px 0;
margin:20px
}

.td_size2 {
width:200px;
height:20px;
max-width:200px;
min-width:200px;
max-height:20px;
min-height:20px;
float:right;
overflow:hidden;
margin:20px 50px
}

.td_size3 {
/* width:300px; 
max-width:300px;
min-width:300px;*/
font-weight: bold;
width:300px;
height:20px;
max-width:300px;
min-width:3000px;
max-height:20px;
min-height:20px;
border-spacing: 10px 0;
margin:20px
}

.td_size60 {
font-weight: bold;
text-align:center;
width:60px;
height:20px;
max-width:60px;
min-width:60px;
max-height:20px;
min-height:20px;
border-spacing: 10px 0;
margin:20px
}

ul h4 {
margin-bottom:0.35em
}

.form {
margin:0 0 28px
}

.inputBox,.inputTextArea {
width:95%;
padding:6px
}

.inputButton {
float:right;
padding:6px
}

#banner {
position:relative;
height:168px;
width:1124px;
background:#FFC200;
margin:0;
padding:28px
}

#box1 {
/* width:592px; */
width:500px;
overflow:hidden;
margin:0 0 16px
}

#box2 {
width:288px;
overflow:hidden;
float:left
}

#box3 {
width:288px;
overflow:hidden;
margin:0 0 304px
}

#box9 {
width:842px;
overflow:hidden;
margin:0 0 16px
}

#content {
width:592px;
float:left;
padding:0
}

#copyright {
text-align:center;
margin:0 0 36px;
padding:48px 0 76px
}

#copyright a {
color:#CDCCCB
}

#header {
position:relative;
height:122px;
width:1180px;
padding:28px 0
}

#logo {
position:absolute;
top:0;
left:0;
height:124px;
line-height:124px
}

#logo a {
text-decoration:none;
color:#FF0
}

#logo h1 {
font-size:4em;
font-family:Jokerman, Antic, sans-serif
}

#main {
position:relative;
width:1180px;
left:20px;
top:75px;
margin:0;
padding:28px 0
}

#main .sectionList {
list-style:none;
padding-left:0
}

#main .sectionList li {
clear:both;
padding:16px 0
}

#main ul li {
border-top:dashed 1px #625C5A;
padding:8px 0
}

#main ul li.first {
padding-top:0;
border-top:0
}

#nav {
position:absolute;
bottom:0;
left:0;
height:54px;
line-height:54px;
width:1124px;
font-family:Antic, sans-serif;
margin:0;
padding:0
}

#nav a {
text-decoration:none;
text-transform:lowercase;
font-size:1.25em;
/* color:#EFEFEE Grey */
color:#FF0 /* Yellow */

}

#nav ul li {
display:inline;
padding:0 12px
}

#nav ul li.first {
padding-left:0
}

#nav ul li.active {
display:inline;
font-size:1.75em;
padding:0 12px
}

#outer {
position:relative;
width:1180px;
margin:20px auto 0
}

#search input.button {
margin-left:1em;
border:0;
color:#FFF;
background:#75CFF0;
font-family:Antic, sans-serif;
padding:4px
}

#search input.text {
border:dashed 1px #625C5A;
padding:4px
}

#sidebar1 {
width:250px;
float:left;
margin:0;
padding:0 0 0 40px
}

#sidebar3 {
/* width:492px; */
width:500px;
float:left;
margin:0 auto;
padding:0 0 0 40px
}

.blogpost h2 {
margin:0 0 10px
}

*,form {
margin:0;
padding:0
}

p,ul {
margin-bottom:1.5em
}

#main ul,#nav ul {
list-style:none
}

#sidebar2,#sidebar2b {
width:250px;
float:right;
padding:0
}