* { margin: 0; padding: 0; }
html { overflow: scroll; }
body { background-color: #eee; font-size: 10px; font-family: Tahoma; }
h1, h2, h3 { margin-bottom: 1em; font-weight: normal; text-transform: uppercase; }
ul { margin: 0; list-style-type: square; }
ol { list-style-type: decimal; }
li { margin-bottom: 1em; } 
p { line-height: 1.5em; margin-bottom: .5em; }
hr { border: 0; height: .2em; color: #999; background-color: #999; margin-bottom: 1em; }
img { border: 0 }
blockquote { margin-left: 2em; margin-bottom: 2em; }
/*blockquote { padding-left: 4em; margin-bottom: 2em; padding-top: .5em; background: url('/CSSLibrary/MainWebsite/images/quote.png') no-repeat 1.5em .3em; }*/
 
.red { color: #900; font-weight: bold; }
.green { color: #01573E; font-weight: bold; }
.blue { color: #009; font-weight: bold; }

.uppercase { text-transform: uppercase; }
.uppercase.red { font-weight: bold; color: #900; }
.uppercase.green { font-weight: bold; color: #01573E; }
.capitalize { text-transform: capitalize; }
.normal { text-transform: none; }
.space { margin-left: 1em; }
.space.big { margin-left: 2em; }

.center { text-align: center; }
div.center { text-align: center; margin-bottom: 1em; }
.not-available { text-align: center; margin: 3em 0; color: #900; font-weight: bold; }

.left { float: left; }
.left.alignright { float: left; text-align: right; }
.right { float: right; }
.right.alignright { float: right; text-align: right; }
.clear { clear: both; }

.large { font-weight: bold; font-size: 1.1em; }

h1 { font-size: 1.4em; letter-spacing: 0.05em; font-family: arial; color: #666; font-weight:bold; margin: 0; background-color: #EFEFEF; padding: 1.55em 1em; border: .1em solid #999; margin-bottom: 1em; }
h2 { font-size: 1.2em; font-weight:bold; font-family: arial; }
h3 { font-size: 1em; font-weight:bold; font-family: arial; }

ul.list { margin: 0; list-style-type: square; } 
ul.list li, ol.list li { margin-left: 3em; }

a { text-decoration: none; }
a:visited { color: inherit; }
a:focus, a:active, a:hover { text-decoration: underline; }

.skip-links { left: -5000px; position: absolute; }
.skip-links:active, .skip-links:focus { left: 0; top: 0; z-index: 1000; padding: 1em 2em; border: .1em solid #000; background-color: #FFFFDD; color: #000; font-size: 1.2em; }

.hidden, .hidden-backtotop { left: -5000px; position: absolute; }

.space-for-anchor { margin-top: 3.5em; }


#main-width { width: 90em; margin: 0 auto; background-color: #FFF; }

#header { height: 8em; border-bottom: .1em solid #666; padding: 1em; }
#header-content { height: 8em; background: url('/CSSLibrary/MainWebsite/images/banner.gif') no-repeat; }

#content { padding: 1em; }
#content-main { float: left; width: 68em; }
#content-body { font-size: 1.2em; }
#content-main a { color: #009; font-weight: bold; text-decoration: underline; }

#phone { border: .1em solid #999; margin-bottom: 1em; background: url('/CSSLibrary/DSV4/images/phone.png') no-repeat 1em 1em; height: 4em; padding-right: 1em; padding-top: 2em; }
#phone span { font-size: 1.9em; font-family: Arial; font-weight: bold; float: right;  }

#navigation { float: right; width: 19em; margin-bottom: 8em; } 
#navigation-content { } 
#navigation ul { margin: 0; padding: 0; list-style-type: none; }
#navigation a.navHeader { display: block; padding: 0.65em 0.35em 0.65em 2.15em; background-color: #EFEFEF; font-size: 1.2em; color: #000; text-decoration: none; }
#navigation a.navHeader:hover, #content-left a.navHeader:focus, #content-left a.navHeader:active  { color: #FFF; text-decoration: none; }
#navigation a.navHeader { background: url('/CSSLibrary/DSV4/school/nav.gif') no-repeat; }
#navigation a.navHeader:hover, #content-left a.navHeader:focus, #content-left a.navHeader:active  { background-color: #000; }
#navs li ul  { display: none; }
#navs li ul li a { color: #000; font-size: 1.2em; text-decoration: none; }
#navs li ul li a:hover, #navs li ul li a:active, #navs li ul li a:focus { text-decoration: underline; }
#navs li.selected a.navHeader  { color: #EEE; font-weight: bold; }
#navs li.selected ul { display: block; background-color: #EFEFEF; padding-top: 1em; padding-bottom: 0.3em; padding-right: 0.2em; list-style-type: none; border: 0.1em solid #AAA; border-top: 0; }
#navs li.selected ul li { padding-left: 2.5em; padding-right: 0.4em; }
#navs li.selected a.navHeader  { background: url('/CSSLibrary/DSV4/school/nav-exp.gif') no-repeat 0.6em center; background-color: #000; }
#navs li.selected a.navHeader:hover, #navs li.selected a.navHeader:active, #navs li.selected a.navHeader:focus { background: url('/CSSLibrary/DSV4/school/nav-col.gif') no-repeat 0.6em center; background-color: #000; }
#navs li.selected a.navHeader.static:hover, #navs li.selected a.navHeader.static:active, #navs li.selected a.navHeader.static:focus { background: url('/CSSLibrary/DSV4/school/nav-exp.gif') no-repeat 0.6em center; background-color: #000; }
#navs li.selected ul li { background: url('/CSSLibrary/DSV4/school/nav-list.gif') no-repeat 1em 0.3em; }

#footer { background-color: #555; padding: 1em; color: #FFF; }
#footer-content { }
#footer-content a { text-decoration: underline; color: #FFF; }
#footer-content div.left { margin-right: 2em; }
#footer-content h2 { text-transform: none; font-size: 1.3em; font-family: Arial; font-weight: bold; }
#footer-content p { font-size: 1.15em; }
.footer-boxes { float: left; width: 22em; margin-right: 2em; }


#qr { background: url('/CSSLibrary/MainWebsite/images/bookmark.gif') no-repeat; height: 20em; width: 20em; position: relative; float: right; left: 1em; top: -10em; display: block; }


#developer-info { height: 3em; padding: 1em 1em 0em 1em; padding-top: 2em; color: #FFF; background-color: #000; border-top: .1em solid #FFF; }
#developer-info a { color: #FFF; }
#developer-info-content { font-size: 1.1em; }


#rotator-container { height: 29em; margin-left: 2em; margin-bottom: 2em; background-repeat: no-repeat; }
#rotator-description { color: #000; font-size: 1em; font-weight: normal; padding: .5em 1em; position: absolute; }
#rotator-description p { margin-bottom: .3em;  }
#rotator-description strong { font-size: 1.2em; font-family: Arial;  }
#rotator-descriptionbox { position: relative; top: 23em; background-color: #FFF; height: 6em; color: #FFF; font-weight: bold; filter: alpha(opacity=90); opacity: 0.9; border: .1em solid #000; }
#rotator-arrow { height: 3.3em; width: 5em; position: relative; left: 50.5em; top: 1.4em; background: url('/CSSLibrary/MainWebsite/images/arrow-right.png') no-repeat; display: block; }

.quote { background: url('/CSSLibrary/MainWebsite/images/quote.png') no-repeat 1.5em .3em; padding-left: 7em; padding-top: 1.5em; }
.quote span { font-size: 2em; font-weight: bold; }
.quote ol { margin-left: -1em; margin-top: 2em; }