/* CSS Document */

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

/* Body of the document */
body {
background-color: #FFFFDD;
margin: 0px;
padding: 0px;
width: 100%;
font-family: "Trebuchet MS", verdana, arial, "Times New Roman", serif;
font-size: 80%;
color: #333333;
line-height: 150%;
}

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

/* Your box */
.box {
margin-left: auto;
margin-right: auto;
text-align: left;
width: 800px;
background-attachment: scroll;
background-image: url(images/line-bg.gif);
background-repeat: repeat;
background-position: left top;
padding: 10px;
}

.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 */

.header {
padding:5px 20px 15px 0px;
}

.footer {
padding:30px 20px 20px 0px;
}

.content {
text-align: justify;
width: 550px;
background-color:#FFFF99;
padding:20px 15px 0px 15px;
color: #333333;
}

.right {
float: right;
text-align: left;
width: 140px;
background-color:#FFFFFF;
padding: 10px;
color: #333333;
}

blockquote {
margin: 20px;
background-color: #FDF7E3;
border-top: 4px solid #F5D36D;
border-bottom: 4px solid #F5D36D;
padding: 10px;
text-align: justify;
color: #333333;
}

h1 {
font-size: 130%;
font-weight: bold;
margin: 0px;
padding: 0px;
}

ul, li {
list-style-type: square;
margin-left: 10px;
padding: 0px;
}

p {
margin: 0px;
padding: 0px;
}

a {
color: #3399FF;
text-decoration: underline;
background-color: ;
}

a:hover {
color: #0033CC;
text-decoration: none;
background-color: ;
}