/* CSS - CMAX 2.5 */
/* Author : David C.D. Moodie */

/* div                      { -moz-outline: #966 dotted 1px; } /* div debug outlines */
/* p, ul, li, table, tr, td { -moz-outline: #966 dotted 1px; } /* other debug outlines */
/* h1, h2, h3, h4, h5       { -moz-outline: #966 dotted 1px; } /* other debug outlines */

/* default styles */

body       { background: #000; color: #6C9; font: normal 12px/1.2em Arial, Helvetica, sans-serif; }
h1         { color: #FFF; font: bold 26px/1.2em Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 15px 0px; }
h2         { color: #FFF; font-weight: bold; font-size: 16px; margin: 0px 0px 5px 0px; }
h3         { color: #CFF; font-weight: bold; font-size: 12px; margin: 0px 0px 0px 0px; }
h4         { font-weight: normal; font-size: 11px; margin: 0px 0px 5px 0px; }
p          { margin: 0px 0px 10px 0px; text-align: justify; }
ul         { margin: 0px 0px 10px 0px; padding: 0px; }
li         { margin: 0px; padding: 0px 0px 0px 10px; list-style: none outside; }
a          { text-decoration: none; }
a:link     { color: #CFC; }
a:visited  { color: #CFC; }
a:hover    { color: #FFF; }
a:active   { color: #FFF; }
img        { border: 0px none; }
pre        { margin: 0px; padding: 0px; color: #CFF; }

.em        { font-weight: bold; }
.left      { text-align: left; }
.right     { text-align: right; }
.ctr       { text-align: center; }
.clr       { clear: both; }


/* page styles */

#page      { position: absolute; top: 0px; left: 0px; width: 1000px; background: #000 URL(img/bgcie.jpg) no-repeat; }

#menu_col  { height: 600px; }
#menu      { width: 90px; margin: 320px 0px 0px 20px; padding: 5px; 
             background: #000 URL(img/fbg.gif) repeat-y; border: solid 1px #096; }
#menu ul   { margin: 5px; }
#menu li   { padding: 2px 0px 2px 0px; font: bold 14px/1.2em Verdana, Arial, Helvetica, sans-serif }  

#content   { position: relative; } 

#header      { height: 90px; padding-top: 30px; }
#header h1   { height: 40px; margin: 0px; padding-top: 40px; }
#header_pic  { height: 80px; background: #000 URL(img/cmax.jpg) no-repeat; }

#footer      { clear: both; margin-bottom: 10px; }

#txt_page    { position: absolute; top: 0px; left: 0px; width: 1000px; background: #000; }
#txt_frame   { margin: 10px 5px 10px 5px; }
#txt_topic   { width: 300px; margin: 10px 0px 20px 0px; }


/* content styles */
 
div.block_area       { width: 1000px; }              /* 1/1 */
div.dbl_column_area  { float: left; width: 500px; }  /* 1/2 */ 
div.tri_column_area  { float: left; width: 333px; }  /* 1/3 */
div.dtr_column_area  { float: left; width: 666px; }  /* 2/3 */
div.qtr_column_area  { float: left; width: 250px; }  /* 1/4 */
div.tqr_column_area  { float: left; width: 750px; }  /* 3/4 */
div.fth_column_area  { float: left; width: 200px; }  /* 1/5 */
div.dft_column_area  { float: left; width: 400px; }  /* 2/5 */
div.tft_column_area  { float: left; width: 600px; }  /* 3/5 */
div.fft_column_area  { float: left; width: 800px; }  /* 4/5 */

div.block_frame      { margin: 5px 5px 15px 5px; padding: 10px; background: #000 URL(img/fbg.gif) repeat-y; border: solid 1px #096; }

div.link_frame       { width: 640px; margin: 5px 5px 15px 5px; padding: 10px; 
                       background: #000 URL(img/fbg.gif) repeat-y; border: solid 1px #096; }
             
div.linkbox_links       { float: left; width: 150px; }
div.linkbox_links ul    { margin: 0px; }
div.linkbox_links li    { padding: 0px; font-size: 14px; }
div.linkbox_descrip     { float: left; width: 210px; }
div.linkbox_descrip ul  { margin: 0px; }
div.linkbox_descrip li  { padding: 0px; font-size: 14px; }

div.img_map             { width: 400px; }

div.link_banner         { display: inline; float: left; width: 200px; height: 40px; margin: 7px 0px 17px 10px;  }
div.link_banner img     { display: block; }
div.link_banner h4      { text-align: center; margin: 2px 0px 0px 0px; }

ul.numlist       { margin: 0px 0px 10px 5px; }
ul.numlist li    { margin: 0px 0px 0px 20px; padding: 0px 0px 8px 0px; list-style: decimal outside; }

ul.pointlist     { margin: 0px 0px 10px 10px; }
ul.pointlist li  { margin: 0px 0px 0px 10px; padding: 0px 0px 4px 0px; list-style: square outside; }

#artwork   { margin: 10px 0px 20px 0px; text-align: center; }
#art_img   { }
#art_txt   { margin: 5px 0px 0px 0px; }

div.hide   { display: none; }
div.show   { display: block; }