/* CSS Document */

body, html {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 90%; 
color: #000;
position: relative;
} 
a {
cursor: pointer;
}
a:link {
color: #377ebc;
text-decoration: none;
font-weight: bold;
}
a:visited {
color: #477ebf;
font-weight: bold;
}
a:hover {
color: #377ebc;
font-weight: bold;
text-decoration: underline;
}
a:active {
color: #000;
}
div {
margin-left: auto;
margin-right: auto;
text-align: center;
}
h1, h2, h3, h4, h5, h6 {
font-family: Orlando,Blair, Arial, sans-serif;
color: #377ebc;
background: transparent;
} 
h1 {
font-weight: bold;
text-align: center;
padding: 0;
margin: 0;
}
h2 {
font-weight: bold;
text-align: center;
padding: 0;
margin: 0;
}
h3 {
font-size: 1.1em;
font-weight: bold;
text-align: center;
}
h4 {
text-align: center;
font-weight: bold;
color: #377ebc;
} 
img {
padding: 5px;
}
li {
text-align: left;
background-image: url(images/listimage.jpg);
background-repeat: no-repeat;
background-position: top left;
padding-left: 42px;
margin-left: 0;
padding-bottom: 1em;
} 
p {
font-size: 1em;
text-align: left;
text-indent: 0;
padding: 0 2em;
}

pre{
font-size: .9em;
text-align: left;
}
table {
margin: 0;
padding: 0;
width: 100%;
border: 1px solid #377ebc;
}
td {
vertical-align: top;
margin-top: 0;
padding: 0.5em;
text-align: center;
border: 1px solid #377ebc;
}
td.nav {
border-bottom: 1px solid #524860;
margin-top: 0;
}
th {
font-weight: bold;
text-align: center;
font-variant: small-caps;
width: 25%;
padding: 0.5em;
border: 1px solid #377ebc;
}

tr {
margin: 0;
}
ul {
font-size: 1em;
list-style: none;
margin: 0;
} 
/* Classes */
.center {
margin: auto;
text-align: center;
}
.clear {
clear: both;
padding-top: 1.5em;
}
.first {
font-variant: small-caps;
font-weight: bold;
text-align: center;
}
.float {
background-color: #fff;
}
.float img {
float: left;
}
.green {
color:#009900;
}
.head {
background-color: #377ebc;
color: #fffafa;
font-variant: small-caps;
font-weight: bold;
text-align: center;
font-size: 1.25em;
}
.image_caption {
width: auto;
height: auto;
padding: 5px;
border: none;
font-weight:bold;
font-size: 0.75em;
}
.image_caption p {
margin: 0;
padding: 0; 
text-align: center;
color: #333;
}
.left {
float: left;
}
.question {
font-weight: bold;
padding-top: 1em;
}
.right {
float: right;
}
.smaller {
font-size: 0.8em;
}
/* IDs */
#content {
position: relative;
margin: 3em auto;
width: 85%;
background-color: #fffafa;
-webkit-border-radius: 15px;
/*
  -webkit-border-top-left-radius:15px;
  -webkit-border-top-right-radius:15px;
  -webkit-border-bottom-right-radius:15px;
  -webkit-border-bottom-left-radius:15px;
  */
-moz-border-radius: 15px;
/*
  -moz-border-radius-topleft:15px;
  -moz-border-radius-topright:15px;
  -moz-border-radius-bottomright:15px;
  -moz-border-radius-bottomleft:15px;
  */
border-radius: 15px;
/*
  border-top-left-radius:15px;
  border-top-left-radius:15px;
  border-bottom-right-radius:15px;
  border-bottom-left-radius:15px;
  */
color: #000;
}
#footer {
border-top: 1px solid #377ebc;
margin: 2em auto;
text-align: center;
font-size: 0.7em;
}
#footer ul {
list-style: none;
font-weight: normal;
background: none;
margin: auto;
padding-bottom: 2em;
}
#footer li {
list-style: none;
text-align: left;
display: inline;
background: none;
}
#footer p {
text-align: center;
}
#header {
position: relative;
clear: left;
border-bottom: 1px solid #377ebc;
}
#header h1 {
text-align: center;
margin-top: 3em;
padding-top: 1em;
}
#header h2 {
padding: 0 0 1em 0;
text-align: center;
}
#header img {
display: inline;
text-align: left;
padding-left: 1em;
/*clear:left;*/
border: 0;
}
#header a:link {
border: 0;
}
#main_content {
padding-top: 2em;
padding-left: 2em;
margin: 1em 1em 1em 15em;
}
#navigation {
margin: 0;
padding-top: 1em;
width: 15em;
float: left;
}
#navigation ul {
padding-top: 2em;
list-style: none;
}
#navigation li {
list-style: none;
margin: 0;
padding: .5em 0;
background: none;
}
#wrapper {
margin: 0;
padding: 0;
background-color: #33CCFF;
background-image: url("images/bgrd.jpg");
background-repeat: no-repeat;
position: relative;
}