/* tag overrides */
html {
color: white;
background-color: black;
background-image: url(Images/gradient.png);
background-attachment: scroll;
background-repeat: no-repeat;
background-position: top right;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
margin: 0;
padding: 0;
}

h1 {
font-size: 25px;
font-weight: bold;
font-family: Arial, sans-serif;
line-height: .6;
text-align: center;
}

h2 {
font-size: 24px;
text-decoration: underline;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
display: block;
margin-bottom: 2px;
padding-bottom: 2px;
}

a:link, a:active, a:visited {
color: green; 
text-decoration: underline;
}

a:hover {
color: blue;
text-decoration: underline;
}

a:link img, a:visited img {
border-style: none;       /* hide borders on image links */
}
a img { color: white; }   /* trick to hide the border in Netscape 4 */
@media all {              /* hide the next rule from Netscape 4 */
a img { color: inherit; } /* undo the color change above */
}


/* ID element styles */
#everything {
width: 65em;
margin: 0 auto;
}

#header {
width: inherit;
text-align: center;
margin-top: 5px;
}

#title {
float: left;
width: 397px;
text-align: center;
}

#titletext {
float: left;
width: 27em;
}

#motto, #motto2 {
float: left;
margin-left: 1em;
text-align: left;
font-style: italic;
font-family: "Times New Roman", Times, serif;
font-size: 1.5em;
width: 15em;
}

#motto2 {
width: 10em;
}

#topphone {
clear: left;
float: left;
width: 8em;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
}

#navbar ul {
clear: both;
padding: 0;
margin: 0;
width: 100%;
font-family: arial, helvetica, sans-serif;
list-style: none;
}

#navbar li {
display: inline;
}

#navlinks li a {
padding: 0.2em 0.6em;
background: #fc6;
color: #000000;
text-decoration: none;
float: left;
border: 1px solid #000000;
}
#navlinks li a:hover {
background: #08c;
color: #fff;
}

#classlinks li a {
font-style: italic;
padding: 0.1em 0.5em;
background: #000000;
color: #FFFFFF;
text-decoration: none;
float: left;
border: 1px solid #000000;
}
#classlinks li a:hover {
background: #08c;
color: #fff;
}

#main {
clear: both;
width: inherit;
}

#content {
padding: 5px;
}

#footer {
text-align: center;
font-size: 70%;
clear: both;
}


/* general use styles */
.centered {
text-align: center;}

.centered table { 
margin-left: auto;
margin-right: auto;
text-align: left;
}


/* default.asp styles */
#leftcolumn {
float: left;
width: 464px;
}

#homepictures {
}

#goal {
width: 20em;
margin-left: 1em;
padding: 0.5em;
float: left;
}

#announcements {
width: 20em;
margin-left: 1em;
padding: 0.5em;
float: left;
}

#portal {
width: 20em;
margin-left: 1em;
padding: 0.5em;
float: left;
}

#dmalogo {
padding: 0em 0.8em;
float: left;
}

#locations {
padding-left: 0.4em;
float: left;
}

#address {
width: 13.5em;
float: left;
}

#floors {
float: left;
padding-top: 2em;
margin: 0.5em;
font-style: italic;
}

/* class pages */
#classpage {
float: left;
width: 350px;
padding: 8px;
margin-top: 20px;
font-size: 15px;
font-weight: bold;
font-family: Arial, sans-serif;
}

#classesoffered {
float: left;
width: 350px;
padding: 8px;
margin: 20px;
}

/* gallery.asp */
#pictures img {
padding: 4px;
}

/* staff.asp */
.teacher {
font-weight: bold;
}