/* CSS for tutorials index */

body {
background-color: #06356B;
}

#header {
margin-top: 15px;
margin-right: 25%;
margin-left: 1%;
margin-bottom: 15px;
border: 2px solid #002266;
text-align: center;
padding: 10px;
font-family: Georgia, serif;
font-weight: bold;
background-color: #FFFFCC;
color: #003300;
}

#maintext {
background-color:#FFFFCC;
color: #003300;
margin-top: 0;
margin-right: 25%;
margin-bottom: 15px;
margin-left: 1%;
padding: 10px;
border: 2px solid #002266;
font-family: Georgia, serif;
width: 55%;
float: right;
}

#sitenav {
background-color: #FFFFCC;
color: #003300;
border: 2px solid #002266;
font-family: Georgia, serif;
font-weight: bold;
margin-left: 1%;
margin-top: 0;
margin-bottom: 15px;
margin-right: 0;
padding: 10px;
line-height: 35px;
width: 10%;
float: left;
}

h1 {
font-size: 20px;
font-weight: bold;
line-height: 30px;
text-align: center;
}

h2 {
font-size: 16px;
border: 2px dotted #990000;
font-weight: bold;
line-height: 24px;
text-align: center;
margin: 50px 0px 20px 0px
}


/* lists */

ul {
margin: 5px;
margin-left: 8px;
padding: 5px 2px 5px 2px; 
}


ul.subnavlist {
margin: 0px 0px 0px 15px; 
list-style-type: square;
}


li {
margin: 0px 0px 0px 6px;
}



/* links */

a:link {
font-family: Georgia, serif;
font-size: 14px;
color: #06356B;
font-weight: bold;
text-decoration: none;
}

a:hover {
font-family: Georgia, serif;
color: #07570E;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}

a:visited {
font-family: Georgia, serif;
color: #360757;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}

a:active {
font-family: Georgia, serif;
color: #EC4403;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}