/* CSS Document */

/*********************************** LAYOUT ***************************************************/
html, body {
	margin:0;
	padding:0;
	height: 100%;
}

#container {
	position: relative;
	min-height: 100%;
    height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
}

html>body #container {
    height: auto;
	}

#content {
	padding-bottom: 24px;
}

#headerlinks {
	position:absolute;
	top:10px;
	left:800px;
	}

#pagetitle {
	width:100%;
	position:relative;
	margin-top:-28px;
	text-align:center;	
	}

#primaryphoto {
	text-align: center;
	}

/*	
#footer {
	width: 1004px; 
	padding-bottom: 10px;
}
*/

#footer {
	position: absolute;
	bottom: 0;
	padding-bottom: 10px;
	width: 100%;
}


/*********************************** LAYOUT ***************************************************/

#headerp1 {background:url(../images/pickwickdesign_01.jpg) no-repeat left top; width:270px; height:190px;}
#headerp2 {background:url(../images/pickwickdesign_02.jpg) no-repeat left top; width:510px; height:190px;}
#headerp3 {background:url(../images/pickwickdesign_03.jpg) no-repeat left top; width:224px; height:190px;}

.headerBG {background:url(../images/pickwickdesign_04.jpg) repeat-x;}
.navBG {background:url(../images/pickwicknav.jpg) repeat-y;}

body {
background-color:#cccc99;
background-image:url(../images/pickwicknav.jpg); background-repeat:repeat-y;
}


/*********************************** FORMAT ***************************************************/

body, p, div, td, th {
	color: #000000;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size:12px;
	line-height:1.4em;
}

.smallertext {
	font-size:11px;
	}
.smallertext div, .smallertext div p, .smallertext div a, .smallertext div table tr td, .smallertext div table tr th {
	font-size:11px;
	}
div.smallertext td, div.smallertext th {	
	font-size:11px;
	}
	
.largertext {
	font-size: 13px;
	}	
.largertext div, .largertext div p, .largertext div a, .largertext table tr td, .largertext table tr th {
	font-size: 13px;
	}

.headerlinks a {
	font-weight:bold;
    text-decoration: underline;	
}
.headerlinks a:link, .headerlinks a:visited {
    color: #000000;
}
.headerlinks a:hover {
    color: #006666;
	}
.headerlinks a:active {
    color: #669999;
}

h1 { 
	 font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; 
	 margin: .5em 0 .5em 0; padding: 0;	 
}
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; 
	 margin: .35em 0 .25em 0; padding: 0;	 
}
h3 {
	 font-family: Arial, Helvetica, sans-serif; font-size: 1.1em;
	 margin: .35em 0 .25em 0; padding: 0;
}
h4 {
	 font-family: Arial, Helvetica, sans-serif; font-size: 1.0em;
	 margin: .35em 0 .25em 0; padding: 0;
}

.pagetitle {
	color: #003333;
	font-family: Arial, Helvetica, sans-serif; font-size: 1.3em;
	font-weight:bold;
	margin:0 0 .5em 0;
	padding:0;
	text-align:center;
	}
	
.subtitle {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif; font-size: 1.1em;
	font-weight:bold;
	margin:-3px 0 .5em 0;
	padding:0;
	text-align:center;
	}	
	
.leftcolumn {
	width:65%;
	float:left;	
	}
.rightcolumn {
	width: 35%;
	float:right;	
	}		

.logolink a {position: absolute; height:70px; width:185px; top:20px; left:10px; text-decoration:none;}
.logolink a i {visibility:hidden;}


/* Side Nav */
.sidenav {
width:150px;
margin:15px 0 0 5px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
border-top:1px solid #669999;
}
.sidenav ul {
list-style:none;
margin:0;
padding:0;
width:100%;
}
.sidenav li {
/*position: relative; */
border-bottom:1px solid #669999;
}
.sidenav li a {
width:150px;
display:block;
padding:3px 0 3px 5px;
text-decoration:none;
}
.sidenav li a:link, .sidenav li a:visited {
color:#cccc99;
}
.sidenav li a:hover {
color:#003333;
background-color:#669999;
}
.sidenav li a:active {
color:#cccc99;
background-color:#669999;
}

.notice {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FF0000;
}

.contentsize {
	max-width:850px;
	min-width:600px;
	}

a {
    text-decoration: underline;	
}
a:link, a:visited {
    color: #000000;
}
a:hover {
    color: #006666;
	}
a:active {
    color: #669999;
}

a img {
	border:none;
}


.bold {font-weight:bold;}
.italic {font-style:italic;}


img a {border:none;}

.clear{ clear: both; }

.boxed {
	padding:5px;
	border: 1px solid #0066CC;
}

.linkbox {
	padding:5px;
	border: 3px solid #006666;
	background-color:#FFFFFF;
	text-align:center;	
	width:185px; height:185px;
}

.framed {
	padding:8px;
	border: 1px solid #999966;
	background-color:#FFFFFF;
	text-align:center;
}

.photolabel {
	font-size:13px;
	color:#000000;
	font-weight: bold;
}

.gallery a {
	text-decoration:none;
	font-size:13px;	
	font-weight: bold;
	padding-bottom:5px;
	}
	
.returntotop {
	font-weight:bold;
	margin-top: 24px;
	margin-bottom: 24px;
}	

div.music {
	width: 100%;
	margin:0;
}
div.music div {
	width: 300px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;	
}
div.music p {
	margin: 0;
	padding: 0 0 2px 0;
	font-size:11px;
	font-weight: bold;	
}
div.music embed {
	z-index:1;
	}
div.music a {
	margin: 0;
	padding:0;
	font-size:12px;	
	font-weight: bold;		
}


.footer {
	margin-top:10px;
	padding-left:150px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	text-align: center;
	}
.footer a {
	text-decoration:none;
	}
.footer a:link, .footer a:visited {
    color: #000000;
	}
.footer a:hover {
    color:#336666;
	}
.footer a:active {
    color:#669999;
	}