/* Matthies MAINSTYLES  */
/*********************/

* {margin: 0px;padding: 0px;}

HTML {height:100%;}

BODY {height:100%;width:100%;text-align:left;background:#fff url("../images/pageWrap_bg.png") repeat-x top center;font-family: Arial, Tahoma, Georgia, "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;font-size:12px;color:#000}

H1 {margin:0;padding:0;font-size:15px;line-height:21px;font-weight:bold;margin-bottom:6px}
H2 {margin:0;padding:0;font-size:14px;line-height:21px;font-weight:bold;margin-bottom:6px}
H3 {margin:0;padding:0;font-size:13px;line-height:18px;font-weight:bold;margin-bottom:2px}
H4 {margin:0;padding:0;font-size:12px;line-height:18px;font-weight:bold;margin-bottom:6px}

A {line-height:16px;color:#990000;text-decoration:none}
A:HOVER {color:#990000;text-decoration:underline}
A.morelink {font-size:12px;background: url(../images/arrow_red.gif) 0 6px no-repeat;font-weight:bold;padding:0 10px;color:#990000;}

P {font-size:12px;line-height:16px;text-align:left;margin: 6px 0 10px 0;}
P A {font-size:12px;}
P A.morelink {margin-left:4px;}

fieldset, img { border:0; }

TEXTAREA, INPUT[type=text],
SELECT,INPUT[type=password] {border: 1px inset #bbb;	-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;padding: 2px;	font: inherit;	font-size: 11px;color: #333;}
*+html INPUT[type=password] {border: 1px inset #bbb;	-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;padding: 2px 3px 3px 3px;	font: inherit;	font-size: 11px;color: #333;}

INPUT[type=submit],INPUT[type=reset] {background:#990000 url(../images/btn_background.jpg) repeat-x;border: 1px solid #990000;	-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;color:#fff;font-size:10px;padding:1px 10px 3px}

.clearer {clear:both;}
.divider {border-bottom:2px dotted #DE0000;height:2px;line-height:2px;font-size:2px;margin: 10px 0px }
DIV.button A {background:#990000 url(../images/btn_background.jpg) repeat-x;border: 1px solid #990000;text-decoration:none;	-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;color:#fff;font-size:10px;padding:1px 10px 3px}
.bold {font-weight:bold}


DIV#pageWrap {margin: 0 auto;height:100%;width:100%;}

  DIV#page {margin: 0 auto;width:1000px;height:100%;}

    DIV#header {float:left;width:1000px; height: 155px; z-index: 2;position: relative;}
  
      DIV#topNav {position: absolute;top:6px; left:10px;width:600px; height:20px;z-index:1}
        DIV#topNav UL {}
        DIV#topNav UL LI {float:left;display:inline;list-style-type:none;margin-left:10px}    
        DIV#topNav UL LI A {color:white; font-weight:bold;font-size:11px;}
        DIV#topNav UL LI A:HOVER {color:#000; text-decoration:underline}
        DIV#topNav UL LI.topNav-current A {color:#fff; text-decoration:underline}
        DIV#topNav UL LI.topNav-current A:HOVER {color:#000; text-decoration:underline}
    
      DIV#logo {position: absolute;top:30px; right:30px;width:230px; height:50px; z-index:3}
    
      DIV#katy {position: absolute;top:54px;left:30px;width:52px;text-align:center}  
      DIV#mike {position: absolute;top:54px;left:108px;width:47px;text-align:center}
      DIV#uni {position: absolute;top:54px;left:170px;width:60px;text-align:center}
      DIV#drSpark {position: absolute;top:54px;left:310px;width:55px;text-align:center}
      DIV#henryJr {position: absolute;top:54px;left:380px;width:55px;text-align:center}        
        A.pictogram-title {font-weight:bold;color:#000000;text-decoration:none;line-height:14px}
        A.pictogram-desc {font-size:10px;color:#000000;text-decoration:none;line-height:14px}
      
      DIV#headerLogin {margin:0;padding:0;position: absolute;top:104px;right:0px;width:400px;height:50px;/*background:url(../images/headerLogin.png) no-repeat 0px 11px ;*/padding-left:30px;}        
        DIV#headerLogin A {font-size:10px; font-weight:normal}
        DIV#headerLogin INPUT {float:left;}
        /*DIV#headerLogin INPUT[type=text], INPUT[type=password] {width:80px;}*/
        DIV#headerLogin INPUT#user, INPUT#pass {width:80px;}
  

    DIV#mainNav {float:left;width:1000px; height:90px; background:url(../images/mainNav_bg.png) no-repeat;}

      DIV#mainNav UL {list-style:none; position:relative;margin-left:6px;height:50px}
      DIV#mainNav UL table {border-collapse:collapse; width:0; height:0; /*margin:-3px -10px;*/}

      DIV#mainNav UL LI {float:left;}

      DIV#mainNav UL LI A {float:left;background:url(../images/tab0_a.gif) no-repeat right top; /*line-height:18px;*/ line-height:12px; height:42px;padding:0 15px 0 0;margin-top:6px;text-decoration:none;color:#000}
      DIV#mainNav UL LI A B {float:left;background:url(../images/tab0_b.gif) no-repeat left top; /*line-height:18px;*/ line-height:12px; height:42px;padding:12px 0 0 15px;cursor:pointer;}
      DIV#mainNav UL LI A.break B {padding:6px 0 0 15px;}

      DIV#mainNav UL LI:HOVER > A {margin:0;background:url(../images/tab1_a.gif) no-repeat right top; line-height:12px;height:50px;color:#990000;}
      DIV#mainNav UL LI:HOVER > A B {background:url(../images/tab1_b.gif) no-repeat left top; line-height:12px;height:50px;padding:16px 0 0 15px;}
      DIV#mainNav UL LI:HOVER > A.break B {padding:12px 0 0 15px;}
      /*
	  DIV#mainNav UL li A:HOVER {margin:0;background:url(../images/tab1_a.gif) no-repeat right top; line-height:12px;height:50px;color:#990000;}
      DIV#mainNav UL li A:HOVER B {background:url(../images/tab1_b.gif) no-repeat left top; line-height:12px;height:50px;padding:16px 0 0 15px;}
      DIV#mainNav UL LI A:HOVER B {padding:12px 0 0 15px;}*/

      DIV#mainNav UL UL {padding:0; margin:0; list-style:none; position:absolute; height:38px; width:988px; background:url(../images/mainsubNav_bg.png) repeat-x; left:-9999px; top:48px; z-index:10;}
      DIV#mainNav UL UL LI {height:38px; line-height:38px;}
      DIV#mainNav UL UL.right LI {float:right;}
      DIV#mainNav UL UL LI A {margin:0;padding:0 10px 0 10px; background:url(../images/mainsubNav_spacer.png) no-repeat top right; height:38px; line-height:38px; font-weight:bold; font-size:11px; color:#000;}
      DIV#mainNav UL UL LI A:HOVER {height:38px; line-height:38px; background:url(../images/mainsubNav_spacer.png) no-repeat top right;color:#990000;}
      DIV#mainNav UL UL.right LI A {}
      DIV#mainNav UL UL LI A.last {background:none;}

      DIV#mainNav UL :HOVER UL {left:0;}

      DIV#mainNav UL LI.current UL {left:0; z-index:1;}
      DIV#mainNav UL LI.current A {margin-top:0px;background:url(../images/tab1_a.gif) no-repeat right top; /*line-height:46px;*/ line-height:12px; height:50px;color:#990000}
      DIV#mainNav UL LI.current A B {background:url(../images/tab1_b.gif) no-repeat left top; /*line-height:46px;*/ line-height:12px;padding:16px 0 0 15px; height:50px;}
      DIV#mainNav UL LI.current A.break B {padding:12px 0 0 15px;}
	    DIV#mainNav UL LI.current UL LI A {margin:0;color:#000; padding:0 10px 0 10px; background:url(../images/mainsubNav_spacer.png) no-repeat top right; height:38px; line-height:38px; }
      DIV#mainNav UL LI.current UL LI.current_sub A {color:#990000;}
      DIV#mainNav UL LI.current UL LI A:HOVER {color:#990000;}
	    DIV#mainNav UL LI.current UL LI A.last {background:none;}


      DIV#mainNav UL UL LI:HOVER {position:relative; z-index:100;}
      DIV#mainNav UL :HOVER UL LI:HOVER > A.fly {margin:0;color:#990000; padding:0 10px 0 10px; background:url(../images/mainsubNav_spacer.png) no-repeat top right; height:38px; line-height:38px;}
      /*DIV#mainNav UL :HOVER UL LI:HOVER > A.last.fly {margin:0;color:#990000; padding:0 10px 0 10px; background:url(../images/mainsubNav_spacer.png) no-repeat top right; background:none; height:38px; line-height:38px;}*/

      DIV#mainNav UL UL UL {position:absolute; left:-9999px; top:-9999px;}
      DIV#mainNav UL :HOVER UL UL {position:absolute; left:-9999px; top:-9999px;}

      DIV#mainNav UL :HOVER UL :HOVER UL {left:0px; top:38px; padding:0 0px 0 0px;border-left:1px solid #CDCDCD;border-right:1px solid #CDCDCD;width:300px;background:#999; height:auto; filter:alpha(opacity=90); -moz-opacity:0.9;	-khtml-opacity: 0.9;	opacity: 0.9; }
      DIV#mainNav UL :HOVER UL :HOVER UL LI {border-bottom:1px solid #ccc;height:28px;}
      DIV#mainNav UL :HOVER UL :HOVER UL LI A {margin:0;padding:0 10px 0 10px;width:280px; background:#999; height:28px; line-height:28px; font-weight:bold; font-size:11px; color:#fff;}
      DIV#mainNav UL :HOVER UL :HOVER UL LI A:HOVER {color:#990000;}


  
    DIV#mainCol {float:left;width:1000px; background:url(../images/mainCol_bg.png) repeat-y;}
    
      DIV#mainCol-content {margin:0 auto; width:966px; min-height:160px; background:url(../images/mainCol_content_bg.png) repeat-x; padding:5px 10px 15px 10px} 
      
        DIV#mainCol-content-topBar {float:left;height:30px;}
          DIV#breadcrumb {float:left;width:790px;height:30px;font-size:11px;color:#333}
            DIV#breadcrumb SPAN {font-size:11px;color:#333}
            DIV#breadcrumb A {font-size:11px;color:#333}          
          DIV#changeCategory {float:right;width:176px;height:30px;}
            DIV#changeCategory DIV.printLink {float:left; padding-right:14px;}            
            DIV#changeCategory SELECT {width:80px;}
      
          .csc-frame-rulerAfter {border-bottom:2px dotted #DE0000;height:2px;line-height:2px;font-size:2px;margin: 10px 0px}
          .csc-header {height:20px;}
          H1.csc-firstHeader {}
        
      /* SUBTEMPLATES */  
        
        
      
    DIV#footer {float:left;width:1000px; height:205px; background:url(../images/footer_bg.png) no-repeat;padding-top:35px;} 
      DIV.footerCol1 {float:left; height:172px; width:210px; padding:10px 20px 0px 20px; border-right: 1px dotted #999; }
      DIV.footerCol2 {float:left; height:172px; width:110px; padding:10px 20px 0px 20px; border-right: 1px dotted #999; }
        DIV.footerLogin {}
          DIV.footerLogin A {font-size:10px; font-weight:normal}
          DIV.footerLogin INPUT {width:150px}
          DIV.footerLogin .inputSubmitFooter {width:50px}
          
        DIV#footer UL LI {list-style:none;margin-bottom:10px}
        DIV#footer UL LI A {font-size:13px;color:#000}
        
      DIV.footerCol3 {float:left; height:172px; width:210px; padding:10px 20px 0px 20px; border-right: 1px dotted #999; }
    
    DIV#copyrights {float:left;width:1000px; height:40px; text-align:center} 
      DIV#copyrights SPAN {float:left;width:1000px; height:40px; }