html  { font-size : 113%; }
* html { font-size : 95%; }

/* IE fix taken from http://www.clagnut.com/blog/348/#c790 */
table { font-size : 100%; }

body {
    background  : #cff6c4;
    font-family : helvetical, arial, sans-serif;
    font-size   : 58%;
    color       : #000000;
    margin      : 0;
    padding     : 0;
    height      : 100%; /* needed for container min-height */
    /*line-height : 1.7em;*/
    text-align :center;
}

div#container {
    text-align : left;
    position   : relative; /* needed for footer positioning*/
    margin     : 0 auto; /* center, not in IE5 */
    width      : 750px;
    background : #5cb67c;
    height     : auto !important; /* real browsers */
    height     : 100%; /* IE6: treaded as min-height*/
    min-height : 100%; /* real browsers */
}

div#header {
    height : 94px;
    /*background : #ececec url(/images/layout/header_bg_1x94.png) repeat-x;*/
    background : #00b0d8 url(/images/layout/sun.png) no-repeat 20px 5px;
}

div#content {
    padding : 0em 0em 5em; /* bottom padding for footer */
}

div#footer {
    /*color : #fbeb18;  yellow */
    color : #ffffff;
    position : absolute;
    width    : 100%;
    bottom   : 0px; /* stick to bottom */
    border-top : 6px double #026231;
    left : 0px;
    font-weight : bold;
}
#footer_content {
    background : #009347;
}
div#footer a {
    color : #ffffff;
    text-decoration : none;
}

div#footer a:hover {
    text-decoration : underline;
}

div, p, span {
    font-size : 1.1em;
}

h1 {font-size:2em}     /* displayed at 24px */
h2 {font-size:1.5em}   /* displayed at 18px */
h3 {font-size:1.25em}  /* displayed at 15px */
h4 {font-size:1em}     /* displayed at 12px */

input, select, th, td { font-size : 1em }

/* ------------- menu ------------------ */
div#menu {
    height : 58px;
    background : #009347 none repeat scroll 0 0;
    border-top : solid 1px #026231;
    border-bottom : solid 1px #026231;
}

div#menu_content div.menu_cell {
    line-height : 58px;
    height : 58px;
    color : #ffffff;
    /*width : 187px;/* /* When we have 4 menu items */
    width : 150px; /* 5 menu items */
    text-align : center;
    font-weight : bold;
    text-transform : uppercase;
}

div.menu_cell a {
    color : #ffffff;
    text-decoration : none;
}
div.menu_cell a.selected,
div.menu_cell a:hover {
    color : #ffffff;
    background : transparent;
    border : none;
    font-weight : bold;
    text-decoration : underline;
}



/* ------------- header ------------------ */
div#header_content {
    position : relative;
    height : 94px;
}
div#header_content .header_title{
    position : absolute;
    right : 40px;
    top : 20px;
    border : none;
}

div#header_content .header_apple {
    position : absolute;
    left : 79px;
    top : 44px;
    border : none;
}