/*-------------------------------------------
BY: gfxlaredo.com
Version: .08
-------------------------------------------*/

* {margin: 0; padding: 0;}

body {
/*background-image: url(images/bg.gif);*/
margin: 15px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
background-color: #666633;
}

/*-------------------------------------------
         L A Y O U T   S T Y L E 
-------------------------------------------*/

#wrapper {
width: 743px;
border: 1px solid #333300;
background-color: #FFFFFF;
margin: auto;
}

#top {
background-color: #B6B684;
}

#topnavi {
font-size: .8em;
height: 25px;
margin-bottom: 3em;
background-color: #999966;
background-image: url(images/topbar_bg.gif);
background-repeat: repeat-x;
}

#side {
float: right;
padding: 0 10px 0 0;
width: 183px;
color: #666666;
font-size: .6em;
}

#content {
margin: 0 200px 0 15px;
padding: 10px 20px 0 10px;
border-right: 1px solid #F1F1F1;
font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
font-size: .7em;
line-height: 1.6em;
color: #666;
}

#footer {
color: #999999;
font-size: .7em;
text-align: center;
clear: both;
margin: 3em 0 .2em 0;
background-color: #FFF;
border-top: 1px solid #F1F1F1;
}

/*-------------------------------------------
        G L O B A L   S T Y L E 
-------------------------------------------*/

p {
padding: 0 1em 1.5em 1em;
font-size: 1.1em;
}

h1, h2, h3 {
color: #666666;
text-transform: uppercase;
margin: 0 0 1.5em 0;
clear: left;
}

h1, h2 {
font-size: 1.2em;
word-spacing: 2px;
padding: .1em .5em;
background-color: #f9f9f9;
border: 1px solid #eaeaea;
}

a:link, a:visited, a:active {
color: #666;
text-decoration: underline;
font-weight: bold;
}

a:hover {
color: #000;
text-decoration: underline;
}

li {
text-transform: uppercase;
list-style-position: inside;
}

#content ul {
margin-bottom: 1em;
}

#content ol {
margin-bottom: 1em;
}

#content img {
float: left;
margin: 0 10px 10px 0;
}

.qoute {
font-weight: bold;
line-height: normal;
margin-bottom: 2em;
padding: 10px;
color: #999966;
background-color: #ffffcc;
border: 1px solid #999966;
}

/*-------------------------------------------
      S I D E   A R E A   S T Y L E
-------------------------------------------*/

#side p {
padding: 0 1em;
}

#side h1 {
font-size: 1.2em;
padding: .1em;
margin: 0 0 1em 0;
border-top: 1px solid #f1f1f1;
border-bottom: 1px solid #f1f1f1;
}

.submenu {
list-style-type: none;
margin: 0 0 2em 0;
}

#side a {
text-decoration: none;
}

#side li {
list-style: square inside;
color: #996;
}

/*-------------------------------------------
        T O P    N A V I G A T I O N
-------------------------------------------*/

#navlist ul, #navlist li {
display: inline;
list-style-type: none;
}

#navlist a {
color: #FFFFCC;
display: block;
height: 21px;
width: 140px;
text-transform: uppercase;
text-align: center;
text-decoration: none;
}

#navlist a:link, #navlist a:visited {
padding-top: 4px; 
float: left;
background-image: url(images/button.gif);
}

#navlist a:hover {
background-image: url(images/buttonh.gif); 
}