HTML { margin: 0px; font-family: trebuchet MS; font-size: 75%; line-height: 140% }
.site BODY { margin: 0px }
.site FORM { margin: 0px }
.site H1 { font-size: 130%; color: #ff0000 }
.site H1 .subtitle { color: #808080; font-size: 80% }
.site H2 { font-size: 115%; color: #ff0000 }
.site H3 { font-size: 85%; color: #000000; margin: 0px; font-size: 13px }
.site A { color: #b62323 }
.site A:hover { color: red }
.site A:visited { color: #921b1b } 

/* DIV : BOXDIV */

.site .boxdiv { position: relative; background: url('images/backgrounds/background-default.gif'); width: 758px; text-align: left }

/* DIV : HEADERDIV */

.site .headerdiv { background: #831010 }
.site .headerdiv IMG { border: 0px; display: block }

/* DIV : middlediv */

.site .middlediv { margin: 0px; padding: 0px; min-height: 270px }

/* DIV : RETURNTOSITEDIV */

.site .returntositediv { position: absolute; top: 40px; left: 489px }
.site .returntositediv IMG { float: left; border: 0px; margin-right: 9px }

/* DIV : PARTICIPATEDIV */

.site .participatediv { }
.site .participatediv IMG { float: left; border: 0px; margin-right: 9px }

/* DIV : LEFTBLOCKDIV */

.site .leftblockdiv { float: left; width: 30px; height: 100px }

/* DIV : COMPLETEDDIV */

.site .surveycompleteddiv { float: left; width: 530px }
.site .surveycompleteddiv .framediv { margin: 10px; margin-left: 30px; margin-top: 15px; margin-right: 20px } 

/* DIV : report */

.site .surveyreportdiv { float: left; width: 530px }
.site .surveyreportdiv .framediv { margin: 10px; margin-left: 30px; margin-top: 15px; margin-right: 20px } 

/* DIV : INTRODUCTIONDIV */

.site .surveyintroductiondiv { float: left; width: 530px }
.site .surveyintroductiondiv .framediv { margin: 10px; margin-left: 30px; margin-top: 15px; margin-right: 20px } 

/* DIV : MENUDIV */

.site .menudiv { float: left; margin-top: 20px; width: 150px; border-left: 1px dotted #808080 }
.site .menudiv .framediv { margin-left: 10px }
.site .menudiv P { margin: 0px; margin-bottom: 4px; color: #575757; font-weight: bold }
.site .menudiv P A { text-decoration: none; color: #575757; text-transform: lowercase }
.site .menudiv P A:hover { color: red }
.site .menudiv IMG { margin-right: 5px }
.site .menudiv .current { font-weight: bold; color: red }
.site .menudiv .submenuitem { margin-left: 10px }

/* DIV : CONTENTDIV */

.site .contentdiv { float: left; margin-top: 20px; width: 280px; width: 307px; border-left: 1px dotted #808080 }
.site .contentdiv .framediv { margin-left: 20px; margin-right: 20px } 

/* DIV : HELPERCOLUMN */

.site .helpercolumndiv { float: left; margin-top: 20px; width: 223px; border-left: 1px dotted #808080 }
.site .helpercolumndiv .framediv { margin-left: 20px; margin-right: 20px }

/* DIV : ADDRESSDIV */

.site .addressdiv { }
.site .addressdiv .framediv { margin-left: 20px; margin-right: 20px }
.site .addressdiv .icon { width: 20px; float: left; height: 17px; vertical-align: middle; margin: 0px }
.site .addressdiv .icon IMG { border: 0px }
.site .addressdiv .label { width: 150px; float: left; height: 17px; margin: 0px }
.site .addressdiv .clear { margin-bottom: 3px }

/* DIV : FOOTERDIV */

.site .footerdiv { background: url('images/backgrounds/background-sponsors.gif'); height: 115px; width: 758px } 

/* DIV : SPONSORSDIV */

.site .sponsorsdiv { padding-top: 40px; margin-left: 40px; width: 700px }
.site .sponsorsdiv IMG { border: 0px; margin-right: 5px }

/* DIV : COPYRIGHTDIV */

.site .copyrightdiv { font-size: 90%; text-align: center; color: #a7a7a7 }
.site .copyrightdiv A { color: #a7a7a7 }

/* DIV : USERDIV */

.site .userdiv { font-size: 90%; width: 555px; text-align: center; color: #a7a7a7 }
.site .userdiv A { color: #a7a7a7 }

/* DIV : PICTURESDIV */

.site .picturesdiv { margin-bottom: 10px; margin-left: 20px; margin-right: 20px }
.site .picturesdiv H1 { font-size: 110%; font-weight: bold; margin: 0px; margin-bottom: 5px }
.site .picturesdiv .framediv { margin: 10px }
.site .picturesdiv P { font-size: 90%; margin: 0px }
.site .picturesdiv .thumb { border: 1px #808080 solid; margin-right: 2px; margin-left: 3px; margin-bottom: 5px }

/* DIV : FILESDIV */

.site .filesdiv { margin-bottom: 10px; margin-left: 20px; margin-right: 20px }
.site .filesdiv .framediv { margin: 10px }
.site .filesdiv P { font-size: 90%; margin: 0px }
.site .filesdiv H1 { font-size: 110%; font-weight: bold; margin: 0px; margin-bottom: 5px }
.site .filesdiv .filediv { margin-bottom: 10px }
.site .filesdiv .filediv { margin-bottom: 10px }
.site .filesdiv .filediv .file { }
.site .filesdiv .filediv .description { }
.site .filesdiv .filediv .size { font-weight: bold; margin-bottom: 5px }

/* DIV : SURVEYDIV */

.site .surveydiv { width: 280px; width: 753px; margin-top: 15px }
.site .surveydiv .framediv { margin-left: 20px; margin-right: 20px } 

/* DIV : statusdiv */

.statusdiv { width: 500px; font-size: 14px; margin: 50px }
.statusdiv H1 { color: #831010 }
.statusdiv .labeldiv { width: 200px; float: left; font-weight: bold; background: #831010; color: #ffffff; margin-bottom: 10px }
.statusdiv .valuediv { width: 250px; float: left; margin-bottom: 10px }
.statusdiv P { margin: 10px }

/* ELEMENT : READMORE */

.site .readmore { text-align: right; font-weight: bold; color: #575757; text-transform: lowercase }
.site .readmore A { text-decoration: underline }
.site .readmore A { color: #575757 }
.site .readmore A:hover { color: red }

/* ELEMENT : CLEAR */

.site .clear { clear: both; padding: 0px; margin: 0px; height: 0px; width: 0px }

/* ELEMENT : readnext & readprevious*/

.site .navigatordiv { width: 100%; margin-top: 10px }
.site .navigatordiv .pagenavigationdiv { text-align: right; float: left; width: 65% }
.site .navigatordiv .totop { float: left; width: 35%; color: #575757; text-transform: lowercase }
.site .navigatordiv .totop A { color: #575757 }
.site .navigatordiv .totop A:hover { color: #000000 }
.site .navigatordiv .readnext, .navigatordiv .readprevious { color: #999999; text-align: right; float: right; text-transform: lowercase; margin: 0px }
.site .navigatordiv .readnext { text-align: right; margin-left: 10px }
.site .navigatordiv .readprevious { text-align: left }
.site .navigatordiv .readnext IMG, .readprevious IMG { vertical-align: middle }
.site .navigatordiv .readnext IMG { margin-left: 5px }
.site .navigatordiv .readprevious IMG { margin-right: 5px }
.site .navigatordiv .readnext A, .navigatordiv .readprevious A { text-decoration: none; color: #999999 }
.site .navigatordiv .readnext A:hover, .navigatordiv .readprevious A:hover { color: #000000 }

/* ELEMENT : FORMFIELDS */

.site .formlabel { float: left; width: 40%; margin-bottom: 5px; font-weight: bold }
.site .formfield { float: left; width: 60%; margin-bottom: 5px }
.site .formfield INPUT, .site .formfield TEXTAREA, .site .formfield SELECT { width: 155px; border: 1px solid #808080; color: #404040; font-size: 11px; font-family: arial }
.site .formfield TEXTAREA { height: 100px }
.site .formfield #name { width: 110px; margin: 0px; margin-left: 5px }
.site .formfield #gender { width: 40px; margin: 0px }
.site .formbutton { text-align: right }
.site .formbutton INPUT { background: #990835; color: #ffffff; border: 0px; font-size: 11px }

/* ELEMENT : BACK */

.site .back { color: #999999; margin-top: 10px }
.site .back A { color: #999999; text-decoration: none }


/* ELEMENT : NORECORDS */

.site .norecords { margin: 0px; font-style: italic }

/* ELEMENT : SEARCHFILTER */

.site .searchfilter { border: 1px solid #A0A0A0; background: #F3F3F3; margin-bottom: 15px }
.site .searchfilter P { margin: 5px }

/* ------------------------------------------------------------------- MESSAGE PAGE ----------------------------------------------------------------------- */

.messagepage { }

/* ------------------------------------------------------------------ RICHEDIT BLOCK ---------------------------------------------------------------------- */

.richeditblock { margin: 0px; font-family: trebuchet MS; font-size: 100%; line-height: 140% }
.richeditblock BLOCKQUOTE { background: #F0F0F0; margin: 10px; padding: 7px; border: 1px solid #D0D0D0; color: #808080 }
.richeditblock H1 { }
.richeditblock H2 { }
.richeditblock H3 { }
.richeditblock H4 { }
.richeditblock P { }
.richeditblock IMG { border: 1px solid #000000; margin-right: 8px; margin-bottom: 2px; margin-top: 4px }
.richeditblock A { }
.richeditblock A:hover { }
.richeditblock UL { }
.richeditblock OL { }
.richeditblock LI { }
.richeditblock HR { height: 1px; color: #909090; border: 1px solid #909090; background: #909090 }
.richeditblock .bordered {  }
.richeditblock .bordered TD { border: 1px solid #D0D0D0; padding: 5px }
.richeditblock .bordered #header { background: #F0F0F0; text-align: center; font-weight: bold }
.richeditblock .bordered #footer { background: #F0F0F0; text-align: center }
.richeditblock .borderless { }
.richeditblock .borderless TD { }
.richeditblock .borderless #header { background: #F0F0F0; text-align: center; font-weight: bold }
.richeditblock .borderless #footer { background: #F0F0F0; text-align: center }
