body {
        background-color: #9f9f9f;
        margin: 0;
        padding: 0;
        text-align:center;
        font-family: arial;
        font-size: small;
        /*color: #f0f0a0;*/
        color: black;
    }
div {
        position:relative;
    }
h1 {
        margin-top: 5px;
        margin-bottom: 5px;
}
li {
    line-height: 130%;
}
#main_outer {
        margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
        position: relative;
        width: 820px;
        /*background: url(background.bmp) repeat;*/
        /*background-color: #FFFFB0;*/
        background-color: #FFFFFF;
        text-align: left;
}

#main_inner {
    width: 800px;    
    margin-left: 10px;
    margin-right: 10px;
}

#header {
        position: relative;        
        width: 100%;
        height: 100px;
        text-align: left;
        margin-bottom: 10px;
        padding-bottom: 0px;
	border-bottom: 2px black solid;
}

#header_image {
      left: -10px;
      width: 100%;
}

#top_right_corner {
    position: absolute;
    right: 0px;
    top: 0px;
    padding-top: 10px;
    width: 250px;
    height: 80px;
    font-size: small;
    text-align: right;
    font-style: italic;
    font-weight: bold;
}

#header h1 {
    font-family: verdana;
    font-size: xx-large;
}
#middle {
        width: 100%;
}
#navigation {
        position: absolute;
        top: 0px;
        left: -10px;
        width:120px;
        height: 300px;
        padding-left: 0px;
        padding-top: 30px;
        float:left;
        background-image: url(img/navigation.jpg);
		text-align: center;
}

#navigation p {
	margin-top: 8px;
}

#navigation a {
    font-family: verdana;
    font-size: medium;
    font-style:normal;
    font-weight:bold;
    line-height: 120%;
    text-decoration: none;
/*    text-transform:capitalize;*/
    color: black;
}

#navigation a:link {
}

#navigation a:hover {
    color: red;
}
#title_image {
	position: absolute;
	right: 0px;
	top: 0px;
}
#content {
        top: 10px;
        left: 120px;
        width: 500px;
		min-height: 450px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 10px;
        padding-bottom: 1%;
        text-align: justify;
        float: left;
}
#content-top {
        top: 0px;
        left: 120px;
        width: 500px;
        height: 20px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 10px;
        padding-bottom: 1%;
        text-align: justify;
        float: left;
		background-color: #FFFFCC;
		border-color: red;
		border-width: 2px;
		border-style: solid;
		font-weight: bold;
		text-align: center;
}

#content #title{
        top: 0px;
        left: 0px;
        width: 100%;
}
#content #title #image{
	position: absolute;
        bottom: 0px;
        right: 5px;        
}

#right {
        position:relative;
        top: 0px;
        right: 0px;
        width:150px;
        margin-left: 5px;
        margin-right: 5px;
        padding-left: 5px;
        margin-top: 10px;
        border-left: orange solid 0px;
        float:right;
        text-align:left;
}
#footer{
        width: 100%;
        text-align: center;
        clear:both;
	border-top: 1px black solid;
        margin-top: 10px;
        margin-bottom: 5px;
        padding-top: 1px;
        padding-bottom: 1px;
        font-size: small;
	font-family: courier;
	color: #b0b0b0;
}

#shadow_top {
    position: absolute;
    top: -20px;
    left: 0px;
    width: 100%;
    height: 20px;
    background: url(img/shadow_top.jpg) repeat-x;
}
#shadow_bottom {
    position: absolute;
    top: 100%;
    left: 0px;
    width: 100%;
    height: 20px;
    background: url(img/shadow_bottom.jpg) repeat-x;
}

#shadow_left {
    position: absolute;
    top: 0px;
    left: -20px;
    width: 20px;
    height: 100%;
    background: url(img/shadow_left.jpg) repeat-y;
}
#shadow_right {
    position: absolute;
    top: 0px;
    left: 100%;
    width: 20px;
    height: 100%;
    background: url(img/shadow_right.jpg) repeat-y;
}
#shadow_c1 {
    position: absolute;
    top: -20px;
    left: -20px;
    width: 20px;
    height: 20px;
    background: url(img/shadow_c1.jpg) no-repeat;
}
#shadow_c2 {
    position: absolute;
    top: -20px;
    left: 100%;
    width: 20px;
    height: 20px;
    background: url(img/shadow_c2.jpg) no-repeat;
}
#shadow_c3 {
    position: absolute;
    top: 100%;
    left: -20px;
    width: 20px;
    height: 20px;
    background: url(img/shadow_c3.jpg) no-repeat;
}
#shadow_c4 {
    position: absolute;
    top: 100%;
    left: 100%;
    width: 20px;
    height: 20px;
    background: url(img/shadow_c4.jpg) no-repeat;
}