/*****************/
/*   MAIN BODY   */
/*****************/
body {
	font-size: 62.5%;
	margin: 0em auto;
	padding: 0em;
	background: url(http://nap.peterfkitz.com/images/img_background.gif) top center repeat-y;
  	font-family: Verdana,Tahoma, Arial,sans-serif;
}

#wrap {
	width: 76em;
	margin: 0em auto;
}

/**************/
/*   HEADER   */
/**************/
#header-section {
	width: 76em;
	margin: 0em 0em 0em 0em;
}

#header-background {
	width: 100%; 
	height: 100%;
	float: left;
	border: none;
	margin: 0em 0em 0em 0em;
}

#header-background-left {
	width: 20em;
	float: left;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	border: none;
}

#header-background-right {
	width: 56em;
	float: right;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	border: none;
}

#header {
	clear: both;
	margin: 0em 0em 1.5em 0em;
        border-top: solid 0.1em rgb(51,51,51);
	border-bottom: solid 0.1em rgb(51,51,51);	
        background-color: #E71106;
	text-transform: uppercase;
	line-height: 2.0em;
	height: 2.0em;
	color: rgb(255,255,255);
}

#header ul {	
	margin: 0em;
	padding: 0em;
	list-style: none;
	font-weight: bold;
	font-size: 1.0em;
}	

#header li {
	float: left;
	white-space: nowrap;
}

#header li a {
	display: block;
	padding: 0em 1.0em 0em 1.0em;
        border-right: solid 0.1em rgb(51,51,51);
        background-color: #E71106;	
	text-decoration: none;
	color: rgb(255,255,255);
}

#header a:hover {
        border-right: solid 0.1em rgb(51,51,51);
        background-color: #CC0000;			
	text-transform: uppercase;
	text-decoration: none;
	color: rgb(255,255,255);
}

#header .selected {
	padding: 0em 0.5em 0em 0.5em;
        border-right: solid 0.1em rgb(51,51,51);
        background-color: #CC0000;
	color: rgb(255,255,255);
}

#header .date {
        float: right;
	background-color: #E71106;	
	color: rgb(255,255,255);
        font-weight: 700;
}

* html #header a {width:1%;}



/***********************************/
/***   LEFT COLUMN - MAIN PAGE   ***/
/***********************************/

/* Sections */
/************/
#left-column-main-page {
	float: left;
	width: 57.5%;
	padding: 0em 0.6em 0em 0.7em;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
	line-height: 1.3em;
	font-size: 1.2em;
}

.left-column-main-page-left {
	float: left;
	width: 47.75%;
}

.left-column-main-page-right {
	float: right;
	width: 47.75%;
}

/* Box titlebars */
/*****************/

.left-column-main-page-box-title-red {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
        background-color: #E71106;
        font-weight: bold;
	color: rgb(255,255,255);
}


/* Box backgrounds */
/*******************/

/* Box backgrounds -  Full width boxes */
/***************************************/
.left-column-main-page-box-white {
	float: left;
	width: 100%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
}


/* Box backgrounds -  Half width boxes */
/**************************************/
.left-column-main-page-box-left-white {
	float: left;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
}


.left-column-main-page-box-right-white {
	float: right;
	width: 98%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
}


/* Text headings and paragraphs */
/********************************/
.left-column-main-page-box-white p.heading {
	margin: 1.0em 0em 1.0em 0em;
	font-weight: bold;
	font-size: 1.2em;
}

.left-column-main-page-box-white p.subheading {
	margin: 1.0em 0em 0.6em 0em;	
	font-weight: bold;
}

.left-column-main-page-box-white p {
	margin: 0em 0em 0.6em 0em;
}


.left-column-main-page-box-red p.heading {
	margin: 1.0em 0em 1.0em 0em;
	padding: 0em 1.0em 0em 0.8em;
	font-weight: bold;
	font-size: 1.2em;
}

.left-column-main-page-box-red p.subheading {
	margin: 1.0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
	font-weight: bold;
}

.left-column-main-page-box-red p {
	margin: 0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
}

.left-column-main-page-box-left-white p.heading {
	margin: 1.0em 0em 1.0em 0em;
	font-weight: bold;
	font-size: 1.2em;
}

.left-column-main-page-box-left-white p.subheading {
	margin: 1.0em 0em 0.6em 0em;
	font-weight: bold;
}

.left-column-main-page-box-left-white p {
	margin: 0em 0em 0.6em 0em;
}


.left-column-main-page-box-left-red p.heading {
	margin: 1.0em 0em 1.0em 0em;
	padding: 0em 1.0em 0em 0.8em;
	font-weight: bold;
	font-size: 1.2em;
}

.left-column-main-page-box-left-red p.subheading {
	margin: 1.0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
	font-weight: bold;
}

.left-column-main-page-box-left-red p {
	margin: 0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
}

.left-column-main-page-box-right-white p.heading {
	margin: 1.0em 0em 1.0em 0em;
	font-weight: bold;
	font-size: 1.2em;
}

.left-column-main-page-box-right-white p.subheading {
	margin: 1.0em 0em 0.6em 0em;
	font-weight: bold;
}

