/*
CSS for Week 10 Assignment - Dave Windahl, VCIM 1570
*/

*{
padding:0;
margin:0;
}

body {
font-family: arial, sans-serif;
font-size: .8em;
line-height: 1.5em;
background-color: black;
}

p {
margin-bottom: .5em;
margin-top: .5em;
}

#wrapper {
width: 1000px;
background-color:white;
margin: 20px auto;
padding: 0 20px;
}

/*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;
}

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

#header {
position: relative;
left: -20px;
height: 85px;
width: 995px;
margin-bottom: 1em;
padding: 15px;
padding-left:30px;
background-color: #EEE8CD;
}

h1 {
font-family: "trebuchet MS", verdana, helvetica, arial, sans-serif;
font-size:300%;
margin-top: .5em;
margin-bottom:.5em;
color: #555555;
}

#header h2 {
font-family: "trebuchet MS", verdana, helvetica, arial, sans-serif;
font-size:150%;
letter-spacing: 2px;
margin-bottom:.5em;
color: #555555;
}

/*
Main Text Section ---------------------------
*/

#textblock {
margin: 15px;
}

#textblock h2 {
font-family: "trebuchet MS", verdana, helvetica, arial, sans-serif;
color: #006ea3;
margin-top: .25em;
margin-bottom:.5em;
padding-top: 15px;
}

#textblock ul {
margin-left: 20px;
list-style-type: square;
}

/*
New Sliced Image Section ---------------------------
*/

#imagecontainer {
position: relative;
width:960px;
height:506px;
}

#imageheader {
position:absolute;
width:960px;
height:160px;
background-image:url('images/brown-bg.jpg');
}

#triclogo {
position: absolute;
top: 20px;
left: 20px;
}

#registration {
position: absolute;
top: 10px;
left: 129px;
color: #008c99;
font-size:8px;
}

#searchtext p {
color: #ffffff;
position: absolute;
top: 16px;
left:730px;
}

#searchbox {
position: absolute;
top:20px;
left:780px;
}

#topnav {
position: absolute;
top:125px;
left:585px;
}

#topnav a:link { 
color: #008c99;
text-decoration: none;
}

#topnav a:visited {
color: #008c99;
text-decoration: none;
}

#topnav a:hover {
color: #ffffff;
}

#topnav ul {
list-style-type: none;
}

#topnav li {
display: inline;
margin-left: 10px;
}

#navigation a:link, a:visited { 
color: white;
text-decoration: none;
}

#navigation a:hover {
color: #433a31;
}

#navigation {
text-align: center;
}

#navleft {
position:absolute;
left:0px;
top:160px;
padding-top: 10px;
width:367px;
height:74px;
background-image:url('images/orange-bg.jpg');
}

#navleft a {
display: block;
}

#navcenter {
position:absolute;
left:367px;
top:160px;
padding-top: 10px;
width:289px;
height:74px;
background-image:url('images/orange-bg.jpg');
border-left: 1px solid white;
border-right: 1px solid white;
}

#navcenter a {
display: block;
}

#navright {
position:absolute;
left:658px;
top:160px;
padding-top: 10px;
width:302px;
height:74px;
background-image:url('images/orange-bg.jpg');
}

#navright a {
display: block;
}

.smalltext {
font-size: 12px;
}

.largetext {
font-size: 22px;
}

#mainimage {
position:absolute;
left:0px;
top:234px;
width:960px;
height:225px;
}
	
#imagefooter {
position:absolute;
left:0px;
top:459px;
width:960px;
height:47px;
}

/*
Tutorial Section and Footer ---------------------------
*/

#tutorials ul {
margin: 15px;
padding-bottom: 15px;
list-style-type: square;
}

#tutorials a:visited {
color: #800080;
}

#footer {
float:left;
padding-left: 15px;
font-size: .75em;
color: #ffffff;
background-color: black;
}