@charset "utf-8";



/* CSS Document */





 #container



{

    margin:3px auto;

    width: 90%;

    background-color: #F1D9B9;

    background-image: url('../images/webmesaLEFTpic.jpg');

    color: #333;

    border: 1px solid gray;

    line-height: 130%;

    background-repeat: no-repeat;

    background-position: left 120px

}

/* this sizes the footer*/

h5 {text-align:right;

font-size:0.6em;}



#header{
    background-color:#BA6745;

    text-align:center;

    border-bottom: 0px solid gray;

    background-image: url('../images/webmesalogo.gif');

    background-repeat: no-repeat;

    background-position: 15px 15px;
     padding-left:0;  padding-top:0; padding-bottom:0em;


}







#header h1



{



padding: 0;



margin: 0;



}



#topnav {



color:red;

background-color:#8F0000;



}



#navcontainer

{

    background: #8F0000;

    font-size:.8em;

    



}



#navlist

{

list-style: none outside none;

margin: 0;

padding: 0;

}



@media all {

p {

    line-height: 1.8em;

}

#navlist {

text-align: center

}

}





#navlist li

{

bottom: 11px;

display: inline;

line-height: 1.2em;

margin: 0;

padding: 0;

position: relative;

}



html>body #navlist li

{

background: #000;

margin: 0px 3px 0 0;

padding: 4px 0px 4px 0;

font-weight:bold;

}

.title {

    color: #FFFFFF;

    background-color: #BA6745;

    padding: 0.2em;

}





#navlist a, #navlist a:link, #navlist a:visited

{

background: #DEB480;

border: 1px solid #FFF;

bottom: 2px;

color: #240807;

cursor: pointer;

display: inline;

height: 1em;

margin: 0;

padding: 5px 5px 3px 5px;

position: relative;

right: 2px;

text-decoration: none;

}



#navlist a:hover

{

background: #C00;

bottom: 1px;

color: #FFF;

position: relative;

right: 1px;

}



#navlist a:active

{

background: #999;

bottom: 0px;

color: red;

position: relative;

right: 0px;

}



#navlist li#active

{

background: red;

bottom: 13px;

display: inline;

margin: 0 3px 0 0;

padding: 0;

position: relative;

}



html>body #navlist li#active

{

background: #000;

margin: 0 4px 0 4px;

}



#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover

{

background: #003366;

border-bottom: none;

border-left: 1px solid #9CC;

border-right: 1px solid #9CC;

border-top: 1px solid #9CC;

bottom: 0;

color: #FFF;

cursor: text;

margin: 0;

padding: 2px 5px 0 5px;

position: relative;

right: 0;

}









#leftnav



{

    float: left;

    width: 140px;

    height:auto;

    margin: 0;

    padding: 0em;

    

    color:#444;



}

#sidecontainer {



margin-top:155px;



font-variant:small-caps;}



#sidecontainer ul

{

margin-left: 0;

padding-left: 0;

list-style-type: none;

font-family: Arial, Helvetica, sans-serif;

font-size: 0.8em;

}



#sidecontainer a

{

display: block;

padding: 3px;

margin-bottom:5px;



background-color: #036;

border: 1px solid #eee;

text-align:center;

}



#sidecontainer a:link, #sidelist a:visited

{

color: #EEE;

text-decoration: none;

}



#sidecontainer a:hover

{

background-color: #369;

color: #fff;

}







#rightnav



{

    float: right;

    width: 165px;

    margin: 0;

    padding: 1em;

    background-color:#240807;

    color:#aaa;

    font-family: Georgia, "Times New Roman", Times, serif;

    font-size:0.8em;



}









#content



{

    margin-left: 142px;

    margin-right: 190px;

    max-width: 100%;

    height:450px;

    background-color:#DEB480;

    color:#240807;

    background-image: url('../images/webmesaRIGHTpic.jpg');

    background-repeat: no-repeat;

    background-position: left -10px;



    font-size: 0.8em; padding-left:1em; padding-right:1em; padding-top:0.32em; padding-bottom:0em

}

    

#content ul {

margin-left:60px;

}



strong {

    font-variant: small-caps;

    font-size: 1.2em;

}



#footer {

    clear: both;

margin-bottom:-20px;

    color: #ccc;

    background-color: #A19088;

    border-top: 1px solid gray;



}





#leftnav p, #rightnav p { margin: 0 0 1em 0; }



#content h2 { margin: 0 0 .5em 0; }







body {

    font-family: Verdana, Arial, Helvetica, sans-serif;

}