/* CSS Document */

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

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

/* Wrapper for entire page*/
.all {
padding-top: 10px;
text-align: center;
width: 100%;
}

/* page box */
.box {
margin-left: auto;
margin-right: auto;
text-align: left;
width: 720px;
padding: 30px;
}
.blogbox {
float: left;
text-align: left;
width: 300px;
background-color:#FFFFFF;
background:#FFFFFF url('images/box_top.gif');
background-repeat: no-repeat;
padding: 10px;
margin: 10px;
color: #333333;
}
.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:0px 0px 10px 0px; /*space between logo & nav bar */ /*top right bottom left */
text-align: center;
background-image: url(images/islandstring.jpg) ;
background-repeat: no-repeat;
background-position: top center;
}

.nav a, .nav a:hover, .nav a:visited {
	color: #463600;  /*  dark brown.  FFF0E6 off white */
	text-decoration:none;
	background: none;
	border-top:3px solid #463600; /*dark brown*/
	text-align: center;
	}
.nav a:hover {
	border-top:3px solid #F5D36D;
}

.blockquote {
margin: auto;
background-color: #FDF7E3;
border-top: 4px solid #F5D36D;
border-bottom: 4px solid #F5D36D;
padding: 5px 0px 5px 0px;
text-align: justify;
font-size: 70%;
font-style: italic;
color: #333333;
}

.content {
text-align: justify;
width: 450px;
background-attachment: scroll;
background-image: url(images/line-bg.jpg);
background-repeat: repeat-x;
background-position: left top;
/*background:#FFFFFF url('images/box_top.gif'); */
/*background-repeat: no-repeat;*/
padding:10px 10px 0px 10px;
margin: 10px;
color: #333333;
}

/*right hand nav */
.right {
float: right;
text-align: left;
width: 170px;
background-color:#FFFFFF;
background:#FFFFFF url('images/box_top.gif');
background-repeat: no-repeat;
padding: 10px;
margin: 10px;
color: #333333;
}
.floatleft {
	float: left;
	clear: left;
	}
.floatright {
	float: right;
	clear: right;
	}	
h1{
font-size: 110%;
font-weight: bold;
font-style:italic;
margin: 0px;
padding: 10px 0px 0px 0px; /*Top - right - bottom - left*/
}

h4{
font-size: 100%;
font-weight: bold;
font-style:italic;
margin: 0px;
padding: 0px 0px 15px 0px;
}

h6{
font-size: 70%;
font-style:italic;
margin: 0px;
padding: 0px;
}


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

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

a {
color: #463600;
text-decoration: underline;
background-color: #FFFFFF;
}

a:hover {
color: #463600;
text-decoration: none;
background-color: #FFFFFF;
}
.footer {
margin-left: auto;
margin-right: auto;
text-align: center;
width: 700px;
padding: 30px;
}