/* I'm totally trippin' balls */

* {
margin: 0;
padding: 0;
}

body {
font-family: Verdana, Georgia, Verdana, Arial, Helvetica, sans-serif;
color: #555555;
background-color: #ffffff;
background-image: url(images/mainbg.gif);
background-repeat: no-repeat;
background-position: top left;
}

#topbar {
width: 100%;
height: 20px;
background-image: url(images/topbar.gif);
background-repeat: repeat-x;
}

/* Header */

#header-container {
width: 800px;
margin-top: 40px;
}

#logo {
width: 330px;
height: 90px;
float: left;
}

#navigation {
width: 470px;
height: 20px;
float: left;
padding-top: 35px;
}

#navigation a{
font-family: Verdana, Georgia, Verdana, Arial, Helvetica, sans-serif;
color: #b76f6a;
font-size: 10px;
padding-left: 20px;
text-decoration: none;
}

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

/* Tagline */

#tagline-container {
width: 100%;
margin-top: 40px;
background-color: #505050;
}

/* Content */

#content-container {
width: 800px;
font-size: 14px;
line-height: 20px;
}

#content-center {
width: 777px;
border-style: solid;
border-width: 1px;
border-color: #efeded;
float: left;
padding: 10px;
background-color: #f5f5f5;
}

#content-center h1{
color: #b8706b;
font-size: 12px;
font-weight: bold;
}

#content-center h2{
color: #555555;
font-size: 12px;
font-family: arial;
line-height: 24px;
text-decoration: underline;
}

#content-center a{
color: #555555;
}

#content-center a:visited{
text-decoration: underline;
color: #555555;
}


#content-center p {
color: #555555;
font-size: 12px;
font-family: arial;
line-height: 24px;
}

#content-center ul {
color: #555555;
font-size: 12px;
font-family: arial;
line-height: 24px;
margin-left: 20px;

list-style-position: outside;
list-style-image: url(images/arrow.gif);
}

#content-center img {
border-style: solid;
border-color: #cdcdcd;
border-width: 2px;
}

#content-left {
width: 400px;
float: left;
border-style: solid;
border-width: 1px;
border-color: #efeded;
padding: 10px;
background-color: #f5f5f5;
height: 400px;
}

#content-left h1{
color: #b8706b;
font-size: 12px;
font-weight: bold;
}

#content-left ul {
padding: 0px 0px 5px 13px;
}

#content-left a {
color: #b76f6a;
text-decoration: none;
}

#content-left a:hover {
color: #3b3a38;
}

#content-left p {
color: #555555;
font-size: 12px;
font-family: arial;
line-height: 24px;
}

#content-left img {
border-style: solid;
border-color: #cdcdcd;
border-width: 2px;
}

#content-right {
margin-left: 10px;
width: 340px;
float: right;
background-image: url(images/rightbg.gif);
background-repeat: none;
background-position: top right;
border-style: solid;
border-width: 1px;
border-color: #efeded;
padding: 10px;
background-color: #f5f5f5;
height: 400px;
}

#content-right h1{
color: #b8706b;
font-size: 12px;
font-weight: bold;
}

#content-right a{
color: #b76f6a;
}

#content-right a:visited{
text-decoration: underline;
color: #555555;
}


#content-right p {
color: #555555;
font-size: 12px;
font-family: arial;
line-height: 24px;
}

#content-right ul {
color: #555555;
font-size: 12px;
font-family: arial;
line-height: 24px;
margin-left: 20px;
list-style-position: outside;
list-style-image: url(images/arrow.gif);
}

#content-right a:hover{
color: #3b3a38;
}

#content-right img {
border: none;
padding: 3px;
}

.floatimgright {
float:left;
margin-top:8px;
margin-right:8px;
margin-bottom:1px;
}

/* Footer */

#footer-container {
width: 100%;
height: 100px;
background-image: url(images/footerbg.gif);
background-repeat: repeat-x;
float: left;
color: #ffffff;
font-size: 10px;
margin-top: 20px;
}

#footer {
margin-top: 60px;
width: 800px;
height: 30px;
}

#footer a{
color: #b76f6a;
border-style: dotted;
border-color: #b76f6a;
border-width: 0px 0px 1px 0px;
text-decoration: none;
}

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

a:visited {
color: #8aabaa;
text-decoration: none;
}