/*
CSS for Midterm Project Homepage - Dave Windahl, VCIM 1570
*/

*{
padding:0;
margin:0;
}

body {
color:#463e3f;
font-family: verdana, helvetica, arial, sans-serif;
font-size: .8em;
line-height: 1.5em;
}

#wrapper {
width: 960px;
background-color:white;
margin: 0 auto;
}

/*
Top-Nav Section ---------------------------
*/

#top-nav {
margin-top: .5em;
color:#008d99;
}

#top-nav li {
list-style-type: none;
display: inline;
color:#008d99;
}

#top-nav a {
display: inline;
}

#top-nav a:link, a:visited
{
color:#008d99;
text-decoration:none;
}

#top-nav a:hover,a:active
{
color: white;
background-color:#008d99;
}

/*
Header Section ---------------------------
*/

#header {
background-color: #e9efff;
height: 140px;
margin-bottom: 1em;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom: 15px solid #193fa9;
padding: 15px;
}

h1 {
font-family: "arial narrow", sans-serif;
font-size:400%;
margin-top: .5em;
margin-bottom:.5em;
color: #193fa9;
}

#header h2 {
font-family: "arial narrow", sans-serif;
font-size:200%;
letter-spacing: 2px;
margin-top: .5em;
margin-bottom:.5em;
color: #193fa9;
}

#header h3 {
font-family: "arial narrow", sans-serif;
font-size:150%;
letter-spacing: 2px;
margin-top: .5em;
margin-bottom:.5em;
color: #08c31f;
}

#header h4 {
font-family: "arial narrow", sans-serif;
font-size:150%;
letter-spacing: 2px;
margin-top: .5em;
margin-bottom:.5em;
color: #08c31f;
text-align: right;
}

/*
Center Section ---------------------------
*/

.copybox {
width: 288px;
height: 250px;
float: left;
padding: 15px;
border-right: 2px dotted #92afff;
}

.copybox h2 {
font-family:"arial narrow", sans-serif;
font-size: x-large;
padding-bottom: 10px;
color: #0acf00;
}

.copybox ul {
margin: 15px;
list-style-type: square;
}

#navigation {
float: left;
width: 288px;
height: 250px;
padding: 15px;
}

#navigation h2 {
font-family:"arial narrow", sans-serif;
font-size: x-large;
padding-bottom: 10px;
color: #08c31f;
}

#navigation ul {
width: 285px;
}

#navigation li {
display: block;
float: left;
list-style-type: none;
width: 140px;
}

#navigation a {
display: block;
width: 120px;
height: 16px;
text-align:center;
}

#navigation a:link,a:visited
{
display:block;
color:black;
background-color:#e9efff;
border-top: 1px dotted black;
text-align:center;
padding:5px;
text-decoration:none;
}

#navigation a:hover,a:active
{
color: white;
background-color:#193fa9;
border-top: 1px dotted white;
}

/*
Bottom Section and Footer ---------------------------
*/

#course {
width: 928px;
Height: 120px;
float: left;
padding: 15px;
border-top: 2px solid #92afff;
margin-top: 1em;
color: #463e3f;
}

#course h3 {
font-family:"arial narrow", sans-serif;
font-size: large;
padding-bottom: 5px;
color: #08c31f;
}

#course img {
padding-left: 15px;
}

#course img:hover {
opacity:0.5;
}

#course a:link, a:visited
{
color:#008d99;
text-decoration:none;
}

#course a:hover,a:active
{
color: #ffffff;
background-color:#008d99;
}

.floatright {
float: right;
}

.floatleft {
float: left;
}

#footer {
width: 945px;
margin-bottom: 1em;
float:left;
padding-left: 15px;
font-size: .75em;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
background-color: #e9efff;
}

/*CSS for Home Link Button*/

#homelinkbutton {
position:absolute;
top: 0;
left: 5px;
}

#homelinkbutton a.homebutton:link {
font-family: helvetica, arial, sans-serif;
font-weight: normal;
font-size: 1.1em;
display: block;
color: #FFFFFF;
background-color: #08c31f;
width: 80px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
text-align: center;
padding: 5px;
text-decoration: none;
}

#homelinkbutton a.homebutton:visited {
color: #ffffff;
}

#homelinkbutton a.homebutton:hover {
background-color: #a8a8a8;
}