homepage_04.css

/* page.css --  used with page.html for template.

   Impt: Use with reset.css OR  normailise.css
 */
@font-face  {
    font-family: DIN;
    src: url("font/DIN/din1451engschrift.ttf");
}


@font-face  {
    font-family: GOTHAMbold;
    src: url("font/Gotham/Gotham-Bold.otf");
}


@font-face  {
    font-family: GOTHAMbook;
    src: url("font/Gotham/Gotham-Book.otf");
}



body  {
    margin:    0;
    border:    0;
    padding:   0;
    font-size: 100%;
}


#page  {
    position: absolute;
    top:    0;
    bottom: 0;
    width:  100%;
}


#header-block  {
    background-color: #0E6385;
    height:           156px;
    width:            100%;
}


#header-menu  {
    background-color: #F9F035;
    height:   63px;
    width:    30%; 
    position: relative;
    left:     23.5%;
    top:      90px;
}


#header-menu li  { 
   float:           left;
   list-style-type: none;
   width:           32%;
   background:      #666;
   text-align:      center;
   border-right:    3px solid #ccc; /* TODO:last menu shouldn't have a border */
}


#header-menu li a  {
    font-family: GOTHAMbold;
    font-size:   22pt;
}


/* Not used */
.mid-border  {
  border-left: 1px solid #ccc;
  border-right:1px solid #ccc; /* TODO:last menu shouldn't have a border */
}


#top-menu  {
    background-color:  grey;
    height:            45px;
    background-color:  #D8D7D7;
}


/* REVISIT: How to make all menus have some common property? */
#top-menu a  {
    display: inline-block;
    height:           100%;
    width:            auto;
    background-color: #F0D301;
    font-color:       #87A937;
    padding-right:    5px;
    padding-left:     2px;
    margin:           0;
}


#body-block  {
    height:           65%;
    background-color: darkgrey;
}


#footer-block  {
    background-color: #0E6385;
    height:           8%;
}


.radio  {
    display:  list-item;
    background-color: #FFDF00;
    padding:         23px 0;
		font-size:       20px;
}


.community  {
    background-color: #FE8000;
    display:  list-item;
    padding:         23px 0;
		font-size:       20px;
}


.events  {
    background-color: #064360;
    display:  list-item;
    padding:         23px 0;
		font-size:       20px;
		
}

tham-Bold.otf