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


/* Header Style */

div#header {margin: 5px auto 0 auto; padding: 10px 15px 0 15px; min-height: 60px !important; height: auto; height: 60px; width: 700px;  text-align: left; background: #ffffff url(images/logo.gif) no-repeat 15px center}

/* Login Style */

div#login {font-size: .9em; margin: 0 0 0 0 ; float: right; padding: 0 0 0 0; height: 2.7em; width: 500px;}
#login label {color: #999999}
#login input {font-size: .8em; color: #999999; border: 1px solid #dddddd; width: 10em; margin-right: 1em;}
#login a {color: #0071bc; padding:0 1em 0 8px; margin: 0; background: url(images/smalllinkarrow.gif) no-repeat left center; text-decoration: none}
#login a.second {color: #80b8de; background: url(images/smalllinkarrowlight.gif) no-repeat left center;}

#login a:hover, #login a:active {text-decoration: underline}



/* Menu Style */

div#menu {font-size: 100%; margin: 0; float: right; padding: 0 0 0 0; height: 2em; width: 500px; border-top: 1px solid #dddddd}
#menu ul {margin: 0; padding: 0; list-style: none; height: 2em;}
#menu li {float: left; margin: 0; padding: 0}
#menu li a {float: left; font-weight: normal; color: #777777; height: 2em; line-height: 1.5em; vertical-align: middle; text-decoration: none; border-top: 2px solid white; margin: 0 1em 0 0; padding: 0 0 0 0}
#menu li a:hover, #menu li a:active {color: #0071bc; text-decoration: none; border-top: 2px solid #0071bc;}

#menu li a.menuselected {float: left; font-weight: normal; color: #0071bc; height: 2em; line-height: 1.5em; vertical-align: middle; text-decoration: none; border-top: 2px solid #0071bc;}

#menu li ul {position: absolute; font-size: .9em; margin-left: 0px; height: auto; border-left: 1px solid #0071bc; border-right: 1px solid #0071bc;  border-bottom: 1px solid #0071bc; margin-top: 1.8em; z-index: 10; width: 12.5em; padding: 0; background: #ffffff; left: -999em;}
#menu li ul li {padding: 0; margin: 0; clear: none}
#menu li ul li a { float: left; border-top: 1px solid #0071bc; text-transform: none; height: auto; line-height: 1.2em; padding: .3em 1em .3em .5em; margin: 0; width: 11em}
#menu li ul li a:hover {border-top: 1px solid #0071bc; background: #d9eaf5}
#menu li:hover ul, #menu li.sfhover ul {left: auto; }

/* Flash Header Style */

div#flash {margin: 0 auto 0 auto; padding: 0; height: 125px; width: 730px; border-top: 1px solid #bbddc6; border-bottom: 1px solid #bbddc6}

/* Main Container */

div#maincontainer {margin: 2em auto 1em auto; padding: 0; min-height:  500px; height: auto !important: height: 500px; width: 700px; text-align: left}


/* Content Style */

div#content {font-size: .9em; color: #555555; margin: 0; text-align: left; width: 470px; padding:0}
#content a {color: #0071bc; text-decoration: underline }
#content a.titlelink {padding-right: 10px; font-weight: bold; font-size: 110%; background: url(images/menuarrow.gif) no-repeat right center}
#content h1 {display: inline; 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 {color: #4095cd; text-decoration: none; margin-right: 10px; padding-left: 10px; background: url(images/menuarrow.gif) no-repeat left 3px;}
#content h2 a:hover, #content h2 a:active {text-decoration: underline}

#content p {font-size: 100%; margin-top: 0; line-height: 1.4em}
#content strong {font-weight: bold}
#content ul {font-size: 11px; margin-top: 0; list-style: url(images/bullet.gif) none }
#content li {margin-top: 0; margin-bottom: .5em; line-height: 1.5em}

#content form {width: 100%; font-size: 1.1em; 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: #4095cd; 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 div.info  {font-size: 1em; margin: 1em 0 1em 0; color: #555555; font-style: italic; background:#e6f0f5; padding: .5em; }
#content form div.inputDisplayText {font-size: 1em; margin: 0 0 .5em 0; clear: none; min-height: 1.3em; height: auto; padding: .3em .5em .3em .5em; color: #00aeef; background: #e6f0f5; width: 60%;}
#content label {float: left; padding-top: .2em; margin-left: -53.5% !important; margin-left: -34.5%; width: 50%; font-weight: normal}
#content small {font-size: 90%;}
#content input {font-size: 100%; padding: .2em}
#content input.text {color: #0071bc; width: 50%}
#content input.button {background-color: #0071bc; color: white; border-bottom: 2px solid #004f83; border-right: 2px solid #004f83; border-top: 2px solid #4d9cd0; border-left: 2px solid #4d9cd0;height: 1.8em; line-height: 1.0em; vertical-align: middle;  margin-right: .2em; padding: 0 .3em 0 .3em}
#content textarea {font-size: 100%; padding: .3em; color: #0071bc;; width: 80%; height: 10em }
#content select {font-size: 100%; color: #0071bc;}
#content select.highlight {background-color: #0071bc; color: white}
#content .required {padding-left: .3em; color: #ff0000}

#content div.monthcell {float: left; padding:  0px; width: 100%; height: 30px; margin: 0 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: #0071bc; 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}


/* Bar Style */

div#bar {font-size: .9em; float:  right; background: #ffffff; margin: 0; color: #555555; width: 200px; padding: 0 0 0 0}
#bar h1 {display: block; margin: 0; padding: 0; width: 200px; height: 25px; overflow: hidden;  border-top: 2px solid #4095cd; border-bottom: 1px solid #99c6e4}
#bar p {line-height: 1.4em; margin: 0 0 .5em 0; padding: 0 0 1em 0;	}
#bar a {color: #0071bc; text-decoration: none }
#bar a:hover, .bar a:active {text-decoration: underline}
#bar a.titlelink {margin: 0; padding-left: 10px; font-weight: normal; background: url(images/smalllinkarrow.gif) no-repeat left 4px;}
#bar a.quicklink {display: block; margin: 0; padding: 0 0 .2em 10px; margin-bottom: .2em; font-weight: normal; background: url(images/smalllinkarrow.gif) no-repeat left 4px; border-bottom: 1px dotted #cccccc}
#bar div.dynamic {display: block; margin: 0 0 1em 0; padding: 1em 10px 0 10px; width: 180px; height: auto;  background: #eeeeee; border-top: 1px solid #ffffff; border-bottom: 1px solid #cccccc}


/* Footer Style */

div#footer {float: left; text-align: center; color: #999999; width: 700px; font-size: .9em; line-height: .9em; background-color: white; padding: 3em 0 1.5em 0; }
#footer a {color: #777777; text-decoration: none;}
#footer a:hover, #footer a:active {color: #0071bc; text-decoration: underline}

/* 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}