/* ----- import styles ----- */
@import url("header.css"); 
@import url("content.css"); 
@import url("footer.css"); 

/* -------------------- reset defaults -------------------- */
* { margin: 0; padding: 0; }
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, sub, sup, strong, em, ins, dl, dt, dd, ol, ul, li, form, label, table, tbody, tfoot, thead, tr, th, td { border: 0; border-width: 0; outline: 0; vertical-align: baseline; background: transparent; }
html, body { width: 100%; height: 100%; }
body { font: 12px/16px 'Arial', sans-serif; color: #555; background: #fff url(../public.images/b-bg.gif) 0 0 repeat-y; text-align: left; }

table { border-collapse: collapse; border-spacing: 0; border-width: 0; }
caption, td, th { vertical-align: top; }
dl, ul, ol { margin: 0; padding: 0; list-style: none; }
img { border: 0; border-width: 0; vertical-align: baseline; position: relative; }

ins { text-decoration: underline; }
del { text-decoration: line-through; }
strong { font-weight: bold; }
em { font-style: italic; }
i { font-style: normal; }
small { font-size: 10px; }
sup { font-size: 10px !important; vertical-align: top; top: -3px; position: relative; }

button { overflow: visible; }
input, button, select { vertical-align: middle; }
textarea { padding: 2px; height: 62px; vertical-align: top; font: 12px/14px 'Arial'; color: #555; overflow-y: scroll; background: #fff url(../member.images/input.text-bg.png) 0 0 no-repeat; border: 1px solid; border-color: #7c7c7c #c3c3c3 #ddd; }
/* ----- inputs ----- */
.f-text { padding-right: 6px; position: relative; }
input.text { padding: 2px; font: 12px/14px 'Arial'; color: #555; overflow: hidden; background: #fff url(../public.images/input.text-bg.png) 0 0 no-repeat; border: 1px solid; border-color: #7c7c7c #c3c3c3 #ddd; position: relative; }
input.radio { overflow: hidden; padding: 1px; }
label input.radio { top: -1px; position: relative; }
input.checkbox { overflow: hidden; padding: 1px; }
label input.checkbox { top: -1px; position: relative; }
input.file { font: 12px/16px 'Arial'; border: 1px solid; border-color: #7c7c7c #c3c3c3 #ddd; }
/* ----- select ----- */
select { height: 20px; font: 12px/18px 'Arial'; color: #2b2b2b; border: 1px solid; border-color: #7c7c7c #c3c3c3 #ddd; position: relative; }
select option { font: 12px/16px 'Arial'; color: #2b2b2b; }
select.sel-w1 { width: 150px; }
select.sel-w2 { width: 300px; }
select.sel-mp { height: 68px; }
select.sel-mp2 { height: 54px; }
select.sel-mp3 { height: 132px; }
select.sel-mp option { font: 11px/14px 'Arial'; }

blockquote { quotes: none; }
blockquote:before, blockquote:after { content: ''; }
q { quotes: '' '' '' ''; }
q:before { content: ''; }
q:after { content: ''; }
q q:before { content: ''; }
q q:after { content: ''; }

a { color: #f76700; text-decoration: underline; }
a:hover, a:active { text-decoration: none; }
a.alt { color: #555; }

/* ----- global ----- */
h1 { font: 31px/40px 'Arial'; color: #f76700; margin-bottom: 0.5em; }
h2 { font: bold 15px/20px 'Arial'; color: #5275ad; }
h3 { font: 13px/16px 'Arial'; color: #5d5d5d; }

/* ----- clear ----- */
.cl { display: block; clear: both; height: 0; overflow: hidden; }
.clf:after { display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; content: ''; }
.nobg { background: none !important; }
.nobd { border: 0 !important; }
.nom { margin: 0 !important; }
.nop { padding: 0 !important; }

/* -------------------- MAIN -------------------- */
.page { width: 100%; min-width: 1200px; min-height: 100%; margin: 0 auto; background: url(../public.images/m-bg.gif) 0 200px no-repeat; position: relative; z-index: 1; }