/* Blue */
body.home_page{background-color:#9cb6c5;}
body.home{background-color:#9cb6c5;}
#materhead, #header, footer{ background-color:#27536e;}
body.home_page a{color:#fff; font-style:normal}

a, a:hover, p.title { color:GoldenRod}

.image_holder{border-bottom:5px solid #c6d7e0}

.home_page h1  {color:#9CB6C5}

nav {background:#77a7ba;}
nav li {background:url("../images/left_corner.gif") no-repeat left bottom #27536e;}

h1, h2, h3, p.title:hover, div.subtitle, span.color, h2 a {color:#669; font-style:normal}

.btm {background:url(../images/footer.gif) bottom repeat-x;}
#color {color:#666699;}

/***************************************************
   Menu styles
 **************************************************/

#menu {background: url(../images/menu_tab_bl.png) no-repeat left top;}

  #menu a img {border: 0px;}

  .menuContents {
    width: 150px;
    height: 150px;
    margin-right: 17px;
    padding: 15px 0 10px 0;
    background: url(../images/menu_bg_bl.png) no-repeat center top;             
  }

  .menuTab {
    float: right;
    width: 17px;
    height: 150px;
    background: url(images/menu_tab_bl.gif) no-repeat left top;
  }

  .menuContents a {
    display: block;
    width: 115px;
    padding: 3px;
    text-decoration: none;
    text-indent: 12px;
    color: #FDFAEB;
	font-size:10px;
	margin-left:6px;
  }

  .menuContents a:hover {
    color: #FBB023;
    background: url(../images/menu_link.png) no-repeat right top;
}


/*-- menu -- */
nav { height:35px; display:block} 
nav ul{position:absolute; left:10px;}
nav li { list-style:none; background:#27536e url(../images/bg_corner.jpg) left -60px no-repeat; float:left; margin-right:4px}
nav li span a {display:block; float:left; color:#fff; text-align:center; padding:0 20px 3px; background: url(../images/bg_corner.jpg) right -39px no-repeat; letter-spacing:2px; font: 10px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;}
nav li span a:hover, nav li span a.on {padding:5px 20px 3px; text-decoration:none;  background:url(../images/bg_corner.jpg) right -34px no-repeat;}

nav li div {text-align:center; padding:0 20px 3px; background: url(../images/bg_corner.jpg) right -39px no-repeat; letter-spacing:2px; font: 10px Arial, Helvetica, sans-serif; text-transform:uppercase}

img, nav li div a{border:none; outline:none;}

nav li a {position:relative}
nav li a span{ display:block; height:12px; width:10px; background:#000 url(../images/bg_corner.jpg) left -64px no-repeat; float:left; position:absolute; bottom:0px; left:0px}