/* Main Div Locations */
*                              { margin: 0; padding: 0; }
table tr td                    { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .7em; line-height: 1.2em; }
div#container                  { position : relative; width : 960px; margin : 0 auto; text-align : left; }
div#main-navigation            { position : relative; width : 100%; height : 9.5em; }
div#content                    { width : 900px; padding-left: 10px; }
div#lower-navigation           { width : 900px; height: 80px; background-image: url(../images/footer-bg.png); margin: 20px 0 20px 0; }

/* Left Side Seperator */
div#side-line                  { position: absolute; width: 11px; height: 450px; background-image: url(../images/side-line.png); margin-top: 0px; left: -10px; z-index: 2; }

/* Main Content Styles */
div#content p, div#content ul li  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .7em; margin: 10px 0px 10px 0px; line-height: 1.2em; }
div#content h1                 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 30px; margin: 3px 0 0 -10px; padding-bottom: 5px; text-indent: 10px; background: url(../images/h1-tag.png) left bottom no-repeat ; }
div#content h2                 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; padding: 6px 0 6px 0; }
div#content h3                 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; margin-left: 15px; }
div#content a:hover            { color: #000099; text-decoration: none; } 
div#content a:visited          { color: #990000; }
div#content ol                 { list-style: decimal; list-style-position: inside; padding: 5px 0 5px 0; }
div#content ol li              { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .7em; padding: 2px 0 2px 18px; }
div#content ol li ol           { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; }

.curricula-list                { list-style: url(../images/bullet.gif); list-style-position: inside; padding: 5px 0 5px 0; }
.curricula-list li             { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .7em; padding: 2px 0 2px 18px; }
.curricula-list2               { list-style: none; padding: 5px 0 5px 0; }
.curricula-list2 li            { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .7em; padding: 2px 0 2px 18px; }

.question                      { font-weight: bold; text-decoration: underline; }
.footnote                      { color: #000000; font-size: .6em; font-family: sans-serif;  }
.text-flow-right               { clear: left; float: left; padding: 0px 8px 0px 0px; } 
.text-flow-left                { clear: right; float: right; padding: 0px 0px 0px 8px; } 
.quote                         { font-style: italic; font-weight: bold; }
.title                         { font-style: italic; font-weight: bold; }
.student-name                  { font-style: italic; font-weight: bold; text-align: right; }
.redtext                       { color: #990000; font-weight: bold; text-align: center; }                          
.bluetext                      { color: #000099; }                          

/* Top Navigation Styles */
div#logo                       { position: absolute; float: left; background: url(../images/heritage-sunset-img.png) no-repeat; width: 960px; height: 82px; }

div#header-information         { height: 70px; width: 275px; float: right; padding: 3px 3px 3px 3px; margin-right: 5px; text-align: right; font-size: 13px; color: #2A2C52; font-family: Geneva, Arial, Helvetica, sans-serif; text-transform: capitalize; }
div#header-information a       { color: #000099; text-decoration: underline; }
div#header-information a:hover { color: #000099; text-decoration: none; }

div#nav-bar                    { position: relative; width: 980px; height: 66px; top: 82px; background-image: url(../images/nav-bar-bg.png); }
div#nav-bar-menu               { position: absolute; margin: 8px 0 0 0; color: #FFFFFF; overflow: hidden; float: left; left: 297px; width: 685px; display: block;}
div#nav-bar-menu2              { position: absolute; margin: 40px 0 0 0; color: #FFFFFF; overflow: hidden; float: left; left: 297px; width: 685px; display: block;}
div#nav-bar-heritage-name      { width: 300px; height: 66px; float: left; }
div#nav-bar-end                { width: 20px; height: 77px; float: right; background-image: url(../images/nav-bar-end.png); z-index: 2; }
div#nav-bar-shadow             { position: absolute; width: 960px; height: 11px; left: 0px; top: 66px; background-image: url(../images/nav-bar-shadow.png); background-repeat: repeat-x; z-index: 1; }

.navlist                       { list-style-type: none; }
.navlist li                    { border-left: 1px solid #FFFFFF; float: left; margin: 0 .5em 0 -.5em; padding: 0 .5em 0 .5em; font-size: .7em; color: #2A2C52; font-family: Verdana, Arial, Helvetica, sans-serif;  }
.navlist li a                  { color: #FFFFFF; }
.navlist li a:hover            { color: #FFFFFF; text-decoration: none; }

/* Bottom Navigation Styles */
div#footer-menu                { position: absolute; margin: 26px 0 0 0; color: #FFFFFF; overflow: hidden; float: left; left: 42px; width: 680px; display: block;}
div#footer-menu2               { position: absolute; margin: 44px 0 0 0; color: #FFFFFF; overflow: hidden; float: left; left: 42px; width: 680px; display: block;}
div#footer-menu3               { position: absolute; margin: 65px 0 0 0; color: #FFFFFF; overflow: hidden; float: left; left: 42px; width: 680px; display: block;}
.footer-navlist                { list-style-type: none; }
.footer-navlist li             { border-left: 1px solid; float: left; margin: 0 .5em 0 -.5em; padding: 0 .5em 0 .5em; font-size: 12px; font-weight: bold; color: #000000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
.footer-navlist li a           { color: #000099; }
.footer-navlist li a:hover     { color: #000099; text-decoration: none; }

/* Store Item Styles */
#store                         { height: 480px; }
.store-item                    { padding: 5px 5px 5px 5px; width: 235px; height: 250px; text-align: center; float: left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.2em; }
.store-item img                { float: left; clear: left; padding: 0px 0px 5px 0px; }
.store-item-button             { width: 100px; background-color: #FFFFFF; border: 2px ridge #333333; margin-left: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
.store-item form, select       { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; margin-top: 3px; }
.store-item form select option { padding-left: 4px; }
.store-item-info               { background: url(../images/tshirt.gif) left bottom no-repeat; margin-left: 15px;}

/* Form Styles */
.req                                       { font-weight: bold; color: #FF0000; }
form fieldset                              { width: 625px; margin: 0 auto; border: 0; }
form fieldset legend                       { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; font-weight: bold; padding: 2px 2px 2px 2px; }
form div                                   { padding: 2px 0 2px 0; clear: left; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
form div label                             { font-size: 12px; text-align: left; width: 245px; display: block; float: left; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
form div input.inputText                   { padding: 2px 2px 2px 2px; display: block; float: left; width: 165px; height: 15px; }
form div input.inputText, textarea, select { font-size: 12px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
form div textarea                          { width: 420px; margin: 0px 3px 0px 3px; }
.highlightActiveField                      { padding: 2px 2px 1px 2px; display: block; float: left; width: 167px; height: 18px; border: 1px  solid #003366; color: #000000; font-weight: bold; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
.highlightInactiveField                    { padding: 2px 2px 2px 2px; display: block; float: left; width: 165px; height: 15px; color: #666666; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
#submitButton                              { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; }