﻿html,body {height: 100%; margin: 0; padding: 0px;}
body {font-family: verdana; font-size: 10pt; color: #666666; background-image: url(../images/PageBkgrnd.jpg);}

table, td {padding: 5px; border: none; border-spacing: 0;}
div {padding: 0px; border: none; border-collapse: collapse; border-spacing: 0px; text-align: left; vertical-align: top; display: table;}
img {border: none;}
hr {border: solid 1px LightGray; border-collapse: collapse;}

a {color: Gray; text-decoration: underline;}
a:hover {color: Navy; text-decoration: none;}
a:active {color: Navy; text-decoration: none;}
a.whitelink {color: White; text-decoration: underline;}
a.whitelink:hover {color: Gray; text-decoration: none;}
a.menulink {color: Gray; text-decoration: none;}
a.menulink:hover {color: White;}
a.bottomlink {color: White; text-decoration: underline;}
a.bottomlink:hover {color: Gray;}
a.registered {color: Black; text-decoration: none;}
a.registered:hover {color: Black;}
a.bluelink {color: Navy; text-decoration: underline;}
a.bluelink:hover {color: Gray; text-decoration: none;}
a.greenlink {color: Green; text-decoration: underline;}
a.greenlink:hover {color: Gray; text-decoration: none;}

#outertable {width: 1000px; margin: 0 auto; border: solid 1px LightGray; background-color: White;}
#header {background-image: url(../images/HeaderBkgrnd.gif); height: 183px; width: 1000px;}
/*#contentarea {float: left; width: 100%;}

#content {margin: 0px 0px 10px 230px; min-width: 540px; max-width: 760px; background-color: White;}
#leftarea {float: left; width: 210px; margin-left: -1000px; padding-left: 10px;}
#rightarea {float: left; width: 210px; margin-left: -220px;}
*/
#leftarea {float: left; width: 210px; padding-left: 10px; padding-right: 10px;}
#content {float: left; width: 760px; background-color: White;}
#rightarea {float: left; min-width: 0px; max-width: 210px; padding-left: 10px; padding-right: 10px;}

#footer {clear: left; width: 100%;}


#leftarea ul {margin: 0; margin-left: 0px; padding: 5px; text-decoration: none;}
/*#leftarea ul li:hover {background-color: Gray; color: White}*/

.menulink {text-decoration: none;}

.center {text-align: center; margin: 0 auto;}
.center2 {margin: 0 auto;}
.middle {vertical-align: middle;}
.top {vertical-align: top;}
.bottom {vertical-align: bottom;}
.left {text-align: left; float: left;}
.right {text-align: right; float: right;}
.hidden {visibility: hidden;}
.visible {visibility: visible;}

.clear {clear: both;}
.block {display: block;}
.inline {display: inline;}
.border {border: solid 1px Black;}
.bordergray {border: solid 1px Gray;}
.padding5 {padding: 5px;}
.padding3 {padding: 3px;}
.paddingtopmenu {padding-right: 15px;}
.padding0 {padding: 0px;}
.margin0 {margin: 0px;}
.nobullets {list-style-type: none; margin: 0; padding: 0;}
.cells {border-spacing: 3px; padding: 3px;}

.bold {font-weight: bold;}
.italic {font-style: italic;}
.boldunderline {font-weight: bold; text-decoration: underline;}
.underline {text-decoration: underline;}
.strike {text-decoration: line-through;}

.small {font-size: x-small;}
.smaller {font-size: xx-small;}
.large {font-size: large;}
.larger {font-size: larger;}
.nowrap {white-space: nowrap;}

.darkred {color: #CC6666;}
.maroon {color: Maroon;}
.red {color: Red;}
.white {color: White;}
.green {color: Green;}
.bgteal {background-color: Teal;}
.bgblack {background-color: Black;}
.bggray {background-color: #cccccc;}
.bglightblue {background-color: #ccffff;}

.hoverbg {background-image: url(../images/MenuBkgrnd.gif);}

.hand {cursor: pointer;}

/*Modal Popup*/
.modalBackground {background-color: Gray; filter: alpha(opacity=70); opacity: 0.7;}
.modalPopup {background-color: #FFFFFF; border-width: 3px; border-style: solid; border-color: Gray; padding: 3px; width: 515px;}