html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

ul { list-style: none; }

blockquote, q { quotes: none; }

:focus { outline: 0; } /* remember to define focus styles! */

ins { text-decoration: none; } /* remember to highlight inserts somehow! */

del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */

body { background-color: white; color: black; font-size: 62.5%; font-family: Verdana, Helvetica, Arial, "URW Gothic L", sans-serif; text-align: center; }

* html body { font-size: 76%; }

a { color: black; text-decoration: none; }

a:hover { background-color: black; color: white; }

img { border: none; }

.red { color: red; }

.bld { font-weight: bold; }

a.red:hover { background-color: red; color: white; }

.lft { float: left; }

.rght { float: right; }

.ctr { text-align: center; }

.tlft { text-align: left; }

.trght { text-align: right; }

.clr { clear: both; line-height: 0; display: hidden; }

.brdr { border-right: 2px solid #333333; border-bottom: 2px solid #333333; border-left: 1px solid #dddddd; border-top: 1px solid #dddddd; }

.blue { color: #557faa; }

.logo { float: left; margin: 15px; }

.rvrs { font-size: 20px; line-height: 26px; color: white; background-color: black; }

table { font-size: 16px; line-height: 22px; text-align: center; width: 75%; margin: 0 auto; }

table tr td, table tr th { padding: 10px; vertical-align: bottom; }

#container { width: 1024px; margin: 0 auto; text-align: center; padding: 0; }

#header {  }

#header h1 { font-size: 20px; line-height: 26px; }

#content {  }

#content h2 { font-size: 18px; line-height: 24px; text-align: left; font-weight: normal; font-style: italic; margin-top: 10px; }

#content h3 { font-size: 18px; line-height: 24px; text-align: center; font-weight: bold; margin-top: 10px; text-decoration: underline; }

#content h4 { font-size: 20px; line-height: 26px; margin-top: 10px; }

#content h5 { font-size: 16px; line-height: 22px; text-align: center; font-style: italic; margin: 5px auto; }

#content p, #content ul, #content ol { font-size: 14px; line-height: 20px; text-align: left; padding-top: 10px; }

#content blockquote { padding: 0 25px; font-style: italic; text-align: left; font-size: 12px; line-height: 18px; }

#content ul, ol { width: auto; padding-left: 40px;}

#content ul { list-style: disc; }

#footer { font-size: .9em; line-height: 1.2em; margin: 15px auto; }

/* MODAL POPUP */

.modalDialog { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.8); z-index: 99999; opacity:0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; }

.modalDialog:target { opacity:1; pointer-events: auto; }

.modalDialog > div { width: 900px; position: relative; margin: 10% auto; padding: 5px 20px 13px 20px; border-radius: 10px; background: #fff; background: -moz-linear-gradient(#fff, #999); background: -webkit-linear-gradient(#fff, #999); background: -o-linear-gradient(#fff, #999); }

.close { background: #606061; color: #FFFFFF; line-height: 25px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; }

.close:hover { background: #00d9ff; }

.modalDialog img { margin-right: 10px; }

.modalDialog p { padding: 10px; }

.styled { width: 1024px; margin: 25px auto; text-align: left; font-size: 14px; }

.styled fieldset { margin: 10px 0; padding: 10px; border-right: 2px solid #333333; border-bottom: 2px solid #333333; border-left: 1px solid #dddddd; border-top: 1px solid #dddddd; }

.styled legend { font-weight: bold; color: white; background-color: black; font-size: 18px; }

.styled fieldset div { padding: 0.25em 0; }

.styled div { clear: both; }

.styled label, .styled input, .styled select, .styled textarea { display: block; float: left; font-size: 16px; line-height: 22px; font-weight: bold; margin-bottom: 15px; }

.styled label { text-align: right; width: 200px; }

.styled input, .styled select { height: 22px; margin-left: 5px; }

.styled textarea { margin-left: 5px; }

.styled div.buttonrow input, .styled div.controlset input, .styled div.buttonrow select, .styled div.buttonrow label { float: none; display: inline; }

.styled div.buttonrow { text-align: center; }

.styled h3, .styled h4, .styled h5, .styled h6 { text-align: center; margin: 15px auto; }

.styled label.error { color: red; }

.styled input.error, .styled textarea.error { border-color: #C00; background-color: #FEF; }

.styled input.error:focus, .styled textarea.error:focus { background-color: #FFC; border-color: #FC6; }

#tcmnts tr td { font-size: 10px; text-align: center; vertical-align: middle; width: 125px; }

.comment { width: 900px; text-align: left; font-size: 18px; line-height: 24px; margin: 15px auto; padding: 0;  }

.cmnt { width: 900px; float: left; text-align: left; font-size: 18px; line-height: 24px; margin: 0; padding: 0; }

.cname { width: 200px; float: left; text-align: center; }

.cname em { font-size: 10px; }

.ctext { width: 600px; float: right; }

.cmntimg { width: 250px; margin: 0 auto; text-align: center; }

#emails { width: 400px; margin: 15px auto; border: 1px dashed #cccccc; }

#contacts { width: 100%; margin: 15px auto; }

#contacts table { text-align: left; }

/* MODAL POPUP */

.modalDialog { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.8); z-index: 99999; opacity:0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; }

.modalDialog:target { opacity:1; pointer-events: auto; }

.modalDialog > div { color: black; width: 900px; position: relative; margin: 10% auto; padding: 5px 20px 13px 20px; border-radius: 10px; background: #fff; background: -moz-linear-gradient(#fff, #999); background: -webkit-linear-gradient(#fff, #999); background: -o-linear-gradient(#fff, #999); }

.modalDialog p { padding: 10px; }