.main {
    background-color : #bbccdd;
    width : 700px;
  }


.banner {
    background-image : url('images/banner_background.jpg');
    background-repeat : no-repeat;
  }


#menu {
    background-color : #484b91;
    border-top: 1px solid #484b91;
    font-family : 'New Century Schoolbook', Times, Serif;
    font-size : 90%;
    list-style:none;
    margin-top : 10px;
    padding:0%;
    width : 200px;
    z-index : 1000;
  }


#menu li {
    border-bottom: 1px solid #484b91;
    position: relative;
  }


#menu li ul {
    position: absolute;
    left: 190px;
    top: 0;
    display: none;
  }


#menu li a {
    height: 32px;
    voice-family: inherit;
    height: 24px;
    text-decoration: none;
    font-size:14px;
    position: relative;
  }


#menu li a:link, #menu li a:visited {
    color: #FBFFE0;
    display: block;
    background-color : #4e365a;
    padding: 8px 0 0 10px;
  }


#menu li a:hover {
    color: #FFF;
    background-color : #76668a;
    padding: 8px 0 0 10px;
  }


#menu li:hover ul {
    display: block;
  }


.content {
    background-color : #bbccdd;
    font-family : Times;
    font-size : 14px;
    padding-left : 20px;
    padding-right : 20px;
    vertical-align : top;
  }


#title {
    color : #f51362;
    font-family : Times;
    font-size : 18px;
    font-style : italic;
    font-weight : bold;
  }


#brief {
    padding-right : 10px;
    text-indent : 20px;
  }


#footer {
    background-color : bbccdd;
    font-family : Times;
    font-size : 14px;
  }


.hiddenPic {
    display:none;
  }










#left_top {
    background-image : url('images/left_top.jpg');
  }


#top {
    background-color : #bbccdd;
  }


#right_top {
    background-image : url('images/right_top.jpg');
  }


#left {
    background-color : #bbccdd;
  }


#right {
    background-color : #bbccdd;
  }


#right_bottom {
    background-image : url('images/right_botttom.jpg');
  }


#left_bottom {
    background-image : url('images/left_bottom.jpg');
  }


#bottom {
    background-color : #bbccdd;
  }