html { text-align: center; width: 100%}
body { margin: 0; padding: 0; background: #d8ccc4 url(images/bg.gif) repeat-x left top; width: 100%}
body { font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; text-align: center; line-height: 110% }
a {color: #b30838; text-decoration: underline}
form {display: inline; margin: 0; padding: 0; clear: none}
img {border: 0px solid white; margin: 0}
.invisible-item {display: none}
.visible-item {display: inline}

/* Header Style */

div#header {margin: 0 auto 0 auto; padding: 0 15px 0 15px; height: 75px; width: 700px; background: url(images/headerlogo.gif) no-repeat left top}

/* Main Container */

div#maincontainertop {margin: 0 auto 0 auto; padding: 0; height: 15px; width: 730px; background: url(images/maincontainertop.gif) no-repeat left top}
div#maincontainer {margin: 0 auto 0 auto; padding: 0 15px 0 15px; width: 700px; background: white; text-align: left}
div#maincontainerbottom {margin: 0 auto 0 auto; padding: 0; height: 15px; width: 730px; background: url(images/maincontainerbottom.gif) no-repeat left top}

/* Menu Style */

div#menu {margin: 0; text-align: left; height: 25px; width: 500px; background-color: #e1d8d3; padding:0; border-bottom: 1px solid white}
div#submenu {margin: 0; text-align: left; height: 25px; width: 500px; background-color: #ede9e5; padding:0;}

/* Content Style */

div#content {color: #555555; margin: 2em 0 2em 0; text-align: left; min-height: 550px;  height: auto !important; height: 550px; width: 490px; background-color: white; padding:0;}
#content h1 {display: block; margin: 0; width: 100%; height: 30px;}
#content h2 {font-size: 1em; font-weight: normal; display: block; margin: 0; width: 100%; height: 20px; text-align: left}
#content h2 a {margin-right: 10px; padding-left: 15px; background: url(images/linkarrow.gif) no-repeat left 3px;}
#content h2 a:hover, #content h2 a:active {text-decoration: underline}

#content form {width: 100%; font-size: 100%; line-height: 1.5em; padding: 0; margin: 0}
#content fieldset {border: 0px solid white; font-size: 100%; padding: 0 0 1em 0; margin: 0 0 1em 0}
#content fieldset legend {color: #b30838; font-size: 120%; font-weight: bold; padding: 0; margin: 0 0 .5em 0 !important; margin: 0 0 .5em -.5em;}
#content form p {width: 65%; padding:  0 0 0 35%; margin: 0 0 .5em 0; clear: left}
#content label {float: left; padding-top: .2em; margin-left: -54% !important; margin-left: -35%; width: 35%; font-weight: normal}
#content small {font-size: 80%;}
#content input {font-size: 100%;}
#content input.text {color: #b30838; width: 50%}
#content input.button {background-color: #b30838;; color: white; border-bottom: 2px solid #59041c; border-right: 2px solid #59041c; border-top: 2px solid #d9849c; border-left: 2px solid #d9849c;height: 1.8em; line-height: 1.0em; vertical-align: middle;  margin-right: .2em; padding: 0 .3em 0 .3em}
#content textarea {font-size: 100%; color: #b30838;; width: 48%; height: 10em }
#content select {font-size: 100%; width: 50%; color: #b30838;}
#content select.highlight {background-color: #b30838;; color: white}


#content a {color: #b30838; text-decoration: underline }
#content a.titlelink {padding-left: 15px; font-weight: bold; font-size: 110%; background: url(images/linkarrow.gif) no-repeat left 3px;}
#content a.titlelink:hover, #barcontent a.titlelink:active {text-decoration: underline}
#content p {margin: 1em 0 1em 0; font-size: 100%; line-height: 1.5em}
#content strong {font-weight: bold}
#content img.floatleft {float: left; margin-top: .5em; margin-right: 10px; margin-bottom: 1em;}
#content ul {margin-top: 0; list-style: url(images/bullet.gif) none }
#content li {margin-top: 0; margin-bottom: .5em; line-height: 1.5em}
#content div.monthcell {float: left; padding:  0px; width: 100%; height: 30px; margin: 1em 0 0 0; font-weight: bold; color: #555555; text-align: center; overflow: hidden}
#content div.weekdaycell {float: left; text-align: center; padding: 0; width: 14%; height: 2em; line-height: 2em; vertical-align: middle; font-weight: bold; color: #555555; overflow: hidden}
#content div.cell {float: left; padding: 0; background-color: white; width: 14%; height: 2em; line-height: 2em; vertical-align: middle; font-weight: normal; color: #999999; text-align: center; overflow: hidden}
#content div.celltoday {float: left; padding: 0; background-color: white; width: 14%; height: 2em; line-height: 2em; vertical-align: middle; font-weight: bold; color: #b30838; text-align: center; overflow: hidden}
#content div.fillercell {float: left; background-color: transparent; width: 14%; height: 2em; padding: 0; margin:0; border: 0px solid white; overflow: hidden}

#content table {width: 100%; background-color: transparent;  border-spacing: 0px; ; border: 1px solid #dddddd; border-collapse: collapse; margin-bottom: .6em}
#content caption {background-color: #b30838; color: white; border-bottom: 2px solid #b30838; text-align: left; padding: .2em .2em .2em .5em; font-size: 110%;font-weight: bold}
#content tr.header {background-color: #bbbbbb;}
#content tr.rowa {background-color: white;}
#content tr.rowb {background-color: #eeeeee;}
#content th {border: 1px solid #dddddd; font-size: 90%; padding: 0 5px 0 5px; height: 2em; line-height: 2em; vertical-align: middle; color: white}
#content td {border: 1px solid #dddddd; font-size: 90%; padding: 0 5px 0 5px; height: 2em; line-height: 2em; vertical-align: middle}
#content td a.action {margin-right: .5em}

/* Bar Container */

div#bar{margin: 0; color: #555555; float: right; width: 180px; background-color: white; padding: 0;}
div#bartop {margin: 0; padding: 0; float: right; height: 15px; width: 180px; background: url(images/barcontainertop.gif) no-repeat left top}
div#barbottom {margin: 0; padding: 0; float: right; height: 15px; width: 180px; background: url(images/barcontainerbottom.gif) no-repeat left top}

/* Bar Content */

div#barcontent {font-size: 1em; color: #555555; padding: 0 15px 2em 15px; text-align: left; height: 100%; width: 148px; background-color: white; border-left: 1px solid black; border-right: 1px solid black}
#barcontent p {line-height: 1.5em}
#barcontent a {color: #b30838; text-decoration: none }
#barcontent a.titlelink {padding-left: 15px; font-weight: bold; font-size: 110%; background: url(images/linkarrow.gif) no-repeat left 3px;}
#barcontent a.titlelink:hover, #barcontent a.titlelink:active {text-decoration: underline}
#barcontent img {border: 0px solid white; padding: 0; margin: 0}
#barcontent label {display: inline; padding: 0; margin: 0}
#barcontent input {border: 1px solid black; width: 80%; padding: 0; margin: 0; }
#barcontent input.button {font-size: .9em; background-color: #b30838; width: auto; color: white; border-bottom: 2px solid #59041c; border-right: 2px solid #59041c; border-top: 2px solid #d9849c; border-left: 2px solid #d9849c;height: 1.8em; line-height: 1.0em; vertical-align: middle;  margin-right: .2em; padding-bottom: .2em !important; padding: 0 .3em 0 .3em;}

/* Footer Style */

div#footer {padding: 0; margin: 0; font-size: 90%; line-height: 1.3em; text-align: center; width: 500px; color: #999999; background: white}
#footer a {color: #999999; text-decoration: underline;}
#footer a:hover, #footer A:active {color: #b30838}

/* Messaging Styles */

div#error {font-size: 90%; padding: .5em 1em 0 1em; margin-bottom: 1em; background-color: #ffff99; border: 1px solid #e5e500; color: #ff0000;}
#error ul {list-style: url() none; padding: 0; margin: 0 }
#error li {padding: 0 0 0.5em 25px; line-height: 1.3em; margin: 0; background: url(images/error.gif) no-repeat left top}

div#general {font-size: 90%; padding: .5em 1em 0 1em; margin-bottom: 1em; background-color: #eeeeee; border: 1px solid #999999; color: #555555;}
#general ul {list-style: url() none; padding: 0; margin: 0 }
#general li {padding: 0 0 0.5em 25px; line-height: 1.3em; margin: 0; background: url(images/check.gif) no-repeat left top}