﻿body 
{    
    background:#FFF url(img/stripe_bg.jpg);
    font-family:Candara, Verdana;
    font-size: .8em;
    line-height:18px;
    color:#333;
}

.ValidateMessage {color: red;}

a {color:#00C;text-decoration:none;}

a:hover{text-decoration:underline;}

h{color:#000;}
h1{font-size:2em;font-style:italic;}
h2{font-size:1.5em;}
h3{font-size:1em;}

blockquote
{
    font-weight:bold;
    font-size:1em;
    font-style:oblique;
    font-family:Trebuchet MS, Candara, Arial;
    color:#666;
}

label{width:100px;}

#shell 
{
    background:#fffbc3 url(img/header.jpg) no-repeat top center;
    width:920px;
    height:600px;
    padding:0;
    margin:20px 0;
    border:solid 1px #000;
}

#header 
{
    width:920px;
    height:100px;
    margin:0;
    padding:0;
}

 #header .input {width:150px;}
 
#nav 
{
    width:914px;
    height:28px;
    padding:5px;
    margin-top:-2px;
    font-size:1.2em;
    text-transform:uppercase;
    letter-spacing:+2;
    float:right;
}

#nav ul
{
    list-style-type:none;
    margin:0px;
    width:910px;
    padding-right:4px;
    float:right;
}

#nav li {display:inline-block;float:right;}

#nav a
{
    display:inline-block;
    height:17px;
    padding: 8px 20px 4px 20px;
    border-left:solid 1px #FFF;
    border-right:solid 1px #FFF;
    color:#FFF;
    font-weight:bold;
    text-decoration:none;
}

#nav a:hover{background:#FFF;color:#000;}

#side
{
    width:185px;
    height:395px;
    float:right;
    padding: 19px 15px 0px 15px;
    margin-right:7px;
    background:#FFF url(img/side_bg.jpg) repeat-x top center;
    border-left:solid 2px #333;
    border-right:solid 2px #333;
    text-align:justify;
}

#main 
{
    width:650px;
    height:385px;
    margin:15px;
    text-align:justify;
    float:left;
}

#footer 
{
    width:920px;
    
    height:20px;
    vertical-align:middle;
    text-align:center;
    background:#000;
    color:#FFF;
    padding:12px 0;
    font-size:.8em;
    text-transform:uppercase;
    font-family:Verdana;
    line-height:15px;
}

#footer a {color:#FFF;text-decoration:underline;}

#footer a:hover {text-decoration:none;}

a.sysreqs {
display: block;
width: 150px;
height: 120px;
background: url("img/PDF/systemrequirements.png") 0 0 no-repeat;
text-decoration: none;
}

a:hover.sysreqs {background-position: -150px 0;}

a.manual {
display: block;
width: 130px;
height: 120px;
background: url("img/PDF/manual.png") 0 0 no-repeat;
text-decoration: none;
}

a:hover.manual {background-position: -130px 0;}

a.installation {
display: block;
width: 130px;
height: 120px;
background: url("img/PDF/installation.png") 0 0 no-repeat;
text-decoration: none;
}

a:hover.installation {background-position: -130px 0;}

a.quickreference {
display: block;
width: 130px;
height: 120px;
background: url("img/PDF/quickreference.png") 0 0 no-repeat;
text-decoration: none;
}

a:hover.quickreference {background-position: -130px 0;}


a.manualOFF {
display: block;
width: 130px;
height: 120px;
background: url("img/PDF/manual_off.png") 0 0 no-repeat;
text-decoration: none;
}


a.installationOFF {
display: block;
width: 130px;
height: 120px;
background: url("img/PDF/installation_off.png") 0 0 no-repeat;
text-decoration: none;
}


a.quickreferenceOFF {
display: block;
width: 130px;
height: 120px;
background: url("img/PDF/quickref_off.png") 0 0 no-repeat;
text-decoration: none;
}


