/*
BODY
*/

body {background: #cedeef; margin: 2em; padding: 2em; font-family: arial, sans-serif; font-size: 76%}
.box {border-left: dashed thin #cedeef; border-right: dashed thin #cedeef; border-bottom: dashed thin #cedeef; border-top: solid 1em #cedeef; margin-left: 2em; margin-right: 2em; margin-bottom: 1em; padding-bottom: 1em; margin-top: 1em; padding-top: 1em}
.styleswitch {padding-left: 1.5em; margin-left: 1.5em; font-size: 90%}
acronym {cursor: help}
.bannerleft {background: #fff url("images/topleft.png") no-repeat top left; height: 200px; width: 65%; position: relative; float: left}
.bannerright {background:#fff url("images/topright.png") no-repeat top right; height: 200px; width: 30%; position: relative; float: left}
.centercontent {background:#ffffff url("images/btmright.png") no-repeat bottom right; position: relative; float: left; width: 55%;  padding-bottom: 0px; margin-bottom: 0px}
.rightcontent {background:#ffffff url("images/btmright.png") no-repeat bottom right; position: relative; float: left; width: 40%; padding-bottom: 50px; margin-bottom: 50px;  display: block !important}
p {margin-left: 10px; padding-left: 10px; margin-right: 10px; padding-right: 10px}
.roundcont {background-color: #cedeef; color: #fff; margin: 0 25px}
.roundtop {background: url("images/toprightsml.png") no-repeat top right; width: 100%}
.roundbottom {background: url("images/btmrightsml.png") no-repeat bottom right}
img.corner {width: 26px; height: 26px; border: none; display: block !important}	
.spacer {margin: 1em; padding: 1em}
.footer {padding-left: 0em; margin-left: 0em; padding-right: 1em; margin-right: 1em; color: #cedeef}
/* 
LINKS
*/
a:link { color: #0099ff; text-decoration: none; border-bottom: dashed 1px; font-weight: 900}
a:hover { color: #0066ff; text-decoration: none; border-bottom: dashed 1px; font-weight: 900}
a:visited { color: #0099ff; text-decoration: none; border-bottom: dashed 1px; font-weight: 900}

a:link.reverse { color: #ffffff; text-decoration: none; border-bottom: dashed 1px; font-weight: 900}
a:hover.reverse { color: #0066cc; text-decoration: none; border-bottom: dashed 1px; font-weight: 900}
a:visited.reverse { color: #0066cc; text-decoration: none; border-bottom: dashed 1px; font-weight: 900}
.boxreverse {border-left: solid thin #0066cc; border-right: solid thin #0066cc; border-bottom: solid thin #0066cc; border-top: solid 1em #0066cc; margin-left: 2em; margin-right: 2em; color:#ffffff; font-weight: 700; position: relative; right: 0em; top: 0em; float: right}


/*
HEADERS
*/
h1 {font-size: 160%; color:#0066ff; font-weight: 700; margin: 10px 10px 0px 10px; padding: 10px 10px 0px 10px}
h2 {font-size: 120%; color:#0099ff; font-weight: 700; margin: 10px 10px 0px 10px; padding: 10px 10px 0px 10px}
h2.reverse {font-size: 120%; color:#ffffff; font-weight: 700; margin: 0px 10px 0px 10px; padding: 0px 10px 0px 10px}
h3 {font-size: 120%; font-weight: 700; color:#6699CC; margin: 10px 10px 0px 10px; padding: 10px 10px 0px 10px; text-align: left}
h4 {font-size: 100%; color:#0066cc; margin: 10px 10px 0px 10px; padding: 10px 10px 0px 10px; font-weight: 700}
h4.reverse {font-size: 100%; color:#ffffff; margin: 0px 10px 0px 10px; padding: 0px 10px 0px 10px; font-weight: 700}
h5 {font-size: 80%; color:#0066cc; margin: 10px 10px 0px 10px; padding: 10px 10px 0px 10px; font-weight: 700}
.printtext {display: none}

/*
IMAGES
*/
img {border:none; vertical-align: text-top}
img.left {float: left; margin-right: .5em; padding-right: .5em; margin-top: .5em; padding-top: .5em; margin-bottom: .5em; padding-bottom: .5em; margin-left: 10px; padding-left: 10px}
img.right {float: right; margin-left: .5em; padding-left: .5em}
img.logo {margin-left: 10px; padding-left: 10px; margin-top: 15px; padding-top: 15px}
img.corners {width: 48px; height: 48px; display: block !important}
/*
LISTS
*/
ul {list-style-image: url("images/bullet.png"); color:#000000; list-style-position: outside; margin-left: 22px; padding-left: 22px; margin-right: 22px; padding-right: 22px}
ol {color:#000000; list-style-position: outside; margin-left: 22px; padding-left: 22px; margin-right: 22px; padding-right: 22px}
ul.normal {list-style-image: none; list-style-type: circle; color: #000; list-style-position: outside; margin-left: 22px; padding-left: 22px; margin-right: 22px; padding-right: 22px}
ul.reverse {list-style-image: none; list-style-type: circle; color: #0066cc; font-weight: 900; line-height: 1.8em; list-style-position: outside; margin-left: 22px; padding-left: 22px; margin-right: 22px; padding-right: 22px}

