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

/* ----- all defaults ----- */
* { margin: 0; padding: 0; }

/* -------------------- html & body styles -------------------- */
html, body { width: 100%; height: 100%; padding: 0; margin: 0; border: 0; border-width: 0; outline: 0; text-align: left; }
body { font: 9pt/16px 'tahoma', 'arial', serif; color: #000; background: url(../img/b-bg.gif) repeat; z-index: 1; }

/* ----- default styles ----- */
h1, h2 { font: bold 12pt/18px 'Trebuchet MS'; color: #6f6f6f; padding-left: 24px; margin-bottom: 12px; background: url(../img/h2-bg.gif) left 8px no-repeat; }
h3 { font: bold 12pt/18px 'Trebuchet MS'; color: #414160; }
h1 a, h2 a { color: #6f6f6f; text-decoration: none; }
h1 a:hover, h2 a:hover { color: #6f6f6f; text-decoration: underline; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; border-width: 0; }
td, th { vertical-align: top; }
dl, ul { margin: 0 0 14px 14px; padding: 0; }
img { border: 0; border-width: 0; vertical-align: top; }
a { color: #000; text-decoration: none; }
a:hover, a:active { }
strong { font-weight: bold; }
em { font-style: italic; }
input { margin: 0; padding: 0; }

/* ----- clear ----- */
.clear { clear: both; height: 0; font: 0/0 'Tahoma'; }
.clearfix:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; font: 0/0 'Tahoma'; }
.last { background: none !important; }

/* -------------------- MAIN -------------------- */
#m-bg { width: 100%; min-height: 100%; background: url(../img/m-grad.gif) repeat-x; }
#main { width: 970px; margin: 0 auto; position: relative; z-index: 2; }
#global { width: 960px; background: url(../img/m-bg.gif) left 842px repeat; position: relative; }
#global-bg { width: 960px; background: url(../img/m-grad2.gif) repeat-x; position: relative; }
#m-ishadow-l { width: 5px; font: 0pt/0px 'Tahoma'; background: url(../img/m-shadow-l.png) repeat-y; position: relative; }
#m-ishadow-r { width: 5px; font: 0pt/0px 'Tahoma'; background: url(../img/m-shadow-r.png) repeat-y; position: relative; }
#m-shadow-l { width: 5px; font: 0pt/0px 'Tahoma'; background: url(../img/m-shadow-l.png) repeat-y; position: relative; }
#m-shadow-r { width: 5px; font: 0pt/0px 'Tahoma'; background: url(../img/m-shadow-r.png) repeat-y; position: relative; }