.left-column-main-page-box-right-white p {
	margin: 0em 0em 0.6em 0em;
}


.left-column-main-page-box-right-red p.heading {
	margin: 1.0em 0em 1.0em 0em;
	padding: 0em 1.0em 0em 0.8em;
	font-weight: bold;
	font-size: 1.2em;
}

.left-column-main-page-box-right-red p.subheading {
	margin: 1.0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
	font-weight: bold;
}

.left-column-main-page-box-right-red p {
	margin: 0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
}

/* Images */
/**********/
.left-column-main-page-img-left{
	float: left;
	margin: 0.3em 0.5em 0em 0em;
	border: solid 1px rgb(100,100,100);
}

.left-column-main-page-img-right{
	float: right;
	margin: 0.3em 0em 0em 0.5em;
	border: solid 1px rgb(100,100,100);	
}

/************************************/
/***   RIGHT COLUMN - MAIN PAGE   ***/
/************************************/
#right-column-main-page {
	float: right;
	width: 29.25%;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
	font-size: 1.1em;
}

.right-column-main-page-box-title-red {
	clear: both;
	display: block;
   	margin: 0em 0em 0.2em 0em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background-color: #E71106;;
	font-weight: bold;
	color: rgb(255,255,255);

}

.right-column-main-page-box-white {
	float: right;
	width: 91%;
	margin: 0em 0em 0.8em 0em;
	padding: 0.4em 0.4em 0.4em 0.4em;
	border: solid 0.1em rgb(200,200,200);
}	


.right-column-main-page-box-red {
	float: right;
	width: 91%;
	margin: 0em 0em 0.8em 0em;
	padding: 0.4em 0.4em 0.4em 0.4em;
	border: solid 0.1em rgb(200,200,200);
	background-color: rgb(255,219,219);		
}	

.right-column-main-page-box-white p {
	margin: 0.3em 0em 0.4em 0em;
}


.right-column-main-page-box-red p {
	margin: 0.3em 0em 0.4em 0em;
}

.right-column-main-page-img{
	float: right;
	margin: 1.0em 0em 0em 0em;
	border: solid 1px rgb(100,100,100);
}

/******************************/
/***   MIDDLE COLUMN LEFT   ***/
/******************************/
#middle-column-left {
	float: left;
	width: 40.75%;
	padding: 0em 0.6em 0em 0.7em;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
	line-height: 1.3em;
	font-size: 1.2em;
}

/********************************/
/***   MIDDLE COLUMN RIGHT   ****/
/********************************/
#middle-column-right {
	float: right;
	width: 40.75%;
	padding: 0em 0.6em 0em 0.7em;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
	line-height: 1.3em;
	font-size: 1.2em;
}

/***********************/
/***   LEFT COLUMN   ***/
/***********************/
#left-column {
	width: 20%;
	float: left;
	vertical-align: top;
	background-color: rgb(255,255,255);
	font-size: 1.1em;
	color: rgb(50,50,50);
}

#left-column ul {	
	width: 95%;
	padding: 0em;
	margin: 0em;
	list-style: none;
}	

#left-column li {
	margin: 0em 0em 0em 0em;
}

#left-column li a {
	display: block;
	padding: 0.3em 0.7em 0.2em 1.2em;
	border-left: solid 0.5em rgb(255,51,0);
        border-top: solid 0.1em rgb(51,51,51);
        background-color: #E71106;
	text-decoration: none;
	font-weight: normal;
	color: rgb(255,255,255);
	height: 1.3em;
}	
	
#left-column a:hover {
	border-left: solid 0.5em rgb(153,0,0);
	background-color: #CC0000;
	text-decoration: none;
	color: rgb(255,255,255);
}

#left-column .selected {
	display: block;
	padding: 0.3em 0.7em 0.2em 1.2em;
	border-left: solid 0.5em rgb(153,0,0);
	border-top: solid 0.1em rgb(51,51,51);
	background-color: #CC0000;
	font-weight: normal;
	color: rgb(255,255,255);
}

#left-column .left-navheader-first {
	display: block;
	margin: 0em 0em 1.0em 0em;
	padding: 0.3em 0.7em 0.3em 0.9em;
	border-left: solid 0em rgb(153,0,0);
	background-color: rgb(204,0,0);
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color: rgb(255,255,255);
}

#left-column .left-navheader {
	display: block;
	margin: 1.0em 0em 0em 0em;
	padding: 0.3em 0.7em 0.2em 0.4em;
	border-left: solid 0.5em rgb(255,51,0);
	background-color: rgb(204,0,0);
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color: rgb(255,255,255);
}

/*************************/
/***   MIDDLE COLUMN   ***/
/*************************/

/* Sections */
/************/
#middle-column-hobby {
	float: left;
	width: 70.5%;
	padding: 0em 0.6em 0em 0.7em;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
	line-height: 1.3em;
	font-size: 1.2em;
}


#middle-column {
	float: left;
	width: 57.5%;
	padding: 0em 0.6em 0em 0.7em;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
	line-height: 1.3em;
	font-size: 1.2em;
}

