div.searchBox{font-size: xx-small;}
.searchBoxHeader{font-size: 120%; font-weight: bold;margin-bottom:10px; color:#EA6D21}

.menuTool {
	padding:0.5em 0 0.5em 0;
	vertical-align: middle; 
}

.emailContact a:link {color: black; font-family: verdana, arial, sans-serif; font-size: 100%; text-decoration: none}
.emailContact a:hover {color: black; text-decoration: underline}
.emailContact a:visited {color: black; font-family: verdana, arial, sans-serif; font-size: 100%; text-decoration: none}

/* tables */
.menuTableHeader {font-weight: bold; color: #ffffff; background-color: #D18318; font-size: 100%}
.menuTable1 {color: black; background-color: #f1e099; font-size: 100%}
.menuTable1 a:link {color: black; text-decoration: underline}
.menuTable1 a:hover {color: black; text-decoration: underline}
.menuTable1 a:visited {color: black; text-decoration: underline}
.menuTable2 {color: black; background-color: #eec523; font-size: 100%}
.menuTable2 a:link {color: black; text-decoration: underline}
.menuTable2 a:hover {color: black; text-decoration: underline}
.menuTable2 a:visited {color: black; text-decoration: underline}

/* misc */
span.mandatory {color: red}
#mandatory {color: red}

/* bodyText */
span.bodyText {width: 100%; font-size: 100%; margin-bottom: 6px; clear: both}

/* checkBoxes */
div.checkBoxes {width: 100%; font-size: 100%; margin-bottom: 6px}
div.checkBoxesRow {clear: both}
div.checkBoxesTitle {float: left; width: 30%; text-align: right; font-weight: bold}
div.checkBoxesContent {float: right; width: 70%; text-align: left}
span.checkBoxesCheckBox {margin-left: 8px}
input.checkBoxesInput {background-color: #efefef}

/* comboBox */
div.comboBox {width: 100%; margin-bottom: 6px}
div.comboBoxRow {clear: both}
span.comboBoxTitle {float: left; width: 30%; text-align: right; font-weight: bold}
span.comboBoxContent {float: right; width: 70%; text-align: left}
select.comboBoxSelect {margin-left: 8px; background-color: #efefef; width: 90%}

/* frmContact */
div.frmContact {width: 100%}
div.frmContactRow {clear: both}
h3.frmContactfrmNumberTitle {color: black; font-size: 100%; margin: 0px; padding: 0px; float: left; width: 30%; text-align: right; font-weight: bold; margin-bottom: 6px}
div.frmContactfrmNumberContent {float: right; width: 69%; text-align: left; margin-bottom: 6px}
h3.frmContactProviderTitle {color: black; font-size: 100%; margin: 0px; padding: 0px; float: left; width: 30%; text-align: right; font-weight: bold; margin-bottom: 6px}
div.frmContactProviderContent {float: right; width: 69%; text-align: left; margin-bottom: 6px}
h3.frmContactEmailTitle {color: black; font-size: 100%; margin: 0px; padding: 0px; float: left; width: 30%; text-align: right; font-weight: bold; margin-bottom: 6px}
div.frmContactEmailContent {float: right; width: 69%; text-align: left; margin-bottom: 6px}
h3.frmContactTelTitle {color: black; font-size: 100%; margin: 0px; padding: 0px; float: left; width: 30%; text-align: right; font-weight: bold; margin-bottom: 6px}
div.frmContactTelContent {float: right; width: 69%; text-align: left; margin-bottom: 6px}
h3.frmContactFaxTitle {color: black; font-size: 100%; margin: 0px; padding: 0px; float: left; width: 30%; text-align: right; font-weight: bold; margin-bottom: 6px}
div.frmContactFaxContent {float: right; width: 69%; text-align: left; margin-bottom: 6px}
h3.frmDescriptionTitle {display: none}
div.frmContactfrmDesc {width: 100%; margin-bottom: 6px; text-align: center; font-weight: bold}

/* horizontalImages */
div.horizontalImages {width: 100%; margin-bottom: 6px; margin-top: 17px}
div.horizontalImagesRow {clear: both; text-align: center}
span.horizontalImages1 {width: 81px; height: 81px; padding: 3px}
span.horizontalImages2 {width: 81px; height: 81px; padding: 3px}
span.horizontalImages3 {width: 81px; height: 81px; padding: 3px}
span.horizontalImages4 {width: 81px; height: 81px; padding: 3px}
span.horizontalImages5 {width: 81px; height: 81px; padding: 3px}
img.horizontalImagesImage1 {width: 75px; height: 75px}
img.horizontalImagesImage2 {width: 75px; height: 75px}
img.horizontalImagesImage3 {width: 75px; height: 75px}
img.horizontalImagesImage4 {width: 75px; height: 75px}
img.horizontalImagesImage5 {width: 75px; height: 75px}

/* horizontal rule */
div.horizontalRule {width: 100%; clear: both}

/* image */
div.image {width: 100%; font-size: 100%; margin-bottom: 6px}
/* div.imageRow {clear: both; align: center}
span.imageContent {width: 100%; text-align: center} */
/* if followed by wrapping text then these are used instead: */
/* div.imageAndBodyText {clear: both; width: 100%; font-size: 100%; margin-bottom: 6px} */
/* classes for each alignment type */
img.imageRight {float: right; margin-left: 9px; clear: both}
img.imageLeft {float: left; margin-right: 9px; clear: both}
img.imageCenter {}
img.imageLarge {}
div.imageCenter {margin: auto; text-align: center}
/* border styles */
img.imageBorder0 {border-width: 0}
img.imageBorder1 {border: solid 1px}
img.imageBorder3 {border: solid 3px}

/* listBox */
div.listBox {width: 100%; margin-bottom: 6px}
div.listBoxRow {clear: both}
span.listBoxTitle {float: left; width: 30%; text-align: right; font-weight: bold}
span.listBoxContent {float: right; width: 70%; text-align: left}
select.listBoxSelect {margin-left: 8px}

/* radioButtons */
div.radioButtons {width: 100%; font-size: 100%; margin-bottom: 6px}
div.radioButtonsRow {clear: both}
span.radioButtonsTitle {float: left; width: 30%; text-align: right; font-weight: bold}
span.radioButtonsContent {float: right; width: 70%; text-align: left}
span.radioButtonsRadioButton {margin-left: 8px}
input.radioButtonsInput {}

/* return_email */
div.return_email {}
div.return_emailRow {clear: both}
span.return_emailTitle {float: left; width: 30%; text-align: right; font-weight: bold; margin-bottom: 6px}
span.return_emailContent {float: right; width: 70%; text-align: left; margin-bottom: 6px}
input.return_emailInput {margin-left: 8px; background-color: #efefef}

/* submitReset */
div.submitReset {width: 100%}
div.submitResetRow {clear: both}
span.submitResetContentS {margin-bottom: 6px}
span.submitResetContentR {margin-bottom: 6px}
input.submitResetInputS {}
input.submitResetInputR {}

/* subtitle */
h3.subTitle {font-size: 100%; margin-bottom: 6px}
h2.subTitleLarge {font-size: 100%; margin-bottom: 6px}

/* tableElement */
div.tableElement {width: 100%}
div.tableElementRow {clear: both}
span.tableElement {}

/* textArea */
div.textAreaElement {}
div.textAreaRow {clear: both}
span.textAreaTitle {float: left; width: 30%; text-align: right; font-weight: bold; margin-bottom: 6px}
span.textAreaContent {float: right; width: 70%; text-align: left; margin-bottom: 6px}
textarea.textAreaTextArea {margin-left: 8px; background-color: #efefef; width: 90%}

/* textInput */
div.textInput {}
div.textInputRow {clear: both}
span.textInputTitle {float: left; width: 30%; text-align: right; font-weight: bold; margin-bottom: 6px}
span.textInputContent {float: right; width: 70%; text-align: left; margin-bottom: 6px}
input.textInputInput {margin-left: 8px; background-color: #efefef; width: 90%}

/* title */

/* verticalImages */
img.verticalImagesImage1Image {width: 100px; height: 100px; float: left; clear: left; margin-right: 15px; margin-top: 4px}
img.verticalImagesImage2Image {width: 100px; height: 100px; float: left; clear: left; margin-right: 15px; margin-top: 4px}
img.verticalImagesImage3Image {width: 100px; height: 100px; float: left; clear: left; margin-right: 15px; margin-top: 4px}