body {
    background-color: #87888a;
    font-family: arial;
    font-size: 62.5%;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
        font-size: 0.9em;
}

sup {
	bottom: 1ex;
}

sub {
	top: 1ex;
}

.clear {
    clear: both;
}

#container {
    width: 852px;
    height: 965px;
    background-color: #fff;
    margin: 27px 0 40px 28px;
}

    #spacer {
        width: 100%;
        height: 30px;
    }

    #header {
        width: 255px;
        height: 48px;
        margin-left: 28px;
        float: left;
        display: inline;
    }

    #header a {
        width: 114px;
        height: 48px;
        background: transparent url('../images/hma-logo.jpg') no-repeat;
        display: block;
        text-indent: -9999px;
    }

    #menu {
        float: left;
        display: inline;
        height: 65px;
        text-align: center;
    }
    
    #menu h1 {
        font-size: 2.4em;
        font-weight: bold;
        color: #DF022E;
        line-height: 30px;
    }

    #menu li {
        float: left;
        display: inline;
        margin-right: 40px;
    }

    #menu li.last {
        margin-right: 0
    }

    #menu a {
        font-size: 1.2em;
        text-transform: uppercase;
        font-weight: bold;
        color: #000;
        text-decoration: none;
        float: left;
    }

    #menu li.active ul a:hover,
    #menu li#current ul a:hover,
    #menu li.active a,
    #menu li#current a,
    #menu a:hover {
        color: #e20032;
    }

    #menu li.active ul a,
    #menu li#current ul a {
        color: #000;
    }


    #menu li li {
        clear: both;
        margin: 0;
    }

    #menu li li a {
        display: block;
        height: 17px;
        line-height: 20px;
    }

    #menu  #maximenuCK .menumain maximenuCK li.maximenuCK a.maximenuCK {
        font-size: 1.2em;
        color: #000;
        text-transform: uppercase;
        font-weight: normal;
    }

    #content {
        width: 200px;
        height: 810px; /* 822 - 12 */
        margin: 37px 0 0 58px;
        font-size: 1.2em;
        line-height: 16px;
        float: left;
        display: inline;
    }

        
        #extendedcontent a,
        #content a {
            text-decoration: none;
            color: #000;
        }

        #extendedcontent a:hover,             
        #content a:hover {
            color: #e20032;
        }

        #content h1.componentheading {
            font-size: 16px;
            color: #E50331;
        }


        #content h3 {
            margin-bottom: 18px;
        }

        #content ul.latestnews li {
            margin-bottom: 16px;
        }

        #content ul.latestnews li a {
            color: #0099cc;
            font-weight: bold;
        }
        
        #content ul.latestnews li a:hover {
            color: #E20032;
        }

        #content ul.latestnews li a.active {
            color: #E20032;
        }
        
        #content p {
            margin-bottom: 10px;
        }
        
        #content a {
            color: #009DE0;
            font-weight: bold;
        }
        
        #content p {
            line-height: 18px;
        }


    #extendedcontent {
        width: 460px;
        height: auto;
        float: left;
        display: inline;
        margin: 37px 0 0 25px;
        font-size: 1.2em;
        line-height: 18px;
    }
    
    address {
        font-style: normal;
        font-weight: bold;
    }

        #extendedcontent li {
            float: left;
            display: inline;
            margin: 0 18px 25px 0;
        }


            #extendedcontent p {
                line-height: 1.8em;
                margin-bottom: 1.0em;
            }

            #extendedcontent h1,
            #extendedcontent h2 {
                font-weight: bold;
            }

            #extendedcontent a,
            address a {
                color: #009DE0;
                font-weight: bold;
            }
            
            
    #footer {
        width: 200px;
        height: 12px;
        margin-left: 59px;
    }

    #footer ul {
        margin: 0;
    }
    
    #footer li {
        float: left;
        display: inline;
        margin-right: 20px;
    }

    #footer li.last {
        margin: 0;
    }

    #footer a {
        font-size: 1.2em;
        font-weight: bold;
        text-decoration: none;
        color: #000;
    }

    #footer a:hover {
        color: #e20032;
    }