/* CSS Document */


body {
background: #fff;
margin: 0;
font: 10pt Verdana, Helvetica, Arial, Georgia;
color: #000;
letter-spacing: .1em;
}

div {
margin: 0;
border: 0;
padding: 0;
}

a {
text-decoration: none;
}

a.dottedunderline {
border-bottom: dotted #f00;
}

p.welcometext {
text-align: justify;
}

h5 {
color: #FF6600;
}

img.headimg {
float: left;
margin: 20px 0 0 20px;
}

img.slogan {
float: right;
margin: 30px 30px 0 0;
}

img.imageonleft {
float: left;
margin-right: 40px;
border: 1px solid #000;
}

span.purpletext {
color:#9933FF;
font-weight: bold;
}

span.greentext {
color:#006600;
font-weight: bold;
}

span.bluetext {
color:#00F;
font-weight: bold;
}


#wrapper {
width: 980px;
height: 900px;
margin: 0 auto;
}

#header {
position: relative;
float: left;
width: 100%;
height: 90px;
}

/* ---------------------------------------------------------- Navigation Area ------------------- */

#mainnavigation {
background-image: url(../images/navbar.jpg);
position: relative;
float: left;
width: 100%;
height: 25px;

}

ul.navlist {
list-style: none;
float: left;
width: 90%;
height: 25px;
margin: 0 0 0 5px;
padding: 4px 0;
}

ul.navlist li {
display: inline;
font-size: 90%;
padding: 0 4px;
letter-spacing: .1em;
}

ul.navlist li a {
color: #000;
padding: 4px 4px;
}

ul.navlist li a:hover {
background: #ad830e;
color: #fff;
padding: 4px 4px 3px 4px;
}

/* ------------------------------- Begin Left Column Area ------------- */

#leftcol {
position: relative;
float: left;
width: 610px;
height: 800px;
margin-top: 45px;
margin-left: 20px;
}


.section1 {
position: relative;
float: left;
width: 95%;
}


ul.tutlist {
list-style: none;
}

ul.tutlist li {
font-size: 110%;
padding: 3px 0;
}

/* -------------------------------- Disclaimer for Tutorials ------------- */

p.disclaimer {
font-weight: bold;
color: #f00;
text-align: center;
}

/* ------------------------------------------ Tutorials ------------------- */

#tutleftcol {
position: relative;
float: left;
width: 750px;
margin-top: 45px;
margin-left: 20px;
}

#tutleftcol img {
margin-bottom: 30px;
}

ol.spaceleft {
margin-left: 20px;
padding-left: 30px;
}

ol.spaceleft li {
margin-left: 20px;
padding-bottom: 5px;
}


/* ------------------------------------------- Contact "HELP" Form --------------- */

.contacthelp {
margin-left: 30px;
}




/* ----------------------------------- Begin Right Column Area ---------- */


#rightcol {
position: relative;
float: right;
width: 300px;
height: 800px;
margin: 25px 20px 0 0;
}

#footer {
position: relative;
clear: both;
float: left;
width: 100%;
margin-top: 20px;
text-align: center;
font-size: 75%;
}