/* CSS Document */

/* Make sure all browsers define parent width */
html {
width:100%;
}

/* Body of the document */
body {
background-color:#7B8A71;
margin:0px;
padding:0px;
width:100%;
font-family: "Trebuchet MS", verdana, arial, "Times New Roman";
font-size:90%;
color:#000000;
line-height:140%;
}

/* Wrapper */
.all {
padding-top:0px;
text-align:center;
width:100%;
}

.intro {
margin-top:20px;
margin-left:auto;
margin-right:auto;
text-align:left;
width:560px;
background-color:#7B8A71;
color:#FFFFFF;
}

/* White box, contains the content */
.box {
border:0;
margin-left:auto;
margin-right:auto;
padding:20px;
margin-top:20px;
text-align:left;
width:520px;
background-color:#FFFFFF;
}

/* The Footer */
.footer {
border:0;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:20px;
padding:20px;
text-align:left;
width:520px;
background-color:#FFFFFF;
font-size:80%;
}

/* sets paragraph padding and margin to nothing*/
p {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.blocker {
height: 20px;
font-size: 1%;
color:#FFFFFF;
background-color:#FFFFFF;
}

/*left hand box, the grey content box*/
.left {
background-color:#8C8F85;
width:235px;
padding:5px;
color:#FFFFFF;
}

/*right hand side, menu box.*/
.right {
background-color:#FFFFFF;
float:right;
width:260px;
padding:2px;
padding-right:0px;
}

/*the now design logo*/
.siteby {
float:right;
width:110px;
font-size:80%;
text-align:right;
}

.menu {
background-color:#926A49;
text-align:left;
margin:0px 0px 0px 0px;
padding:5px;
padding-left: 0px;
}

.menu li, .menu ul {
list-style-type:none;
display:inline;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.menu a:link, .menu a:active, .menu a:visited {
background-color:#926A49;
color:#FFFFFF;
text-decoration:none;
padding:6px;
}

.menu a:hover {
background-attachment: scroll;
background-color: #896445;
background-image: url(../images/linebg.jpg);
background-repeat: repeat-x;
background-position: left top;
color:#FFFFFF;
text-decoration:none;
padding:6px;
}

.sections {
list-style-image: url(../images/bullet.gif);
padding:1px;
}

.sections a {
color:#686A55;
text-decoration:underline;
padding-left: 2px;
padding-right: 2px;
}

.sections a:hover {
color:#FFFFFF;
text-decoration:none;
background-color:#686A55;
padding-left: 2px;
padding-right: 2px;
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {
display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}
/* End hide from IE-mac */

/*default link styling*/
a:link, a:active, a:visited {
color:#000000;
text-decoration:underline;
background-color:#FFFFFF;
}

a:hover {
color:#000000;
text-decoration:none;
background-color:#FFFFFF;
}

/*default link styling*/
.left a:link, .left a:active, .left a:visited {
color:#FFFFFF;
text-decoration:underline;
background-color:#8C8F85;

}

.left a:hover {
color:#FFFFFF;
text-decoration:none;
background-color:#8C8F85;

}

h1 {
color:#FFFFFF;
font-weight:normal;
font-size:120%;
margin:0px;
padding:0px
}

.sections h1 {
color:#000000;
padding:5px;
padding-bottom:0px;
text-align:center;
}