/* general html elements */
h1 { text-align: center; }
body { background-color: #cccccc; margin-left: 24px; margin-right: 24px; color: #265B72; font-family: Trebuchet MS, Segoe UI, Verdana, Tahoma, Arial, Sans-Serif; font-size: 10pt; margin-top: 0px; }
a { text-decoration: underline; color: #265b72; font-weight: normal; }
a:hover { text-decoration: underline; }

/* elements */
#maintable { width: 100%; } 
#topbar { width: 100%; text-align: right; background-color: #749daf; color: White; background-image: url('images/visage/topbarbackground.jpg'); background-position: top left; background-repeat: repeat-x; }
#topbar .search { text-align: left; }
#topbar .login { text-align: right; }
#header { background-color: #85afbe; background-image: url('images/headbackground.jpg'); background-position: right top; background-repeat: repeat-x; text-align: right; vertical-align: top; }

/* class styles */
.footer { color: White; padding-top: 15px; padding-bottom: 10px; vertical-align: middle; text-align: center; margin-left: auto; margin-right: auto; background-color: #1b4252; background-image: url('images/visage/footer.jpg'); background-position: top left; background-repeat: repeat-x; }
.footer a { color: White; text-decoration: none; }
.footer a:hover { text-decoration: underline; }
.searchbox { width: 150px; border: solid 1px #265b72; }
.linkband a { color: White; }
.linkband { color: White; }

.miranda { text-align: center; background-color:#FFFFCC; border:1px solid black; padding:15px; font-weight: bold; }
.tableLabel { padding:5px; text-align:right; vertical-align:top; }
.tableValue { padding:5px; text-align:left; vertical-align:top; }
.taskBox { text-align: left; margin-bottom: 16px; padding-left: 6px; overflow-y: auto;  }
.taskBoxHeader { text-align: left; cursor: pointer; margin: 5px; }
.taskBoxHeaderText { font-weight: bold; margin-left: 8px; }

.navBar { background-image: url('images/visage/bottomShadow.jpg'); vertical-align: top; background-repeat: repeat-x; background-color: White; padding-top: 24px; }
.navBar a { text-decoration: none; color: #265b72; font-weight: normal; }
.navBar a:hover { text-decoration: underline;  }
.currentPage { font-weight: bold; padding-left: 22px; color: #a64b36; }

.navLink { padding-left: 22px; }
.navLink:hover { background-image: url('images/navigationactivelink.png'); background-position: left center; background-repeat: no-repeat; }
.newsLink { padding-left: 22px; }
.newsLink:hover { background-image: url('images/newspaper.png'); background-position: left top; background-repeat: no-repeat; }

.eventsLink { padding-left: 22px; }
.eventsLink:hover { background-image: url('images/calendar.png'); background-position: left top; background-repeat: no-repeat; }

.sitemapNode { padding: 4px; }
.sitemapRoot { font-size: 14pt; }

.error { font-weight: bold; color: Red; }
.login { padding-left: 32px; padding-right: 32px; }
.loginLink { padding-left: 20px; background-image: url('images/lock.png'); background-position: left center; background-repeat: no-repeat;  } 
.logoutLink { padding-left: 20px; background-image: url('images/undo.png'); background-position: left center; background-repeat: no-repeat; }
.bodyBox { width: 100%; vertical-align: top; background-color: White; }
.bodyContent { padding: 18px; background-color: White; background-image: url('images/visage/bottomshadow.jpg'); background-position: top left; background-repeat: repeat-x; }
.navSeparator { vertical-align: top; width: 20px; background-color: White; background-image: url('images/visage/navbarshadow.jpg'); background-position: top left; background-repeat: repeat-y; }

.infoBox { border: solid 2px #265B72; background-color: White; vertical-align: top; background-position: bottom right; background-repeat: no-repeat; }
.infoBoxHeader { text-align: left; font-weight: bold; font-size: 12pt; color: #a64b36; background-image: url('images/visage/infoboxshadow.jpg'); background-position: bottom left; background-repeat: repeat-x; background-color: #ffe6a5; padding-left: 7px; padding-right: 7px; padding-top: 7px; padding-bottom: 15px; }
.infoBoxHeader h1 { text-align: left; margin: 0px; font-size: 12pt; }
.infoBoxContent { padding-left: 8px; padding-top: 8px; padding-right: 8px; padding-bottom: 20px;  }
.infoWatermark { position: absolute; right: 0px; bottom: 0px; }
.taskBox .linkSeparator { margin-left: 18px; width: 150px; height: 2px; background-image: url('images/visage/separator.jpg'); background-position: left center; background-repeat: no-repeat; } 

.event { border-bottom: solid 1px #a64b36; padding: 8px; }
.event a { text-decoration: none; }
.event a:hover { text-decoration: underline; }
.eventHeader { padding-left: 15px; padding-right: 15px; text-align: left; background-image: url('images/visage/infoBoxShadow.jpg'); background-position: bottom left; background-repeat: repeat-x; background-color: #ffe6a5; padding-bottom: 15px; }
.eventHeader a { font-weight: bold; font-size: 12pt; text-decoration: none; color: #a64b36;  }

/* banners */
.callcenter { width: 100%; text-align: left; background-image: url('images/callcenterbackground.jpg'); background-position: left top; background-color: #c2c8cc; background-repeat: repeat-x; }
.redwood { text-align: left; background-image: url('images/redwoodbackground.jpg'); background-position: left top; background-repeat: repeat-x; }
.outstanding { text-align: left; background-image: url('images/outstandingbackground.jpg'); background-position: right top; background-repeat: repeat-x; }

.loginControl { margin-left: auto; margin-right: auto; }
.loginTitle { font-size: 18pt; font-weight: bold; padding-bottom: 12px; text-align: center; }
.loginLinks { padding-top: 12px; }
.loginButton { margin-top: 12px; }
.loginInstructions { padding-bottom: 12px; }