body { font-size: 10pt; background: #807677; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }

a { color: black; text-decoration: none; }
a:hover { text-decoration: underline; }
a.active, li.active a { cursor: default; }
a.readmore { color: #BA222E; font-style: italic; }
a.download { color: #BA222E; }
a.external { text-decoration: none; border-bottom: 1px dotted; }
a.anchor:hover { text-decoration: none !important; }

a img { border: 0; }

.small { font-size: 0.9em; }
.hidden { display: none; }

.corners { } /* parent of .corners needs to be position:relative so our child divs' positioning works */
.corners div { position: absolute; display: block; }
.corners .nw { top: 0; left: 0; }
.corners .ne { top: 0; right: 0; }
.corners .sw { bottom: -1px; left: 0; }
.corners .se { bottom: -1px; right: 0; }
#corners-top .nw { height: 17px; width: 17px; background: transparent url(../img/corner-white-gray-nw.jpg) no-repeat left top; }
#corners-top .ne { height: 17px; width: 17px; background: transparent url(../img/corner-cyan-gray-ne.jpg) no-repeat left top; }
#corners-bottom .sw { height: 18px; width: 17px; background: transparent url(../img/corner-khaki-gray-sw.jpg) no-repeat left top; } /* this image is 18px tall for some reason */
#corners-bottom .wide-sw { height: 17px !important; background: transparent url(../img/corner-white-gray-sw.jpg) no-repeat left top; }
#corners-bottom .se { height: 17px; width: 17px; background: transparent url(../img/corner-white-gray-se.jpg) no-repeat left top; }

#content-corner { position: absolute; display: block; top: 0; left: 0; width: 14px; height: 11px; background: transparent url(../img/top-curve.jpg) no-repeat left top; }
.content-wide #content-corner { display: none; }

.columncorner { display: block; position: absolute; bottom: 0; right: 0; width: 7px; height: 7px; background: url(../img/corner-white-transparent-se.gif) no-repeat right bottom; }

.caption { display: none; } /* could be overridden for low-bandwidth views... or something */

div#canvas { }

div#canvas div#header { background: white url(../img/header-bg.png) top right no-repeat; }
div#canvas div#header a,
div#canvas div#header a:visited { text-decoration: none; cursor: pointer; }
div#canvas div#header h1 { /*background: transparent url(../img/logo.png) 29px -2px no-repeat;*/ color: #555; font-size: 1.75em; font-family: 'Times New Roman', Times, serif; }
div#canvas div#header h1 span#subtitle { font-size: 0.9em; font-style: italic; }

div#canvas div#mainnav {  }
div#canvas div#mainnav ul { background: #FFFFFF; }
div#canvas div#mainnav ul li { background: #959595; border-right: 1px solid #FFFFFF; text-align: center; }
div#canvas div#mainnav ul li.last { border-right: 0; }
div#canvas div#mainnav ul li a { background-color: #959595; color: #FFFFFF; text-transform: uppercase; }
div#canvas div#mainnav ul li a:hover { background-color: #717171; color: white; text-decoration: none; }
div#canvas div#mainnav ul li.active a { background-color: #484848; color: white; }
div#canvas div#mainnav ul li.active a:hover { background-color: #484848; color: white; }

div#canvas div#contentbox { background: #E1D6C4; }

div#canvas div#contentbox div#sidemenu { background: #E1D6C4; }
div#canvas div#contentbox div#sidemenu h3 { color: #000000; font-size: 1.25em; text-transform: uppercase; }
div#canvas div#contentbox div#sidemenu ul li { list-style: none; }
div#canvas div#contentbox div#sidemenu ul li a { border: 1px solid #FFFEFB; border-width: 1px 0; background: #F3F3F3; color: #505050; text-transform: uppercase; }
div#canvas div#contentbox div#sidemenu ul li a:hover { border: 1px solid #D3D3D3; border-width: 1px 0; color: #B40C0C; background: #E3E3E3; text-decoration: none; }
div#canvas div#contentbox div#sidemenu ul li a.active { color: #B40C0C; }
div#canvas div#contentbox div#sidemenu ul li a.active:hover { border: 1px solid #FEFDF9; border-width: 1px 0; background: #F3F3F3; color: #B40C0C; text-decoration: none; cursor: pointer; }
div#canvas div#contentbox div#sidemenu ul li ul { margin-bottom: 1px; }
div#canvas div#contentbox div#sidemenu ul li ul li { }
div#canvas div#contentbox div#sidemenu ul li ul li a { margin-left: 0; border: 0 !important; background: #E3E3E3 url(../img/icon-triangle-black.jpg) 5px center no-repeat; text-transform: none; padding-left: 15px;} /* triangle is here instead of on the listitem so it can be clicked on */
div#canvas div#contentbox div#sidemenu ul li ul li a:hover { background: #D3D3D3 url(../img/icon-triangle-red.jpg) 5px center no-repeat; }
div#canvas div#contentbox div#sidemenu ul li ul li a.active { background: #E3E3E3 url(../img/icon-triangle-red.jpg) 5px center no-repeat; color: #B40C0C; }
div#canvas div#contentbox div#sidemenu ul li ul li a.active:hover { background: #E3E3E3 url(../img/icon-triangle-red.jpg) 5px center no-repeat; }

div#canvas div#contentbox div#sidemenu div.button { background: white; }
div#canvas div#contentbox div#sidemenu div.button p { text-align: center; }
div#canvas div#contentbox div#sidemenu div.button p.title { color: #866F50; font-size: 1.5em; font-variant: small-caps; letter-spacing: 1px; }
div#canvas div#contentbox div#sidemenu div.button p.blurb { font-size: 0.8em; }

div#canvas div#contentbox div#sidemenu img { border: 0; }

div#canvas div#contentbox div#tools { background: #E1D6C4; font-size: 9pt; }
div#canvas div#contentbox div#tools a { color: #4D4B45; }
div#canvas div#contentbox div#tools form select { }
div#canvas div#contentbox div#tools form select option#default { color: #888; }
div#canvas div#contentbox div#tools li { background: none !important; padding-left: 0 !important; }
div#canvas div#contentbox div#tools ul.links a#printpage {  background: transparent url(../img/icon-printer.jpg) left center no-repeat; }
div#canvas div#contentbox div#tools ul.links a#downloadforms { background: transparent url(../img/icon-arrow.jpg) left center no-repeat; }

div#canvas div#contentbox div#content { background: white; }
div#canvas div#contentbox div#content h2 { color: #AAA; font-size: 12pt; border-bottom: 1px dotted gray; text-transform: uppercase; }
div#canvas div#contentbox div#content h3 { margin: 1px; padding: 5px 3px; color: black; font-size: 10pt; font-weight: bold; text-transform: uppercase; }
div#canvas div#contentbox div#content h3.red { color: #B40C0C; }
div#canvas div#contentbox div#content p { }
div#canvas div#contentbox div#content ul li { list-style: none /*outside url(../img/icon-guillemet-red.png)*/; background: transparent url(../img/icon-guillemet-black.gif) no-repeat left 0.4em; } /* IE/mac has list-item-image issues */
div#canvas div#contentbox div#content ul.link li,
div#canvas div#contentbox div#content ul li.link { list-style: none /*outside url(../img/icon-guillemet-red.png)*/; background: transparent url(../img/icon-guillemet-red.gif) no-repeat left 0.4em; }

div#canvas div#contentbox div#content div.hr { border: none; border-bottom: dotted 1px gray; background-color:transparent; color:transparent; height: 0; margin: 5px; padding: 0 0 0 1px; }
div#canvas div#contentbox div#content a img#content-topright-img { border: 0; }

div#canvas div#contentbox div#content div.columns .acolumn { font-size: 9pt; }
div#canvas div#contentbox div#content div.columns .acolumn h3 { background: #B6C7D7 url(../img/corner-cyan-white-nw.jpg) top left no-repeat; -moz-border-radius-topleft: 0.5em; color: white; text-transform: uppercase; }
div#canvas div#contentbox div#content div.columns .plain h3 { color: black; background: none; text-align: left; border-bottom: 1px solid gray; margin-right: 10%; }

div#canvas div#contentbox div#content div.columns .bordered { border: 1px solid #B6C7D7; -moz-border-radius-topleft: 0.5em; }
div#canvas div#contentbox div#content div.columns .bordered h3 { background: #B6C7D7 url(../img/corner-cyan-white-nw.jpg) -1px -1px no-repeat; }
div#canvas div#contentbox div#content div.columns .back-gradient { background: white url(../img/gradient.jpg) bottom repeat-x; }
div#canvas div#contentbox div#content div.columns .shorter-back-gradient { background: white url(../img/150x20-gradient.jpg) bottom repeat-x; }

div#canvas div#contentbox div#content div.onecolumn h3 { font-size: 11pt; text-align: left; }

div#canvas div#footer { color: white; font-size: 0.9em; }
div#canvas div#footer a { color: white; }
div#canvas div#footer ul.small { font-size: 8pt; }
div#canvas div#footer ul li { padding: 0 1em; border-right: 1px solid white; }
div#canvas div#footer ul li.last { border: 0; }
div#canvas div#footer ul#certs li { border: 0; }
div#canvas div#footer ul#footer-links a { }