body {
background: url('images/germiddle2.jpg') 50% 0;

}

h4 {
margin: 0px 0px 10px;
}

.nDepthHead {
width: 100%;
background-color: #333333;
text-align: right;
color: #cccccc;
height: 50px;
font-family: Arial;
font-size: 1em;
text-align: center;
font-weight: 600;
position: absolute;
top: 0;
left: 0;
}

/**************************************
	pencil nav
**************************************/



#pencil_nav_container {
height: 18px;
background-color: #1a1a1a;
width: 99%;
text-align: center;
overflow: hidden;
position: absolute;
top: 0;
z-index: 300;
}



#pencil_nav_container #mainnav {
display: block;
font-family: Arial,Helvetica,sans-serif;
height: 18px;
font-size: 11px;
font-weight: bold;
width: 980px;
margin-left: auto;
margin-right: auto;
}

#pencil_nav_container ul{
margin-top: 0px;
margin-bottom: 20px;
}

#pencil_nav_container #mainnav li {
display:inline;
vertical-align: middle;
float:left;
list-style-type:none;
text-align:center;
}

#pencil_nav_container #mainnav li a {
display:block;
padding-top:3px;
padding-bottom: 2px;
padding-right: 12px;
padding-left: 12px;
text-decoration:none;
background:#242424;
border-right:1px solid #666666;
color:#FFFFFF;
}
#pencil_nav_container #mainnav li.active a {
background:#605F5F;
}
#pencil_nav_container #mainnav a.active, #pencil_nav_container #mainnav li a:hover {
background-color:#830F0F;
}
#pencil_nav_container #mainnav li.red a {
background-color:#c00015;
border-right:1px solid #CC9999;
padding-top:3px;
padding-bottom: 2px;
padding-right: 12px;
padding-left: 12px;
}

#pencil_nav_container #mainnav li.red a:hover {
background-color:#8F5353;
}

#pencil_nav_container #mainnav li.last a {
border:medium none;
}

.pencil_hairline {
line-height: 0px;
border-bottom: 1px solid #CCC;
position: relative;
top: 20px;
width: 100%;
z-index: 300;
}

.nDepthHead a, .nDepthHead a:visited, nDepthHead a:active {
	color: #99ccff;
	text-decoration: none;
}

.nDepthHead a:hover {
	color: #99ccff;
	text-decoration: underline;
}

.nDepth {	
    background: url('images/geronimotop4.jpg')  no-repeat 50% 0; 
	position: relative; 
    z-index: 0;	
	
}

a.comments, a.comments:visited {
color: #99ccff;
text-decoration: none;
}

a.comments:hover, a.comments:focus {
text-decoration: underline;
outline: none;
}

a:hover, a:focus, a:active {
text-decoration: underline;
outline: none;
}




.nDepth p {
 font-family: Georgia; 
 font-size: 16px; 
 margin-top: 10px;
}

.container {
	margin: auto;
	width: 900px;
}



.timelineBox {
background-color:#d0ceb8;
padding:10px;
border: 2px solid black;
position: relative;
margin: 10px 0;
margin-left: -55px;
margin-top: -46px;
left:88px;
width:380px;
}

.timelineBox  a img{
border: none;
}

.timelineBox p  {
font-size: 80%;
}



#my-timeline {
height: 150px; 
border: 1px solid #aaa;
}

.storyBody {
 position: relative;
 left: 0px;
 background-color: transparent; 
 padding: 31px 20px 20px;
 font-family: Georgia; 
 font-size: 18px; 
 width: 860px;
 margin: auto;
}

.storyHead {
background-image: url('images/SANTA-TITLE.png');
width: 704px; 
height: 204px; 
margin: 3px 0px 3px 0px;
}

.subHead {
background-image: url('images/TRADITION.png');
width: 211px; 
height: 45px; 
margin: 3px 0px 3px 0px;
}

.capHead {
background-image: url('images/BRITTAIN-HATS.png');
width: 420px; 
height: 58px; 
margin: 3px 0px 3px 0px;
}



.ndepthBag {
    position: relative;
    background:transparent none repeat scroll 0 0;
    height: 252px;
}

.ndepthCon {      
   
    width: 100%;	
     padding: 0;
	 margin: 0;
}

html > body .ndeptheCon {      
   
     width: 100%;	
     padding: 0;
	 margin: 0;
}


.storyBottom {
padding-top: 10px;
position: absolute;
bottom: 10px;
}


.ndepthTicket {
    background:transparent none repeat scroll 0 0;
     padding: 0px 10px 10px 10px;	 
     margin: 0px auto;
     text-align: left;		 
	 width: 830px;
	 position: relative;
	 top: -30px;
}

.bigLetter {  
     float: left;   
	 padding-right: 5px;
	 padding-bottom: 5px;	
}

.ndepthFooter {
    background: transparent url('images/gerbottom2.jpg') no-repeat 50% 0;
	height: 624px;
	position: relative;
	display: block;
	bottom: -10px;
}

.ndepthMedia {
position: relative;
}

.ndepthMedia ul {
padding-left: 40px;
}

.Left {
float: left;
padding: 0px 10px 10px 0px;
}

.Right {
float: right;
}

.caption {
margin-top: 10px;
color: black; 
display: block; 
padding-top: 5px; 
font-size: 65%;
font-family: Arial;
padding: 10px;
line-height: 20px;
background-color: #efe7de;
}




.furtherReading p {
font-size: 80%;
}

.furtherReading h3 {
font-size: 90%;
}

.furtherReading i {
font-weight: bold;
}



.email {
font-size: 90%;
}

.border {
border-right: 2px solid #147ab3;
}

.matte {
background: #ffffff;
padding: 5px;
width: 800px;
}

.small {
font-size: 14px;
}

.medium {
font-size: 16px;
}

p.byline {
font-size: 17px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}