.middle-column-left {
	float: left;
	width: 47.75%;
}

.middle-column-right {
	float: right;
	width: 47.75%;
}

/************************/
/***   RIGHT COLUMN   ***/
/************************/
#right-column {
	float: right;
	width: 20%;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
	font-size: 1.1em;
}

/*****************************/

/***   MAIN BODY FOOTER    ***/

/*****************************/
#main-body-footer {

	clear: both;

	width: 76em;

	height: 2.5em;

	margin: 1.0em 0em 1.0em 0em;

	padding: 0.25em 0em 0.3em 0em;

	text-align: center;

	font-size: 1.0em;

}



/*******************/
/***   FOOTER    ***/
/*******************/
#footer {
	clear: both;
	float: left;
	width: 76em;
	height: 2.5em;
	margin: 1.0em 0em 1.0em 0em;
	padding: 0.25em 0em 0.3em 0em;
	/*border-top: solid 0.1em rgb(150,150,150);
	border-bottom: solid 0.1em rgb(150,150,100);*/
        border-top: solid 0.1em rgb(51,51,51);
	border-bottom: solid 0.1em rgb(51,51,51);	
	background-color: #E71106; /*Light*/
	text-align: center;
	color: rgb(255,255,255);
	font-size: 1.0em;
}

#footer a {
	background-color: #E71106;	
	text-decoration: underline;
	color: rgb(255,255,255);
}

#footer a:hover {
	background-color: #E71106;			
	text-decoration: none;
	color: rgb(255,255,255);
}

#footer .small {
        font-size: 0.885em;
}


/**************************/
/***   MISCELLANEOUS    ***/
/**************************/
a:hover {
	color: #CC0000;
	text-decoration: none;
	/*background-color: rgb(255,255,255);*/
}

a { color: #555555; 
    text-decoration: underline;
    /*background-color: rgb(255,255,255);*/
}

.tab_head { font-size: 1.35em;
            font-weight: 700;

}

.source  { font-size: 0.7em;
           text-indent: 2em;
           color: #990000;
}

/**************************/
/***    TABBER          ***/
/**************************/


/* $Id: example.css,v 1.3 2006/03/06 06:02:28 pat Exp $ */

/*--------------------------------------------------

  REQUIRED to hide the non-active tab content.

  But do not hide them in the print stylesheet!

  --------------------------------------------------*/

.tabberlive .tabbertabhide { display:none; }



/*--------------------------------------------------

  .tabber = before the tabber interface is set up

  .tabberlive = after the tabber interface is set up

  --------------------------------------------------*/

.tabber {}

.tabberlive {  margin-top: 1.5em;}



/*--------------------------------------------------

  ul.tabbernav = the tab navigation list

  li.tabberactive = the active tab

  --------------------------------------------------*/

ul.tabbernav{

	margin:0;

	padding: 3px 0;

	border-bottom: 1px solid #ccc;

	font: 11px "Trebuchet MS", "Tahoma", "Helvetica", "Arial", sans-serif;	

}



ul.tabbernav li{

	list-style: none;

	padding: 0;

	margin: 0;

	line-height: 1.0em;

	display: inline;

	}



ul.tabbernav li a{

	padding: 3px 0.5em;

	margin-right: 3px;

	border: 1px solid #999;

	border-bottom: none;

	/*background: #7aa612;*/
        background: #E71106;

	text-decoration: none;

	}



ul.tabbernav li a:link { color: #fff; }

ul.tabbernav li a:visited { color: #667; }



ul.tabbernav li a:hover{

	color: #fff;

	/*background-color: #4a7600;*/
        background-color: #CC0000; /*Dark*/

	}



ul.tabbernav li.tabberactive a{

	color: #333;

	border: 1px solid #ccc;

	border-bottom: none;

	background-color: #f5f5f5;

	border-bottom: 1px solid #f5f5f5;

	cursor: default;

	}



ul.tabbernav li.tabberactive a:hover{

	color: #000;

	background-color: #f5f5f5;

	border-bottom: 1px solid white;

}







/*--------------------------------------------------

  .tabbertab = the tab content

  Add style only after the tabber interface is set up (.tabberlive)

  --------------------------------------------------*/

.tabberlive .tabbertab {

 padding: 8px;

 font-size: 0.9em;

 border:1px solid #ccc;

 background-color: #f5f5f5;

 border-top:0;

}



/* If desired, hide the heading since a heading is provided by the tab */

.tabberlive .tabbertab h2 {

 display:none;

}



/* If desired, set a height and add a scrollbar */

.tabberlive#tab2 .tabbertab{

 height:200px;

 overflow:auto;

}



.tabberlive .tabbertab h3 {

	padding: 0;

	margin: 0;

	color: #555;

	}





#sidebar .tabberlive .tabbertab ul{

	padding-left: 0;

	}

#sidebar .tabberlive .tabbertab ul li{

	line-height: 1.2em;

	border-bottom: 1px solid #ddd;

	padding: 0.3em 0;

	}

#tabbertab td.score {

text-align: center;

font-weight: normal;

}