/*COLORS
Purple = #6766cc;
*/

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; }

ol, 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: #6766cc; font-size: 62.5%; font-family: Verdana, Helvetica, Arial, "URW Gothic L", sans-serif; text-align: center; }

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

a { color: white; text-decoration: none; border-bottom: 1px dashed white; }

a:hover { background-color: white; color: #6766cc; border: none; }

img { border: none; }

.lft { float: left; }

.rght { float: 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; }

.rvrs { background-color: white; color: #6766cc; }

.red { color: #7f3124; }

#container { width: 960px; margin: 0 auto; text-align: center; padding: 0; background-color: #6766cc; color: white; }

#header { width: 100%; height: 300px; position: relative; }

#header img.lft { margin: 50px 0 0 50px; }

#header img.rght { margin: 100px 150px 0 0; }

#header a { border: none; }

.menu { position: absolute; top: 30px; right: 30px; height: 30px; width: 700px; }

.menu li { float: left; height: 36px; line-height: 26px; font-size: 20px; margin: 0 25px; }

.menu li.there { border: 1px dashed white; }

.menu li a { text-decoration: none; border-bottom: 1px dashed white; display: block; width: 100%; height: 100%; }

.menu li a:hover { border: none; background-color: white; color: #6766cc; }

#content h2 { text-align: left; font-size: 18px; line-height: 24px; font-style: italic; font-weight: bold; padding-left: 75px; }

#content p { font-size: 16px; line-height: 22px; padding: 10px 50px; text-align: left; }

#content p.note { padding: 50px; background-color: white; color: #6766cc; border-right: 2px solid #333333; border-bottom: 2px solid #333333; border-left: 1px solid #dddddd; border-top: 1px solid #dddddd; margin: 50px; }

.divider { width: 75%; height: 5px; background-color: white; border-right: 2px solid #333333; border-bottom: 2px solid #333333; border-left: 1px solid #dddddd; border-top: 1px solid #dddddd; margin: 15px auto; }

.styled { width: 650px; margin: 25px auto; text-align: left; font-size: 14px; padding-top: 10px; }

.styled fieldset { margin: 20px 0; padding: 10px; border: #DDD 1px solid; }

.styled legend { font-weight: bold;/* color: #666; */}

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

.styled div { clear: both; }

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

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

.type2 label { text-align: left; width: auto; }

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

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

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

.styled div.controlset label.cs { width: 50px; }

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

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

.styled label.error { color: #7f3124; }

.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; }

.styled p { font-size: 14px; line-height: 20px; }

.styled th, .styled td { padding: 10px; }

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

#footer a { color: #6766cc; border-bottom: 1px dashed #6766cc; }

#footer a:hover { background-color: #6766cc; color: white; border: none; }
