body {
    font-family: Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    line-height: 18px;
}

.hidden { display: none; }
div , form { margin: 0; padding: 0; }
a, a:visited, a:hover {
    text-decoration: none;
    color: #822aa4;
}
h1 {
    font-weight: normal;
    font-size: 210%;
    margin: 0;
}
h1 a, h1 a:hover, h1 a:visited { color: black; }
h2 { margin: 0; }
h4 { color: #0091cd; }

#mainWrapper {
    width: 950px;
    margin: 1em auto;
    padding: 0;
    border: 1px solid #c59cd4;;
}

#headerWrapper {
    width: 950px;
    height: 133px;
    float: left;
    border-top: 6px solid #6e1581;
}

#logo {
    width: 478px;
    height: 86px;
    float: left;
    background-image: url(../images/acorn-logo.jpg);
}

#top-image {
    width: 212px;
    height: 95px;
    float: right;
    background-image: url(../images/new-logo.png);
}

#staticNav {
    width: 945px;
    height: 34px;
    float: left;
    padding: 0 0 0 5px;
    background-image: url(../images/menu-bg.jpg);
}

#staticNav ul {
    margin-top: 5px;
    width: 100%;
    padding: 0;
}

#staticNav li {
    list-style-type: none;
    float: left;
    color: #FFF;
    padding: 3px 11px 0 12px;
}

#staticNav a {
    text-decoration: none;
    color: #FFF;
}

#staticNav a:hover { text-decoration: underline; }

#bottom-image {
    width: 212px;
    height: 38px;
    float: right;
    background-image: url(../images/bottom-img.png);
}

#mainImages {
    float: left;
    width: 950px;
    height: 194px;
}

#image1 {
    float: left;
    width: 473px;
    height: 194px;
    background-image: url(../images/main.jpg);
}

#image2 {
    float: left;
    width: 473px;
    height: 194px;
    margin-left: 4px;
    background-image: url(../images/main1.jpg);
}

#image3 {
    float: left;
    width: 473px;
    height: 194px;
    background-image: url(../images/main2.jpg);
}

#image4 {
    float: left;
    width: 473px;
    height: 194px;
    margin-left: 4px;
    background-image: url(../images/main3.jpg);
}

#greyBoxes {
    float: left;
    width: 950px;
    height: 56px;
}

#box1 {
    float: left;
    width: 453px;
    height: 56px;
    padding: 0 10px;
    font-size: 13px;
    font-weight: bold;
    background-color: #dcdcdc;
}

#box2 {
    float: left;
    width: 453px;
    height: 56px;
    margin-left: 4px;
    padding: 0 10px;
    font-size: 13px;
    font-weight: bold;
    background-color: #dcdcdc;
}

#box1 p { margin: 10px; }
#box2 p { margin: 10px; }

#mainContent {
    width: 950px;
    min-height: 460px;
    _height: 460px;
    float: left;
    margin: 3px 0;
    border-top: 4px solid #6e1581;
}

#menuWrapper {
    padding: 0 10px 0 24px;
    width: 190px;
    height: 481px;
    float: left;
    background-image: url(../images/purple-bg.jpg);
}

#menuWrapper ul {
    list-style-image: url(../images/arrow.png);
    margin: 5px 0 0 15px;
    padding: 0;
}

#menuWrapper ul li {
    list-style-type: none;
    margin: 12px 0 0;
    width: 150px;
}

#menuWrapper ul li a {
    color: #FFF;
}

#leftSide {
    width: 224px;
    height: 600px;
    float: left;
}

#nafd {
    width: 120px;
    height: 120px;
    text-align: center;
    margin: 40px auto 0px;
}

#content {
    padding: 0 20px;
    width: 686px;
    min-height: 440px;
    _height: 440px;
    float: left;
    margin-top: 20px;
}

.footer {
	width: 950px;
	float: left;
        background-color: #c59cd4;
	text-align: center;
	height: 70px;
        line-height: 13px;
}

.footer ul.nostyle li a, span.med a {
	color: black; 
        font-weight: bold;
}

.footer ul.nostyle li a:hover {
	color: #6e1581;
}

span.med {
	font-size: 10px;
        color: black;
}
#clear {
	width: 950px;
	height: 1px;
	line-height: 1px;
	clear: both;
}