body {font-family: Arial, Helvetica, sans-serif; font-size: 73.5%;}
hr{clear: both; margin: 10px 0; display: block;}
#wrapper {width:700px;}

.clear{clear: both;}
.orange{color: #cb572c;}
.blue{color: #09347a;}
.green{color: #4f6f18;}
.red{color: #9f1b3c;}

/* Rounded Corner Boxes */
.roundbox{float:left; width: 200px;}
.roundbox .tl{float:left; width: 100%; height: 53px; background: url(images/roundedboxes/tl.gif) top left no-repeat; margin: 0; padding: 0;}
.roundbox .tr{float:right; width: 10px; height:53px; background: url(images/roundedboxes/tr.gif) top right no-repeat;}
.roundbox .ml{float:left; clear:left; width:100%; background:  #e9e8dc  url(images/roundedboxes/ml.gif) repeat-y;}
.roundbox .mr{float:right; width: 100%; background:url(images/roundedboxes/mr.gif) right repeat-y; text-align: left;}
.roundbox .bl{float:left; clear:left; width:100%; height: 14px; background: url(images/roundedboxes/bl.gif) no-repeat; }
.roundbox .br{float:right; width: 10px; height: 14px; background: url(images/roundedboxes/br.gif) no-repeat;}

.roundbox h3{float: left; font-weight: bold; font-size: 1.2em; margin-left: 10px; margin-top: 20px;}
.roundbox .tl img{float: left;}
.roundbox .boxbody {width: 100%; display: block; }
.roundbox .boxbody ul{list-style: inside; margin: 0; padding: 0;}
.roundbox .boxbody li{margin-bottom: 5px;}
.roundbox .boxbody a{}
.roundbox .boxbody a:hover{}
.roundbox .pad {margin: 20px;}

/* Tool box */
.toolbox{float:left; width: 180px;}
.toolbox .tl{float:left; width: 100%; height: 53px; background: url(images/roundedboxes/tl.gif) top left no-repeat; margin: 0; padding: 0;}
.toolbox .tr{float:right; width: 10px; height:53px; background: url(images/roundedboxes/tr.gif) top right no-repeat;}
.toolbox .ml{float:left; clear:left; width:100%; background: #ecebdb url(images/roundedboxes/ml.gif) repeat-y;}
.toolbox .mr{float:right; width: 100%; background: url(images/roundedboxes/mr.gif) right repeat-y; text-align: left;}
.toolbox .bl{float:left; clear:left; width:100%; height: 14px; background: url(images/roundedboxes/bl.gif) no-repeat; }
.toolbox .br{float:right; width: 10px; height: 14px; background: url(images/roundedboxes/br.gif) no-repeat;}

.toolbox h3{float: left; font-weight: bold; font-size: 1.2em; margin-left: 10px; margin-top: 20px; text-transform: uppercase;}
.toolbox .tl img{float: left;}
.toolbox .boxbody {width: 100%; display: block; }
.toolbox .boxbody ul{list-style: none; margin: 5px 0; padding: 0;}
.toolbox .boxbody li{margin: 0; padding: 0; display: inline;}
.toolbox .boxbody a{float:left; padding: 8px 0px 8px 15px; width:165px; text-decoration: none; color: #09347a; display: block; margin: 0;}
.toolbox .boxbody a:hover{color: #fff; background-color: #09347a;}
.toolbox .pad {margin: 20px;}

/* Calculator */
.calculator{float:left; width: 590px;}
.calculator .tl{float:left; width: 100%; height: 53px; background: url(images/roundedboxes/tl.gif) top left no-repeat; margin: 0; padding: 0;}
.calculator .tr{float:right; width: 10px; height:53px; background: url(images/roundedboxes/tr.gif) top right no-repeat;}
.calculator .ml{float:left; clear:left; width:100%; background: #ecebdb url(images/roundedboxes/ml.gif) repeat-y;}
.calculator .mr{float:right; width: 100%; background: url(images/roundedboxes/mr.gif) right repeat-y; text-align: left;}
.calculator .bl{float:left; clear:left; width:100%; height: 14px; background: url(images/roundedboxes/bl.gif) no-repeat; }
.calculator .br{float:right; width: 10px; height: 14px; background: url(images/roundedboxes/br.gif) no-repeat;}

.calculator h3{float: left; font-weight: bold; font-size: 1.2em; margin-left: 10px; margin-top: 20px; text-transform: uppercase;}
.calculator .tl img{float: left;}
.calculator .boxbody {width: 100%; display: block; }
.calculator .boxbody ul{list-style: none; margin: 5px 0; padding: 0;}
.calculator .boxbody a{}
.calculator .boxbody a:hover{}
.calculator .pad {margin: 20px;}

.calculator .boxbody form{ font-size: 100%; margin: 0; max-width: 620px; min-width: 560px; padding: 0; width: 590px;}
.calculator .boxbody form fieldset{border:none; clear: both; font-size: 100%; margin: 0 0 0 0; padding: 10px;}
.calculator .boxbody form fieldset legend{ color: #000000; font-size: 150%; font-weight: normal; margin: 0 0 0 0; padding: 0 5px;}
.calculator .boxbody label{ font-size: .9em; color: #09347a;}
.calculator .boxbody label u{ font-style: normal; text-decoration: underline;}
.calculator .boxbody input, select, textarea{ color: #000000; font-family: Tahoma, Arial, sans-serif; font-size: 100%;}
.calculator .boxbody textarea{ overflow: auto;}
.calculator .boxbody form div{ clear: left; display: block; margin: 5px 0 0 0; padding: 1px 3px; width: 354px; zoom: 1;}
.calculator .boxbody form div.notes{color: #09347a; float: right; font-size: 88%; height: auto; margin: 100px 0 10px 10px; padding: 5px; width: 158px; text-align: center;}
.calculator .boxbody form div.notes p{line-height: 1.3em; color: #09347a; margin: 0em 0em 1.2em 0em;}
.calculator .boxbody form div.notes p.last{ margin: 0em;}
.calculator .boxbody form div.notes a {text-transform: uppercase; text-decoration: none; color: #09347a; margin: 15px 0 10px 0; display: block;}
.calculator .boxbody form div fieldset{ border-color: #666666; border-style: solid; border-width: 1px; clear: none; margin: 0 0 0 144px; padding: 0 5px 5px 5px; width: 197px;}
.calculator .boxbody form div fieldset legend{ font-size: 100%; padding: 0 3px 0 9px;}
.calculator .boxbody form div.required fieldset legend{ font-weight: bold;}
.calculator .boxbody form div label{ display: block; float: left; margin: 0 0 5px 0; padding: 3px 5px; text-align: right; width: 130px;}
.calculator .boxbody form div.optional label, label.optional{ font-weight: normal;}
.calculator .boxbody form div.required label, label.required{ font-weight: bold;}
.calculator .boxbody form div label.labelCheckbox, form div label.labelRadio{ display: block; float: none; margin: 0 0 5px 142px; padding: 0; text-align: left; width: 200px; zoom: 1;}
.calculator .boxbody form div fieldset label.labelCheckbox, form div fieldset label.labelRadio{ margin: 0 0 5px 0; width: 170px;}
.calculator .boxbody form div img{ border: 1px solid #000000;}
.calculator .boxbody p.error{ background-color: #ff0000; background-image: url(/images/icon_error.gif); background-position: 3px 3px; background-repeat: no-repeat; border: 1px solid #000000; color: #ffffff; margin: auto 100px; padding: 3px 3px 5px 27px;}
.calculator .boxbody form div.error{ background-color: #ffffe1; background-image: url(/images/required_bg.gif); background-position: top left; background-repeat: no-repeat; border: 1px solid #ff0000; color: #666666;}
.calculator .boxbody form div.error p.error{ background-color: transparent; background-image: url(/images/icon_error.gif); background-position: top left; border-style: none; color: #ff0000; font-size: 88%; font-weight: bold; margin: 0 0 0 118px; width: 200px;}
.calculator .boxbody form div select, form div textarea{ margin: 0 0 0 0; padding: 1px 3px; width: 200px;}
.calculator .boxbody form div input.inputText, form div input.inputPassword{ margin: 0 0 0 0; padding: 1px 3px; width: 200px;}
.calculator .boxbody form div input.inputFile{ width: 211px;}
.calculator .boxbody form div select.selectOne, form div select.selectMultiple{ padding: 1px 3px; width: 211px;}
.calculator .boxbody form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio{ background-color: transparent; border-width: 0; display: inline; height: auto; margin: 0 0 0 140px; padding: 0; width: auto;}
.calculator .boxbody form div.submit{ padding: 0 0 0 146px; width: 214px;}
.calculator .boxbody form div.submit input.calculate-button{width: 158px; height: 36px; background: url(../images/calculate-button.jpg) no-repeat;}
.calculator .boxbody form div.submit div{ display: inline; float: left; margin: 0; padding: 0; text-align: left; width: auto;}
.calculator .boxbody form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton{ background-color: #cccccc; color: #000000; margin: 0; padding: 0 6px; width: auto;}
.calculator .boxbody form div.submit div input.inputSubmit, form div.submit div input.inputButton{ float: right; margin: 0 0 0 5px;}
.calculator .boxbody form div small{ display: block; font-size: 88%; margin: 0 0 5px 142px; padding: 1px 3px; zoom: 1;}

/* Rounded Corner Table */

#rounded-table{ border-collapse: collapse; margin: 0; text-align: left; width: 480px; font-size: .9em;}
#rounded-table thead th.tl{ background: #c5960c url('images/roundedboxes/left.jpg') left -1px no-repeat; color: #fff; text-align: left;}
#rounded-table thead th.tr{ background: #c5960c url('images/roundedboxes/right.jpg') right -1px no-repeat;}
#rounded-table th{ background: #d2d1b5; color: #000; font-weight: normal; padding: 8px; text-align: center;}
#rounded-table td{ background: #e8e7d9; border-top: 1px solid #fff; color: #000; padding: 8px; text-align: center;}
#rounded-table tfoot td.bl{ background: #e8e7d9 url('images/roundedboxes/botleft.jpg') left bottom no-repeat;}
#rounded-table tfoot td.br{ background: #e8e7d9 url('images/roundedboxes/botright.jpg') right bottom no-repeat;}
#rounded-table tbody tr:hover td{ background: #d2d1b5;}
#rounded-table thead tr th table.subtable {width:100%;}
#rounded-table thead tr th table.subtable tr td{background: none; border: none; padding: 0;}

/* Rounded Frame */

.roundframe{float:left; width:210px;}
.roundframe .tl{float:left; width: 100%; height: 11px; background: url(images/roundedboxes/roundframe/tl.jpg) top left no-repeat; margin: 0; padding: 0;}
.roundframe .tr{float:right; width: 13px; height:11px; background: url(images/roundedboxes/roundframe/tr.jpg) top right no-repeat; margin: 0; padding: 0;}
.roundframe .ml{float:left; clear:left; width:100%; background: #fff url(images/roundedboxes/roundframe/ml.jpg) repeat-y;}
.roundframe .mr{float:right; width: 100%; background: url(images/roundedboxes/roundframe/mr.jpg) right repeat-y; text-align: left;}
.roundframe .bl{float:left; clear:left; width:100%; height: 11px; background: url(images/roundedboxes/roundframe/bl.jpg) no-repeat; }
.roundframe .br{float:right; width: 13px; height: 11px; background: url(images/roundedboxes/roundframe/br.jpg) no-repeat;}

.roundframe h3{}
.roundframe .tl img{float: left;}
.roundframe .boxbody {width: 100%; display: block; font-size: .8em;}
.roundframe .boxbody ul{list-style: none; margin: 0; padding: 0;}
.roundframe .boxbody li{margin-bottom: 5px;}
.roundframe .boxbody a{}
.roundframe .boxbody a:hover{}
.roundframe .pad {margin: 0px 0px 0px 10px;}

.overview{float: left; margin-left: 10px;}
.overview th {text-align: left; text-transform: uppercase; color: #cb572c;}
.overview td {color: #09347a; font-size: .8em; font-weight: bold;}
.overview td a{color: #cb572c;}
.overview tfoot tr td{padding-top: 10px;}
.overview tfoot tr td {font-weight: normal; font-style: italic;}

/* Web List */
.column30{float:left; width:30%;display: block;}
.weblist{line-height: 1.5em;}
.weblist h3{float:left: clear:left; font-weight: bold; color: #4f6f18; text-transform: uppercase; font-size: .9em;}
.weblist .name{float: left; clear:left; width: 95%; font-weight: bold;}
.weblist .position{float:left; clear:left; width: 95%;}
.weblist ul{list-style: none; margin: 0; padding: 0;}
.weblist li{float: left; clear: left; margin-top: 10px; width:95%; display: inline;}