/*
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:#26404f;
text-decoration:none;
}

#top-nav a:hover,a:active
{
color: white;
background-color:#203a49;
}

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

#header {
background-color:#95aab9;
background-image:url('images/gradient.jpg');
height: 140px;
margin-bottom: 1em;
border-top-left-radius:15px;
border-top-right-radius:15px;
padding: 15px;
}

h1 {
font-family: "arial narrow", sans-serif;
font-size:325%;
letter-spacing: 2px;
margin-top: .5em;
margin-bottom:.5em;
color: #ffffff;
}

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

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

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

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

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

.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.navborder {
border-bottom: 1px dotted black;
}

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

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

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

#course {
width: 928px;
Height: 120px;
float: left;
padding: 15px;
border-top: 2px solid #95aab9;
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.75;
}

#course a:link, a:visited
{
color:#463e3f;
text-decoration:none;
}

#course a:hover,a:active
{
color: #ffffff;
background-color:#203a49;
}

.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: #95aab9;
}




