div.header{display:none}
.header li {display:none}
.header li a{display:none}
div.bar{display:none}
div.pic {display:none}
div.strapline {display:none}

/* HTML */
body {width: 100%; margin:0px; padding:0;font-family:verdana, helvetica, arial, sans-serif; font-size: 75%;}
h1 {display: none}
H2 {color: #000000; font-size:150%;}
h2.title {margin: 0 0 0.8em 0; padding:0; font-size:200%; font-weight:normal;color: #000000; }
H3 {margin: 0 0 0.3em 0; padding:0; font-size:200%; font-weight:normal;color: #000000; }
h3.title {margin: 0 0 0.6em 0; padding:0;font-size:200%; font-weight:normal;color: #000000; }
H4 {margin:0.6em 0 0.3em 0; padding:0; color: #000000; font-weight: bold; font-size: 150%;}
h4.titleSmall {font-size: 150%; margin-bottom: 6px}
th {font-weight: bold; }
ul {list-style-type: disc;
	list-style-image: url(/artsComm/images/bullet.gif);
	list-style-position: outside;
}
li {color:black; padding-left:0.5em;} 
a, a:visited {color:#000000;text-decoration:underline; }
a:hover {color: #000000; text-decoration:underline;}

/* classes */
.metaNav {display: none}
div.homeContent{width: 100%; vertical-align: top;border:0}

/*.content{margin-right: 1%;}*/
.navLeft{display: none}
.menuLeft{display: none}
.menuLeft a, .menuLeft a:visited{display: none}
.menuLeft a:hover{display: none}
.menu1{display: none}
.menu1active{display: none}

.menu2{display: none}
.menu2active{display: none}


.contentArea{vertical-align: top;border:0;margin: 0 10px 0 0; padding:0; width:100%}

div.contentRow {margin-top:10px; line-height: 140%;}

input.searchBox{width: 50%; font-size: 100%; margin-right: 8px}
input.searchButton{font-size: xx-small}
img.emailIcon {border: 0px; float: left}

.image {border:3px solid #cc0000}

h2.navigationBlockHeader {display: none}


/* ids */
#smallSearchBox {padding: 0; margin: 0;}

.menuTool {
	padding:0.5em 0 0.5em 0;
	vertical-align: middle; 
}
.menuTool a:link, .menuTool a:visited {color: black; text-decoration: none}
.menuTool a:hover {color: #EA6D21; text-decoration: none}

table.usertable {font-size: 100%; border: 1px solid #EA6D21; padding:3px;}
table.usertable th{border: 1px solid #EA6D21; background-color:#A5331F; color:#ffffff;}
table.usertable td {border: 1px solid #EA6D21;}

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}

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