@charset "UTF-8";
/* CSS Document */

body {
background-color:#333333;
padding: 20px;
font-family: Georgia, "Times New Roman", Times, serif;
}

#index-main {
max-width: 675px;
min-width: 605px;
min-height: 448px;
border-color: #CCCCCC;
border-width: 10px;
border-style: solid;
padding: 0.5em;
padding-top: 0.3em;
background:url(img/index-bg.jpg) no-repeat;
background-color: #CCCCCC;
margin-right: auto;
margin-left: auto;
}

#index-main a,a:visited {
text-decoration: none;
color: #000000;
}

#index-links {
margin-top: -1em;
}

#index-links li {
display:inline;
text-align: center;
}

#index-links ul {
margin: 0;
padding: 0;
text-align: left;
}

#index-links li a,a:visited{
text-decoration:none;
color: #000000;
padding: 0.2em;
}

#index-links li a:hover{
background-color: #FFFFCC;
}

#content-area {
max-width: 310px;
border-width: 1px;
border-style: solid;
border-color: #CCCCCC;
padding: 0.5em;
padding-top: 0em;
padding-right: 1.2em;
}

#content-area h3 {
padding-left: 0.3em;
color: #FFFFCC;
font-size: 1.1em;
font-weight: normal;
text-transform:uppercase;
}

#content-area p {
padding-left: 0.6em;
text-indent: 1em;
text-align: justify;
}

#content-area a,a:visited {
text-decoration:underline;
color: #333333;
}

#content-area a:hover {
text-decoration: underline;
color: #FFFFCC;
}

.floatright {
float: right;
margin-right: 30px;
}


#footer {
color: #CCCCCC;
font-size: 0.75em;
text-align: center;
padding-top: 0.8em;
}

#footer a,a:visited{
text-decoration: underline;
color: #CCCCCC;
}

#footer a:hover {
color: #FFFFCC;
}