#leftbar1 { height: 600px; background-color: #8383F4; text-align: center; margin-top: 6px; padding-top: 6px; float: left; margin-right: 10px; width: 163px; border: 2px solid black;}

#leftbar2 { height: 600px; background-color: #999966; border-left-color: #666699; border-left-width: 12px; border-left-style: solid; text-align: center; padding-top: 6px; float: left; margin-right: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666699; border-right-style: solid; border-right-width: 1px; border-right-color: #666699; border-top-style: solid; border-top-width: 1px; border-top-color: #666699;}

#leftbar3 { height: 600px; background-color: #669966; border-left-color: #666699; border-left-width: 12px; border-left-style: solid; text-align: center; padding-top: 6px; float: left; margin-right: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666699; border-right-style: solid; border-right-width: 1px; border-right-color: #666699; border-top-style: solid; border-top-width: 1px; border-top-color: #666699}

#leftbar4 { height: 600px; background-color: #666699; width: 149px; border-left-color: #669966; border-left-width: 12px; border-left-style: solid; text-align: center; padding-top: 6px; float: left; margin-right: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #669966; border-right-style: solid; border-right-width: 1px; border-right-color: #669966; border-top-style: solid; border-top-width: 1px; border-top-color: #669966}

/* Logo image padding */
.logo_image { margin-right: 6px; margin-left: 6px }

.center {text-align: center }

body { color: black; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: normal}

/* IE needs the p tag to define the font weight, not just the body tag */
p { font-weight: normal }

h1 { color: #0000CC; font-size: 24pt; }
h2 { color: #0000CC; font-size: 16pt; }
h3 { font-size: 14pt; }

hr { height: 1px; color: #339900; }

/* Division left of navigation.  Can't use padding in leftbar division */
/* because it would make the border's look bad.  The margin-right on left */
/* bar doesn't seem to have much effect. */
/* #content { padding-left: 12px; } */

/* Defines the announcement box and the header font */

.box { color: #000000; font-weight: bold; font-family: Arial; background-color: #87C568; border-color: #000000; border-style: solid; border-width: 2px; padding: 12px; float: right; width: 250px; margin: 10px; }

/*  The actual text inside an announcement should have a span with class announce */
.announce { font-size: 12pt; font-weight: normal; }

.footer { font-size: 8pt } 

/* Links within the normal document */
a:link { color: #CC3333; font-weight: bold; } 
a:visited { color: #CC3333; font-weight: bold; }
a:hover { text-decoration: underline; font-weight: bold; }
a:active { text-decoration: underline; font-weight: bold; }

/* Navigation bar links */
a:link.nav { color: #FFFF00; font-weight: bold; text-decoration: none }
a:visited.nav { color: #FFFF00; font-weight: bold; text-decoration: none }
a:hover.nav { text-decoration: none; }
a:active { text-decoration: underline }

/* Background class used for body tags */
.bgdarkblue { background-color: #000066}
.bgblue { background-color: #666699 }
.bggreen { background-color: #669966 }
.bgbrown { background-color: #999966 }
.bgyellow { background-color: #CCCC33 }
.bgred { background-color: #CC3333 }
.bgwhite { background-color: white; }

/* Color classes */
.darkblue { color: #000066 }
.blue { color: #666699 }
.green { color: #669966 }
.brown { color: #999966 }
.yellow { color: #CCCC33 }
.red { color: #CC3333 }


/* NAVIGATION LINKS */
.current { font-weight: normal; }  /* currently selected top nav */

.navigation { padding: 4px; font-weight: bold; font-size: 14pt;}  /* Left menu bar navigation link (normal) */
.navigation:hover { padding: 4px; background-color: #87C568; font-weight: bold; font-size: 14pt;}

/* Current location in left menu bar */
.navigation_current { color: #FFFF00; padding: 4px; border-left-style: solid; border-right-style: solid; border-left-width: 4px; border-right-width: 4px; border-left-color: #FF0000; border-right-color: #FF0000; font-weight: bold; font-size: 14pt;}

/* onMouseOver state for left menu bar navigation */
.navigationActivated { border-style: solid; border-width: 1px; border-color: #CC3333; padding: 3px; background-color: #CCCC33; font-weight: bold;}

/* Images */
img.flow { padding: 10px }

/* Main photo in photo section gets class photo */
img.photo { border-style: solid; border-color: #000066; border-width: 1px; margin-top: 10px; margin-right: 10px; margin-left: 10px;}

/* mini nav photos */
img.link { border-style: none; padding-bottom: 10px; padding-right: 10px; padding-left: 10px; }

/* Caption */
.caption { font-weight: normal; font-family: Arial; font-size: 11pt; margin-right: 10px; margin-left: 10px}

/* Caption Suggestion */
.caption_correction { text-align: right; font-style: italic; font-size: 9pt; }

/* Footnotes */
.footnote { font-size: 9pt }

/* Drop Caps */
.dropcap { float: left; font-size: 52pt; font-weight: bold; padding-right: 10px;}

/* Text Section heading */
.subhead { font-size: 11pt; text-decoration: underline }

/* info about movies */
.movieinfo { font-weight: normal; font-family: Arial; font-size: 11pt; }

/* Links for movie media types */
a:link.movieformat { font-size: 9pt; font-weight: normal; }
a:visited.movieformat { font-size: 9pt; font-weight: normal; }