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

html { overflow-y: scroll; } /* always display scroll bars in Firefox */

body { padding:0; margin:0; background-color:#F4F2E5; font-family:Georgia, 'Times New Roman', Times, serif; font-size:100%; border-top: solid 5px #db9f11; }

img { border: 0; }

#container { margin:0 auto; width:850px; padding: 0 25px 25px 25px; background-color:#fff; border-left:double 3px #ccc; border-right: double 3px #ccc; border-bottom:double 3px #ccc; }

.clear { clear: both; }

h1 { display:none; }

.logo { float: left; position: absolute; margin-left: 15px; }
.symphonytag { float:right; padding-top:2px; padding-bottom: 3px; margin-right: -25px; }

#content { padding: 5px; }

#timeline { float:left; width: 210px; border-right: solid 1px #ccc; margin-top: 110px; margin-left: -25px; }
#timeline h2 { font-weight:normal; color:#5f6062; font-size:1.25em; padding-left:15px; margin:0; }
#timeline ul { list-style:none; font-size:.875em; color:#5f6062; margin-left:-20px; width:165px; }
#timeline ul li { border-bottom:dotted 1px #ccc; }
#timeline ul li a { padding: 5px 0 6px 0; display: block; color:#5f6062; text-decoration:none; }
#timeline ul li a:hover { background-color:#F4F2E5; color:#46166B; }

#welcome { float: right; width: 630px; }
#welcome h2 { font-weight: normal; font-size: 2.5em; text-align: right; color: #01b1ec; margin: 7px 10px 10px 0; padding: 0 0 0 0; }
#welcome p { margin: 0 5px 20px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.75em; line-height: 1.75em; text-align: right; }

#feature { float:right; width: 620px; }
#feature img { padding: 1px; border: solid 1px #5f6062;}
#feature h2 { width: 500px; font-weight:normal; color:#46166B; font-size:1.75em; margin:10px 0 5px 0; }
#feature p { font-size: 0.75em; line-height: 1.625em; font-family:Verdana, Arial, Helvetica, sans-serif; }

.pullquote { margin-top: 25px; padding: 15px; color:#5f6062; line-height:1.675em; font-size:1em; background-color:#F4F2E5; border-top: dotted 1px #5f6062; border-bottom: dotted 1px #5f6062; }
.credits { float: right; font-size: .5em; color:#999; margin: 2px; font-family:Verdana, Arial, Helvetica, sans-serif; }

#topic-container { width: 630px; margin: 15px auto 0 auto; padding: 10px 0 10px 0; float:right; border-top:double 3px #ccc; border-bottom: double 3px #ccc; }  
.topic { width: 165px; height: 100px; background:url(images/parchment.png) no-repeat; color: #5f6062; padding: 10px 20px 10px 15px; margin: 0 5px; float:left; } 
.topic h3 { color: #5f6062; font-family:Georgia, "Times New Roman", Times, serif; font-style: italic; margin: 0 0 3px 0; font-variant:small-caps; font-size: 1em; }
.topic h3 a { color: #5f6062; font-variant:small-caps; font-style:italic; text-decoration:none; } 
.topic h3 a:link { color: #5f6062; font-variant:small-caps; font-style:italic; text-decoration:none; }
.topic ul { list-style: none; text-align:left; padding: 0; margin: 0 0 0 0; }
.topic ul li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6875em; color: #5f6062; text-decoration: none; list-style: none; padding: 0; margin: 0; line-height: 1.25em; } 
.topic ul li a { font-family: Verdana, Arial, Helvetica, sans-serif; color: #5f6062; text-decoration: none; }
.topic ul li a:link { font-family: Verdana, Arial, Helvetica, sans-serif; color: #5f6062; text-decoration: none; }
.topic ul li a:hover { text-decoration: underline; }
.topic ul li a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; color: #5f6062; text-decoration: none; }
.topic ul li a:active { text-decoration: underline; }

.topic ul li.apply a { font-family: Verdana, Arial, Helvetica, sans-serif; color: #46166B; text-decoration: underline; font-size:16px; margin: 0 0 0 15px; }
.topic ul li.apply a:link { font-family: Verdana, Arial, Helvetica, sans-serif; color: #46166B; text-decoration: underline; }
.topic ul li.apply a:hover { text-decoration: none; }
.topic ul li.apply a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; color: #5f6062; text-decoration: none; }
.topic ul li.apply a:active { text-decoration: underline; }

.infobox { width: 165px; height: 100px; background:url(images/parchment.png) no-repeat; color: #5f6062; padding: 10px 20px 10px 15px; margin: 6px 5px; float:left; } 
.infobox h3 { color: #5f6062; font-family:Georgia, "Times New Roman", Times, serif; font-style: italic; margin: 0 0 3px 0; font-variant:small-caps; font-size: 1em; }
.infobox h3 a { color: #5f6062; font-variant:small-caps; font-style:italic; text-decoration:none; } 
.infobox h3 a:link { color: #5f6062; font-variant:small-caps; font-style:italic; text-decoration:none; }
.infobox ul { list-style: none; text-align:left; padding: 0; margin: 0 0 0 0; }
.infobox ul li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6875em; color: #5f6062; text-decoration: none; list-style: none; padding: 0 0 0 20px; margin: 0; line-height: 1.375em; } 
.infobox ul li a { font-family: Verdana, Arial, Helvetica, sans-serif; color: #5f6062; text-decoration: none; }
.infobox ul li a:link { font-family: Verdana, Arial, Helvetica, sans-serif; color: #5f6062; text-decoration: none; }
.infobox ul li a:hover { text-decoration: underline; }
.infobox ul li a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; color: #5f6062; text-decoration: none; }
.infobox ul li a:active { text-decoration: underline; }

.infobox ul li.apply a { font-family: Verdana, Arial, Helvetica, sans-serif; color: #46166B; text-decoration: underline; font-size:14px; margin: 0 0 0 15px; }
.infobox ul li.apply a:link { font-family: Verdana, Arial, Helvetica, sans-serif; color: #46166B; text-decoration: underline; }
.infobox ul li.apply a:hover { text-decoration: none; }
.infobox ul li.apply a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; color: #5f6062; text-decoration: none; }
.infobox ul li.apply a:active { text-decoration: underline; }

#nav { background-color: #F4F2E5; border-bottom: 3px double #ccc; border-top: 3px double #ccc; clear: both; font-weight: normal; text-align: right; padding: 10px 0; margin: 0 -25px 15px -25px; height: 20px; overflow: hidden; z-index: 10; }
#nav ul, #nav ul li { list-style:none none; padding:0px 0px; margin:0px 0px; }
#nav ul li { display:inline;	text-align:center; }
#nav ul li a, #nav ul li a:visited { text-decoration:none; color:#5F6062; font-size:1em; text-transform:uppercase; font-weight:normal; text-align:center; padding: 0px 6px 0px 12px; margin:0px 5px 0px 5px; border-left:1px solid #ccc; }
#nav ul li a:hover, #nav ul li a:visited:hover { color:#01b1ec; }
#nav ul li:first-child a, #nav ul li:first-child a:visited { border-left:0px solid #ff00ff; }
#nav ul li:last-child a, #nav ul li:last-child a:visited { margin-right: 15px; }

#footer { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; color: #666; font-size: 0.6275em; width: 600px; border-top: solid 1px #ccc; margin: 45px auto 0 auto; padding-top: 8px; }
#footer a { color: #666; }