/*
   Settings for anchor tags taken from these files:
     http://www.calvin.edu/includes/templates/global.css
     http://www.calvin.edu/academics/styles.css
*/
a { color:#333366; text-decoration: underline; background-color: transparent;}
a:hover  { color: #9999cc;}
a:active, a:focus { color: #666699; background-color: #ffffcc;}
a { text-decoration: underline; background-color: transparent;}
a:link { color: #333366;}
a:visited { }
a:hover  { color: #9999cc;}
a:active, a:focus { color: #666699; background-color: #ffffcc;}

/* standard appearance */
body {
    font-family: arial,lucidia;
    background-color: #ffffff;
}
hr {
    color: #993333;
    background-color: #993333
}
h1,h2 {
    color: #660000;
}
p {
    text-align: justify;
}

body { 
    width: 800px;
}

/* the three sections of a page */
#header {
    position: relative;
    left:0;
    top:0;
}
#main {
    position: relative;
    left:0;
    top:0;
    margin-right: 2%;
}
#footer {
    position: relative;
    left:0;
    top:0;
}

/* the header section content */
#header-content {
   position: relative;
   text-align: center;
}

/* main section */
#navigation {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 160px;
}
#main-content {
    position: relative;
    top: 0px;
    left: 160px;
    width: 80%;
    padding-left: 1%;
    border-left: solid 1px #993333;
}

/* bottom section */
#footer-picture {
    position: relative;
    top: 0;
    left: 0;
    width: 25%;
}

#footer-content {
    position: absolute;
    top: 0;
    padding-left: 250px;
    padding-top: 10px;
    padding-right: 10px;
    font-size: 60%;
    color: #993333;
}

/* Special formatting */
#footer a.hidden {
    border: none;
}

#footer a.hidden img {
    border: none;
}

.inlinenav {
    font-size: 60%;
}

/* section navigation appearance */
#navigation ul {
    list-style: none;
    padding: 1em 1em 1em 0;
    width: 80%;
}
#navigation a {
    text-decoration: none;
    color: #333366;
    display: block;
    border: 1px solid;
    border-color: #d7d0c3 #d7d0c3 #d7d0c3 #d7d0c3;
    border-width: 1px 1px 1px 1px;
    padding: 1px;
    margin: 2% 0% 2% 5%;
    width: 95%;
}
#navigation a:hover {
    border: 1px solid #660000;
    background-color: #993333;
    color: white;
    text-decoration: none;
}

#main-navigation {
    background-color: #d7d0c3;
    border: 1px solid;
    border-color: #993333;
    border-width: 1px 0px 1px 1px;
}

#submenu-navigation {
	margin-top: 1px;
	font-size: 75%;
	border: 1px solid;
	border-color: white;
        border-top-width: 1px;
        border-bottom-width: 0px;
        border-left-width: 0px;
        border-right-width: 0px;
}

#submenu-navigation a {
    border-color: white white white white;
}

/* main content appearance */
#main-content h2 {
    border: 1px solid #660000;
    text-decoration: none;
    background-color: #993333;
    color: white;
}