/* override Chrome built-in css style */
/* a:-webkit-any-link {text-decoration:none;} */
a:link {color:0000FF;}
a:visited {color: #000000;}
a:hover {color: #000000;}


#maincontent {
width:770px;
} 
.csc-firstHeader{font: bold italic 2em Times New Roman; color:#000080; margin-bottom:15px; margin-top:0px; border-bottom:1px solid #1d660c; background: url("../icon_sk.gif");
	background-repeat:no-repeat; background-position:10px left; text-indent: 25px; 
	}
H1{font: bold 1.4em arial,sans-serif; color:#000080; margin-bottom:0px; margin-top:10px;}
H2{font: bold 1.2em arial,sans-serif; color:#000080; margin-bottom:0px; margin-top:10px;}
H3{font: bold 1.0em arial,sans-serif; color:#000080; margin-bottom:0px; margin-top:10px;}
H4{font: bold 0.9em arial,sans-serif; color:#000080; margin-bottom:0px; margin-top:10px;}

b{
padding: 0px 3px 0px 3px;
color: #000;  
background-color:#fccf86;
border-left: solid grey 1px; 
border-top: solid grey 1px; 
border-right: solid grey 1px; 
border-bottom: solid grey 1px;
}
p.pstyle {color: purple; font-style:italic;}

/* Header colour swoop --- #01aef0 Blue   #8dc73f Green #ff9814; Orange #fccf86 light orange*/
/* ID uses #,  Class uses .  */

/*---------- Typo3 Over-rides -----------*/
.csc-textpic-intext-left ul {height:auto;} 
.csc-textpic-intext-left ol {height:auto;} 

body { 
font-size:100%;
color:#191970;
margin-top: 10px;
text-align: center;
background: url(../images/grad.png);
background-repeat : repeat-x;
}

p.bodytext {margin:0px;}
.sub {font-weight:bold; color:orange;}

#headerimage{
position:relative;
left:-10px; 
background: url(../images/header.jpg);  /* 940 x 276 */
background-repeat : no-repeat;
width: 960px;
height: 280px; /* can add whitespace before menu/content elements */
} 


#footer{
left:-10px; 
background: url(../images/footer.gif); 
width: 960px;
height: 30px;
} 

#container{      /* 12 60px column grid: 10px-60px-20px-60px-20px-60px....10px  */
background:#FFFFFF;
overflow:hidden;
text-align: left;
border-left: 1px solid #01aef0;
border-right: 1px solid #01aef0;
}


#menu{
background-color: #F0F8FF;
}

#menu_1 DIV.menu1-level1-no A {color:black; text-decoration:none;}
#menu_1 DIV.menu1-level1-no A:hover {color:grey;}
#menu_1 DIV.menu1-level1-act A {color:grey;}

#menu_1 DIV.menu1-level2-no A {color:black; text-decoration:none;}
#menu_1 DIV.menu1-level2-no A:hover {color: grey;}
#menu_1 DIV.menu1-level2-act A {color:grey;}

#menu_1 DIV.menu1-level1-no {
  border-bottom: 1px dotted #999999;
  font-size: 12px;
  padding-top:5px;
  padding-left:5px;
  }
#menu_1 DIV.menu1-level1-act {
  border-bottom: 1px solid #999999;
  font-size: 12px;
  padding-top:5px;
  padding-left:5px;
}

/*----------Menu Level 2 -----------*/
#menu_1 DIV.menu1-level2-no {
  font-size: 11px;
  padding-top:5px;
  padding-left:15px;
}
#menu_1 DIV.menu1-level2-act {
  font-size: 11px;
  padding-top:5px;
  padding-left:15px;
}
#menu_1 DIV.menu1-level2-no A:hover {
   position:relative;
   left:-10px;
   padding-left:10px;
   background: url(../images/bullet1.gif);
   background-repeat : no-repeat;
}

/*-------start min-navbar stuff-------*/
#navcontainer { background: #01aef0; height: 20px; width:140px; }
#navlist { margin: 0px; padding: 1px; display: block; }
#navlist li { list-style: none; float: left; }

#navcontainer a, #navlist li.extend {
margin: 0px;
display: block;
border: 1px solid #333;
padding: 1px 5px;
text-decoration: none;
background: #8dc73f;
font: normal 9px verdana, serif;
color: #000;
}

#navcontainer a:hover {
padding: 1px 5px;
background: #FAFAFA;
border-right: 1px solid #333;
border-left: 1px solid #333;
border-top: 1px solid #FAFAFA;
border-bottom: 1px solid #333;
color: #000;
}
#navcontainer a:active { background: green;  color: white; }

/*-------end min-navbar stuff-------*/