/* The following are for the Navigation Bar */
.navTitle
{
    font-family: Helvetica, Arial, sans-serif;
    font-size:22pt;
    /* font-style:italic; */
    /* font-weight:bold; */
    color:#309;
}

.navButtons
{
    padding:3px;
    /* background:#bbf; */
    border-top: 2px solid #bbf;
    border-left: 5px solid #bbf;
}


input
{
    font-size:15px;
    background:none;
    border:none;
}

input[type=button]:hover
{
    cursor: pointer;
}

.navDesc
{
    margin-top:5px;
    padding-left:10px;
    font-family: Helvetica, Arial, sans-serif;
    font-size:13pt;
    /* font-style:italic; */
    color:#309;
}

.navPage
{
    font-size:16pt;
    /*font-style:normal;*/
    /* font-weight:bold; */
    /*font-variant:small-caps;*/
    /*text-decoration:underline;*/
}

/* The following are for main page links */
.linkTitle 
{ 
    clear:both; 
    margin-top:20px;
    padding-left:5px;
    padding-bottom:3px;
    padding-top:1px;
    font-family: Helvetica, Arial, sans-serif;
    font-size:13pt; 
    /* font-style:italic; */
    color:black;
    border-top: 2px solid #bbf;
    border-left: 5px solid #bbf;
}

.linkTitle:first-letter 
{ 
    font-size:13pt;  
}

.linkHr
{
    visibility:hidden;
}

.linkBody 
{
    font-family: Arial, Helvetica, sans-serif;
    padding-bottom:10px;
    padding-left:170px; 
}

.linkImage 
{ 
    padding-right:10px; 
    float:left; 
    padding-bottom: 10px;
}

.linkLink 
{
    font-family: Helvetica, Arial, sans-serif;
    /* background-color:#eef; */
    padding:2px 30px; 
    margin-left:170px;
}

.linkList
{
    font-family: Helvetica, Arial, sans-serif;
    /* background-color:#eef; */
    padding:2px 10px; 
    margin-bottom:5px;
    margin-left:170px; 
}

/* other settings */
.textBody
{
    font-family: Arial, Helvetica, sans-serif;
    padding:0 30px 10px 40px;
}

.pageTitle
{
    font-family: Helvetica, Arial, sans-serif;
    font-size:13pt; 
    /* font-style:italic; */
    color:#309
}

.pageLink
{
    background-color:#eef;
    padding:2px 30px; 
    margin-bottom:7px;
}

LI
{
    padding-bottom:10px;
}
/* Chapter Settings */
.menu {
	position:absolute;
	width:150px;
	top:135px;
	left:6px;
	padding: 3px;
	clear: none;
	float: left;
	font-family: Verdana, Geneva, sans-serif;

}
.content {
	position:absolute;
	top:150px;
	left:165px;
	clear:none;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #bbf;
	padding: 5px 20px 5px 10px;
    font-family: Arial, Helvetica, sans-serif;

}
.chapter
{
	font-family: Verdana, Geneva, sans-serif;
    padding-left:20px;
    font-size:10pt;
}
.chapterTitle
{
    font-family: Helvetica, Arial, sans-serif;
    font-size:15pt;
    /* font-style:italic; */
    /* font-weight:bold; */
    color:#309;
    padding-top: 10px;
    padding-left: 165px;
}    

/* used on PiousPuffin page */
.morelink
{
    font-family: 'Courier New', Courier, monospace;
    font-size:12pt;
    /* font-style:italic; */
    /* font-weight:bold; */
    text-decoration:none;
    padding-top:5px;
    padding-left:15px;
    color:#309;
}

.pLink
{
    text-decoration:none;
    color:black;
}

.puffinUpdates
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:9pt;
    padding-left:10px;
}
.puffinUpdates table
{
    font-size:9pt;
    border-collapse:collapse;
    border: 1px solid #74d;
}
.puffinUpdates th
{
    background-color: #bbf;
    border: 1px solid #74d;
}
.puffinUpdates td
{
    border: 1px solid #bbf;
}
.puffinUpdates td, .puffinUpdates th
{
    padding: 0 10px 0 10px;
}
.puffinUpdates input
{
    font-size:9px;
    background-color:#bbf;
}

div.puffin {
}
hr.puffinHr {
}
/* Flickr borders */
div.flickrBox {
    margin:0 auto;
    text-align: center;
    font-size: 12px;
    font-style: italic;
    color: #309;
}
div.flickrFrame {
    border: 2px solid black;
}

div.puffin div.leftPhoto {
    float: left;
    margin: 6px;
}
div.puffin div.rightPhoto {
    float: right;
    margin: 6px 20px 6px 6px;
}
div.puffin img.photo {
    border: none;
}