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

/* Hex colors:  purple #6B78B4, light blue #79BEDB, green #266A2E, darker blue #0099CC, background #FAEBD7 */

/* Both DejaVuSans and Lora fonts come from Font Squirrel (https://www.fontsquirrel.com)*/
@font-face {
    font-family: 'DejaVuSansBook';
    src: url('fonts/dejavu/DejaVuSans-webfont.eot');
    src: url('fonts/dejavu/DejaVuSans-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/dejavu/DejaVuSans-webfont.woff') format('woff'),
         url('fonts/dejavu/DejaVuSans-webfont.ttf') format('truetype'),
         url('fonts/dejavu/DejaVuSans-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LoraRegular';
    src: url('fonts/lora/Lora-Regular-webfont.eot');
    src: url('fonts/lora/Lora-Regular-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/lora/Lora-Regular-webfont.woff') format('woff'),
         url('fonts/lora/Lora-Regular-webfont.ttf') format('truetype'),
         url('fonts/lora/Lora-Regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LoraItalic';
    src: url('fonts/lora/Lora-Italic-webfont.eot');
    src: url('fonts/lora/Lora-Italic-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/lora/Lora-Italic-webfont.woff') format('woff'),
         url('fonts/lora/Lora-Italic-webfont.ttf') format('truetype'),
         url('fonts/lora/Lora-Italic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LoraBold';
    src: url('fonts/lora/Lora-Bold-webfont.eot');
    src: url('fonts/lora/Lora-Bold-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/lora/Lora-Bold-webfont.woff') format('woff'),
         url('fonts/lora/Lora-Bold-webfont.ttf') format('truetype'),
         url('fonts/lora/Lora-Bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LoraBoldItalic';
    src: url('fonts/lora/Lora-BoldItalic-webfont.eot');
    src: url('fonts/lora/Lora-BoldItalic-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/lora/Lora-BoldItalic-webfont.woff') format('woff'),
         url('fonts/lora/Lora-BoldItalic-webfont.ttf') format('truetype'),
         url('fonts/lora/Lora-BoldItalic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {
font-family: 'Rosario', 'garamond', serif;
font-size:12;
background-color:#FAEBD7;
color:#000;
margin: 0 auto;
padding: 0;
}

#header {
width: 972px;
margin: 0 auto;
padding: 30px 0 0 0;
height: 237px;
background-image:url(../images/header2.png);
background-repeat:no-repeat;
background-color:#FAEBD7;
font-family: 'paytone one', georgia, serif;
}

h1, h2, h3, h4, h5, h6 {
font-family: 'paytone one', georgia, serif;
font-size:80px;
color:#000;
font-weight:bold;
letter-spacing:.1em;
}

h1 {float:left; margin-left:1em;} 
h2 {font-size:30px;} 
h3 {font-size:24px;} 
h4 {color:#cc3333; font-size:20px; position:relative; top:-30px;} 
h5 {font-size:16px; color:#666666; clear: both;} 
h6 {font-size:14px; color:#FF0033; position: relative; top:60px; vertical-align:bottom; padding: 0 0 0 50px;float:left;}

#content {
width: 972px;
clear:both;
margin: 0 auto;
}

#container {
width:700px;
padding-right:2px;
padding: 60px 15px 30px 15px;
float:left;
background-color:#faebd7;
height:810px;
}

#navbar {
float:right;
background-color:#faebd7;
width: 229px;
height:900px;
color:#0099cc;
background-image:url(../images/navbar.png);
font-family: 'paytone one', georgia, serif;
}

#navbar ul {
margin: 0 auto;
padding: 20px 10px 0 0;
font-weight:bold;
list-style:none;
font-size: 1.2em;
line-height: 3em;
text-align: center;
}

#navbar ul li {
display: inline;
}

#navbar ul li a{
padding: .1em .5em;
color:inherit;
text-decoration:none;
}

#navbar li a:hover {
padding:0 .5em;
background-color:#79BEDB;
}

a, a:active, a:visited {
color:inherit;
font-weight:bold;
text-decoration: none;
}

a:hover {
text-decoration:underline;
}

#footer {
margin: 0 auto;
padding: 0;
clear:both;
width:972px;
height: 120px;
background-color:#FAEBD7;
background-image:url(../images/footer.png);
}

.toc {
	font-size: inherit;
	font-family: 'DejaVuSansBook', arial, san-serif;
	color:inherit;
	max-width:600px;
}
.toc ul {
	list-style: none;

}
.toc ul li {
	margin: 10px;
	border-top: 1px solid #79BEDB;
	display: block;
	padding-top:5px;
}