body {
    background: url(images/background.jpg);
	font-family: Arial, sans-serif;
}

.center { 
	margin-left: auto;
	margin-right: auto;
}

.textcenter {
    text-align: center;
}

.left {
    float: left;
}
.right {
    float: right;
}

.shrinkToFit {
    display: table;
}

.clearboth {
    clear: both;
}

div.tl {
	background-position: top left;
    float: left;
}

div.tr {
	background-position: top right;
    float: right;
}

div.br {
	background-position: bottom right;
    float: right;
}

div.bl {
	background-position: bottom left;
    float: left;
}

/* Generic RR with a 46px curve and 6px border. */
.green_rr_cn, .green_rr_filled_cn {
    width: 46px; height: 46px;
    background-repeat: no-repeat;
}

.green_rr_cn {
    background-image: url(images/green_rr_border.gif);
}

.green_rr_filled_cn {
    background-image: url(images/green_rr_border_filled.gif);
}

.green_rr_middle {
    border-left: solid 6px #008000;
    border-right: solid 6px #008000;
}

.green_rr_top, .green_rr_filled_top {
    border-top: solid 6px #008000;
    height: 40px;
    margin: 0px 46px;
}

.green_rr_filled_top {
    background-color: #008000;
}

.green_rr_bottom {
    border-bottom: solid 6px #008000;
    height: 40px;
    margin: 0px 46px;
}


#logo {
    position: relative;
    top: 10px;
    width: 480px;
    /* For centering the image */
    margin-left: auto;
    margin-right: auto;
    display: block;
    z-index: 1;
}

/* Outer div to hold main rounded rectangle */
#mainarea {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    min-width: 754px;
}

#ma_top { 
	margin: 0px 120px 0px 120px;
	background: url(images/mainarea_top.png) repeat-x;
	height: 120px;
}

#ma_middle { 
	background: #fff4ca url(images/mainarea_bg.jpg) repeat-x;
	padding: 50px 12px 0px 12px;
	min-height: 360px;
	border-left: solid 6px #ffff00;
	border-right: solid 6px #ffff00;
    overflow: hidden;
}

#ma_bottom {
    margin: 0px 120px 0px 120px;
    background: url(images/mainarea_bottom.png) repeat-x;
    height: 120px;
}

#mainarea .ma_cn {
	position: relative;
	width: 120px; height: 120px;
    /* NB: Cannot use background or background-position will not inherit from
       .tl .tr .bl .br */
	background-image: url(images/mainarea_border.gif); 
    background-repeat: no-repeat;
}

/* CSS classes for a rounded rectangle with a green 6px border. */
.serving_cn {
	position: relative;
	width: 6px; height: 6px;
	/* Cannot use background shortcut property or background-position will not 
	   inherit from tl tr br bl */
	background-image: url(images/serving_border.gif);
	background-repeat: no-repeat;
}

#serving_middle {
	border-left: solid 6px #008000;
	border-right: solid 6px #008000;
	padding: 0px 6px;
    color: white;
    font-family: sans-serif;
    font-size: 24pt;
    background: #008000;
    text-align: center;
    width: auto;
}

.serving_edge {
	height: 6px;
	margin: 0px 6px;
	background-color: #008000;
}

/* This is the yellow navigation bar on every page but 'home'. */
#topnav {
    padding-top: 25px;
}

.topnav_cn {
    height: 10px;
    width: 10px;
    background-image: url(images/nav_rr_border.gif);
    background-repeat: no-repeat;
}

#topnav_top {
    height: 9px;
    border-top: solid 1px #008000;
    margin: 0px 10px;
    background-color: #ffff00;
}

#topnav_middle {
    border-left: solid 1px #008000;
    border-right: solid 1px #008000;
    padding: 0px 1%;
    color: #008000;
    background-color: #ffff00;
    font-size: 13pt;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
}

#topnav_middle .link {
    width: 18%;
    float:left;
}    

#topnav_middle .spacer {
    width: 2.4%;
    float:left;
}

#topnav_bottom {
    height: 9px;
    border-bottom: solid 1px #008000;
    margin: 0px 10px;
    background-color: #ffff00;
}

/* The "titlebar" displaying the page name. */
#titlebar {
    font-weight: bold;
    font-size: 24pt;
    color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-image: url(images/titlebar.gif);
    background-repeat: no-repeat;
    width: 242px;
    height: 86px;
    position:relative;
}

#titlebar_content {
    top: 50%; left: 50%;
    position: absolute;
    height: 52px;  width: 242px;
    margin-top: -26px;
    margin-left: -121px;
}

/* The links at the very bottom. */
.navlink {
    float: left;
    padding-bottom: 25px;
    border-bottom: solid 3px #000000;
    width: 19%;
    margin-top: 50px;
    margin-left: 0.5%;
    margin-right: 0.5%;
    text-align: center;
    font-size: 10pt;
}

.navlink a, #topnav_middle a {
    color: black;
    text-decoration: none;
}