
body {
margin:0;
font-size:18px;
}

h1 {
font-size:32px;
color:#343F64;
}
h2 {
font-size:26px;
color:#343F64;
}
h3 {
font-size:26px;
color:#343F64;
text-decoration:underline;
}
h4 {
font-size:20px;
text-align:center;
color:#343F64;
padding-left:30px;
padding-right:30px;
}
h5 {
font-size:20px;
text-align:left;
color:#343F64;
}

p {
/*font-size:18px;*/
}

#toppic {
margin:0 auto;
width:100%;
background-position:0 center;
background-repeat:no-repeat;
background-size:cover;
height:300px;
}




form label {
display:block;
margin:0 auto 10px auto;
overflow:auto;
}
form label input[type="text"], form label input[type="submit"], form label select, form label textarea {
width:100%;
border:#006 solid 2px;
padding:10px 7px;
}
form label input[type="submit"] {
color:#FFF;
font-weight:normal;
background-color:#006;
}
input[type="submit"]:hover, input[type="button"]:hover {
color:#FFF;
border:2px solid #C99;
background-color:#000;
}
form label input[type="text"]:focus, form label textarea:focus {
border:2px solid #C99;
color:#444;
-moz-box-shadow:0 0 3px rgba(0,0,0,.2);
-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);
box-shadow:0 0 3px rgba(0,0,0,.2);
}
form label.e input, form label.e textarea, form label.e select {
border-color:#E000;
background-color:#900;
color:#000;
}


#centerdiv {
width:100% !important;
float:none;
}

.width50 {
padding:0 20px;
}



#bg {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background-attachment:scroll;
background-position:0 0;
background-repeat:repeat;
background-size:cover;
z-index:-1;
}

#header {
position:fixed;
top:0;
left:0;
right:0;
background-color:#BD9;
border-bottom:#999 solid 2px;
padding:4px 0;
}

#mainmenu {
max-width:980px;
margin:0 auto;
padding:5px 0;
font-size:14px;
overflow:auto;
padding-left:10px;
background-color:#FFF;
}

#mainmenu div a#bannerimg {
display:block;
float:left;
/*height:25px;*/
padding:1px 3px;
/*overflow:auto;*/
}
#mainmenu div a#bannerimg img {
display:block;
max-width:100%;
height:23px;
margin-bottom:3px;
}

#mainmenu div {
float:left;
min-width:12%;
/*max-width:145px;*/
text-align:center;
}
#mainmenu div > a {
display:block;
/*font-weight:normal;*/
color:#006;
padding:5px 5px;
margin:0 5px;
border-radius:10px;
border-bottom:transparent solid 2px;
/*background-color:#363;*/
}
#mainmenu div > a:hover {
/*background-color:#066;*/
background-color:#BB9;
color:#FFF;
}
#mainmenu div.select a {
/*background-color:#999;*/
border-bottom-color:#066;
/*border-bottom:#063 solid 1px;*/
}
#mainmenu div.select > a:hover {
background-color:#FFF;
color:#666;
}

#courselinks {
overflow:auto;
}
#courselinks a {
display:inline-block;
font-weight:normal;
font-size:16px;
}
#courselinks a.disabled {
color:#BBB;
cursor:not-allowed;
}
tr.disabled {
color:#AAA;
cursor:not-allowed;
}
tr.disabled td {
background-color:#DDD;
}

.coursediv {
border:#999 solid 1px;
float:none;
margin:2% auto;
background-color:#AD9;
border-radius:3px;
}
.coursediv h2 {
margin:0 auto;
cursor:pointer;
/*background:0 center no-repeat url(/images/arrow_down_black_single.png);*/
}
.coursediv h2 span {
display:inline-block;
}
.coursediv h2 img {
vertical-align:middle;
width:21px;
padding:0 5px;
}
.coursediv .coursedivinner {
display:none;
}

.coursetable {
width:100%;
margin-top:30px;
}
.coursetable .d {
background-color:#AD9;
}
.coursetable caption {
font-size:26px;
color:#343F64;
padding:5px;
}
.coursetable caption img {
height:30px;
vertical-align:middle;
}
.coursetable th {
width:20%;
border:#444 solid 2px;
padding:2px 3px;
font-size:20px;
}
.coursetable td {
width:20%;
border:#999 solid 1px;
padding:2px 3px;
}
.coursetable td.cTitle {
padding:0;
border-top:none;
}
.coursetable td.blank {
height:30px;
border-top:#333 solid 2px;
border-right:none;
/*border-bottom:none;*/
border-left:none;

}
.coursetable td.cTitle > a {
display:block;
padding:5px 5px 5px 30px;
font-weight:bold;
font-size:21px;
color:#242;
}
.coursetable td.cTitle > a:hover {
color:#383;
}
.coursetable td.cTitle a img {
vertical-align:middle;
width:21px;
padding:0 5px;
}
.coursetable .contRow td strong {
display:block;
}

.pocDiv {
overflow:auto; margin:20px auto;
}
.pocDiv > div {
border:#999 solid 1px;
margin:1% 0 0 1%;
padding:2px 5px 3px 5px;
}
.pocDiv > div strong {
display:block;
font-size:18px;
color:#225;
}
.pocDiv > div a {
display:block;
}

#histimgs .width33 {
text-align:center;
padding:10px;
}
#histimgs .width33 img {
display:block;
width:90%;
height:223px;
margin:0 auto;
}
#histimgs .width33 p {
font-size:12px;
margin:0;
padding:5px 5% 0 5%;
}


#bott {
background-color:#000;
text-align:center;
color:#EEE;
overflow:auto;
padding:15px;
font-size:15px;
}
#bott img {
height:70px;
}


.contDiv {
border-left:#999 solid 1px;
}
.contDiv h4 {
text-decoration:underline;
}
.contDiv table {
width:100%;
}
.contDiv table td {
width:50%;
padding:2px;
}
.contDiv table td:first-child {
text-align:right;
padding-right:7px;
}
.contDiv li {
padding-bottom:4px;
font-size:17px;
}


.commandDiv {
overflow:auto;
}
.commandDiv > div {
padding:0 12.5%;
overflow:auto;
}
.commandDiv a {
display:block;
overflow:auto;
}
.commandDiv img {
display:block;
max-width:100%;
width:240px;
}
