* {
padding:0;
margin:0;
}
body {
font-size:65%;
font-family:Helvetica, sans-serif;
background:#FFF;
}
.clear {
clear:both;
}
a {
text-decoration:none;
color:#2378b7;
}
a:hover {
text-decoration:underline;
}
a img {
border: 0;
}
strong {
color:#333;
font-weight:lighter;
font-size:1.0em;
}
div#header-black {
background: url(../images/top-black.jpg) repeat-x top;
height:36px;
}
div#header-black ul#menu-black {
list-style: none;
float: right;
margin-right: 5%;
}
div#header-black ul#menu-black li {
float: left;
padding:10px;
}
div#header-black ul#menu-black li a {
text-align: center;
padding-right: 3px;
padding-top: 10px;
text-decoration: none;
color: #FFF;
font-size:1.1em;
font-family:Courier New, Courier New, monospace;
}
div#header-black ul#menu-black a:hover, a:active {
text-decoration:underline;
}
div#header-red {
background: url(../images/top-blue.jpg) repeat-x;
height:130px;
border-top:1px solid #04C0FF;
}
div#menu ul {
list-style: none;
float: right;
margin-top: -39px;
margin-right: 5%;
}
div#menu ul li {
background: url(../images/link-a.jpg) no-repeat;
margin-left: 3px;
height: 35px;
width: 93px;
float: left;
border-top:1px solid #4190D1;
border-right:1px solid #4190D1;
border-left:1px solid #4190D1;
border-bottom:0px;
}
div#menu ul a {
display: block;
height: 25px;
width: 93px;
text-align: center;
padding-top: 10px;
text-decoration: none;
color: #FFF;
font-size:1.2em;
text-transform:uppercase;
}
div#menu ul li:hover, li:active {
background: #FFF;
cursor:pointer;
}
div#menu ul a:hover,a:active {
color: #333;
}
div#top-box {
border:1px solid #D3D3D3;
width:90%;
height:200px;
margin-left:5%;
margin-top:20px;
}
div#top-box img {
height: 200px;
float:left;
padding-left: 30px;
}
div#top-box h1 {
font-family:Georgia, serif;
font-size:2.5em;
color:#2378b7;
font-weight:lighter;
text-align:right;
padding-top:20px;
padding-right:6%;
}
div#top-box_sub-text {
border-top:1px dotted #999;
border-bottom:1px dotted #999;
width:50%;
float:right;
margin-top:20px;
margin-right:5%;
}
div#top-box_sub-text p {
font-family:Georgia, serif;
font-size:1.3em;
color:#999;
text-align:center;
padding-top:15px;
padding-bottom:15px;
}
div#main-content {
float:left;
margin-left:5%;
margin-top:20px;
width:60%;
}
div#main-content h1 {
font-family:Georgia, serif;
font-size:2.3em;
color:#2378b7;
font-weight:lighter;
}
div#main-content h2 {
font-size:1.0em;
color:#333;
text-transform:uppercase;
font-weight:lighter;
}
div#main-content p, form{
font-size:1.3em;
line-height:1.5em;
color:#666;
padding:10px 0px 20px 20px;
}
div#main-content ul, ol, table{
font-size:1.2em;
line-height:1.4em;
color:#666;
}
div#main-content-top {
border-top:1px dotted #999;
margin-top:10px;
}
.main-content-top {
border-top:1px dotted #999;
margin-top:10px;
}
.main-content-top td{
text-align: center;
border: 1px solid #CCC;
width:22%;
}
div#main-content-bottom {
border-top:1px dotted #999;
margin-top:10px;
height:430px;
}
div#main-content-bottom img {
text-align: center;
border:1px solid #ccc;
padding: 5px;
}
div#main-content-bottom p {
display:block;
width:27%;
float:left;
text-align:center;
}
div#side-content {
background:#F4ECDF;
border:1px solid #DFD3BE;
width:25%;
float:right;
margin-top:20px;
margin-right:5%;
}
div#side-content p, form{
font-size:1.2em;
line-height:1.4em;
color:#666;
padding:10px 20px 20px 20px;
}
div#side-content h1 {
font-family:Georgia, serif;
font-size:1.7em;
color:#2378b7;
font-weight:lighter;
padding:10px 0px 0px 10px;
text-transform:uppercase;
}
div#footer {
border-top:2px solid #CCC;
border-bottom:2px solid #CCC;
width:95%;
text-align:center;
margin:0 auto;
margin-top:20px;
margin-bottom:10px;
}
div#footer p {
color:#333;
font-size:0.7em;
padding:15px;
text-transform:uppercase;
}
div#footer hr {
margin-top:3px;
background-color:#CCC;
color:#CCC;
height:1px;
border:0px;
}