/* CSS Document */

html {
	 background-color:#FFFFCC;
	/* background: #ADA189; */
}
body {
    
	width:60.5em; /* this is the centre column max width */
	text-align: left;
	font-size: 1em;
	font-weight: normal;
	font-family: Helvetica, Trebuchet MS, Trebuchet, Verdana, Arial;
	margin: 0 auto 0 auto; /* values: top right bottom left - centres column */
	padding: 0 0 2em 0; /* makes space at bottom of the frame */
	
}
#container {
	/*border: border-width:thick; border-style:inset; color:#003366;
	/*blue thick solid; */
	position:relative;
	width:60.5em;
	background:#CCCCCC;
	/*:#FFFFFF;*/
}

#header {
	/* border:blue thick dotted; */
	position:relative;
	height: 140px;
	width: 60.5em;
	background-image: url(../logos/FFKnoxHeader.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-color:#002654;
	
	 
}

/* This CSS code handles the visibility of the cascading dropdown ul tags */
/* Menú Top
*******************************************************************/

#nav-position{ /* This positions the navigation on the page rel to page centre*/
	/* border: red thin dotted; */
	position: absolute;
	text-align: right;
	top: 5.3em;
	_top: 100px;
	left: 38%;
	margin: 0;
	padding: 0;
	width: 590px;
	z-index:1000; /* Forces the layer to front */
}
.current-page { /* This is the page that the user is currently viewing*/
	float: left;
	text-align: center;
	background-color:#CC3333;
	color:	#FFFFFF; 
	font-size:0.8em;
	padding: 0.2em 0.7em 0.2em 0.7em;
	font-weight: bold;
	font-family:  arial, Helvetica, verdana, sans-serif;
	text-decoration: none;
}
#menutop, #menutop ul {
	/* border: green thin dashed; */
	width: 32em; 
	list-style-type: none;
}
#menutop li { 
	float: left;
	text-align: left;
	width: auto;
}
#menutop a { 
	display: block;
	padding: 0.2em 0.7em 0.2em 0.7em;
	color: #FFFFFF;
	background-color: #CC0000;
	font-size: 0.8em;
	font-weight: bold;
	font-family:  arial, Helvetica, verdana, sans-serif;
	text-align: center;
	text-decoration: none;
}
#menutop li ul { /* This css makes the ul invisible until needed */
	position: absolute;
	border: 1px solid  #CC3333;
	background-color:#fadb9a;
	width: 7.2em; /* smaller than the overlying li to hide this*/
	_width: 120px; /* show to IE hack */
	left: -999em; /* store it waaaay left until needed */
}
.padding-zero {
	padding:0;
}
.fix-opera {
	margin-left:0em; /* Opera builds in left-margin by default so remove it */
}
#menutop li:hover ul, #menutop li.sfhover ul { /* notice handle that javascript uses to add hover event handler */
	left: auto; /* bring it back from stage left from -999 px */
}
#menutop ul li a{ 
	width: 7.5em; /* must be bigger than underlying ul */
	_width: 125px; /* show to IE hack */
	font-size: 0.8em;
	color:#fff; 	/* #f90; color of the font for drop down menu*/
	font-weight: bold;
	font-family: arial, Helvetica, verdana, sans-serif;
	text-align: left;
	background-color:#CC0000; /* background for the drop down items*/
	}
#menutop ul li a:hover{  
	width: 7.5em; /* agree with above value or looks like shit */
	_width: 125px; /* show to IE hack */
	font-size: 0.8em;
	color: #fff;
	font-weight: bold;
	font-family:  arial, Helvetica, verdana, sans-serif;
	text-align: left;
	background-color: #ff3333;
}
.submenu-holders {  
	border-left:border-left-width:thick; border-left-style:ridge; border-left-color:#006699;
	 /*1px solid #c17400;*/
}

/*---------------- CSS for the left column  */

#left-nav {
	position:absolute;
	height:auto;
	width:184px;
	top:150px;
	margin-left:.5em;
	margin-right:.3em;
	background-color:#002654; 
	/*left: 10px;*/
	padding: 2.5em 0em 0em 0em;
	font-family:Helvetica, Trebuchet MS, Trebuchet, Verdana, Arial;
	/*font-weight:200;*/
	font-size: .8em;
}
#left-nav ul { /* This looks a bit weird in Opera 8 without padding at zero */
	margin-left:1em;
	padding:0;
	list-style-image: none;
	list-style-type: none;	
}
#left-nav ul li {
	margin: .4em 0em .1em 0em;
}
#left-nav ul li a {
	/*border:#CCCCCC 1px solid;*/
	margin: .3em .2em .1em 1em;
	padding: .3em .2em .1em .2em;
	font-size: .8em;
	}
#left-nav ul li a:link {text-decoration: none; color:#FFFFFF;}
#left-nav ul li a:visited {text-decoration:none; color:#FFFF99;}
#left-nav ul li a:hover {text-decoration:none; background-color:#333333;}
#left-nav ul li a:active {text-decoration:none; color:#FF9900;}

#left-nav #today{
	background-color:#EAEAEA;
}

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





/*------------main section of the page  -------*/
#content {

	margin: .1em 11em 1.5em 11.8em;
	padding: 0em;
	position:inherit;
	width: 35em;
	text-align:left;
}

#content_full {

	margin: .1em 1em 1.5em 12.5em;
	padding: 0em;
	position:inherit;
	width: 47em;
	text-align:left;
}

/*  right section of the page   -------*/
#right-nav {
	/* border:red thin dashed; */
	position:absolute;
	/*width:270px;*/
	top:150px;
	height:auto;
	
	text-align:left;
	font-family:Helvetica, Trebuchet MS, Trebuchet, Verdana, Arial;
	/*font-weight:200;*/
	font-size: .7em;
	/*top: 7em;*/
	left: 69%;
	padding: 2.5em 0em 0em 0em;
	width: 18.4em;
	margin-left: 7.5em;
	background-color:#9B9B9B;
}
#right-nav #today{
	background-color:#EAEAEA;
}


#footer {
/*padding:'padding-top' 'padding-right' 'padding-bottom' 'padding-left'*/

	clear: both;
	padding: 1.5em 0em 0.5em .5em;
	background-color:#002654;
	width: 60em;
}

#footer p {
	color:	#CCCCFF; 
	margin: 0;
}

#footer a {
	/*color: #333;*/
	text-decoration: underline;

}

#today {
	
	margin-top: .2em; 
	/*padding:'padding-top' 'padding-right' 'padding-bottom' 'padding-left'*/
	padding: 0.5em 0 .5em 0;
	color:#000066;
	font-family:Helvetica, Trebuchet MS, Trebuchet, Verdana, Arial;
	font-size: 1.1em;
	font-weight: bold;
	text-align:center;
	line-height: 1;
}


/* Non-crucial definitions */
/*-------------------------------------------------------------*/
#post-archive{
margin-right:15px;
border-width:thin;
border-style:solid;
color:#FFFFFF;

}

#post-archive table {
/*margin-right:15px;*/
	margin: 0 auto;
	font-size: smaller;
}

#post-archive caption {
	margin: 0 0;
	font-size:14px;
	font-weight: 500;
	text-align: left;
}

#left-nav #post-archive h3 {
	margin-bottom: 2em;
	
}

#post-archive td {
	padding: 0;
	border: 1px solid #787A6B;
	background:#666633; /* #5B5D4E;*/ color: #222;
	text-align: center;
}

#post-archive table a {
	font-weight:300;
	color: #FFF;
}

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


h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-weight: normal;
	color:#CC0000;
		/*#FF6600; */
	margin-left: .5em;
}

#content h1 {

	/*margin:'margin-top' 'margin-right' 'margin-bottom' 'margin-left'*/
	margin: .2em .2em 0 .2em;
	padding: .5em .5em;
	/*background: #FFF; 	color: #CC0000 /*#686397;*/
	
}

h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.3em;
	font-weight: bold;
	/*color:#FFFFFF;*/
	text-align:left;
	padding:1em .5em 0em .5em;
	/*'padding-top' 'padding-right' 'padding-bottom' 'padding-left'*/
	
	
}


h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-weight: 300;
	color:#000066;
	/* #FF6600; */
	margin-left: .7em;
	/*background-color:#CC6600;*/
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #000000;
	margin-right: 1em;
	margin-left: 1em;
}

a:link { color: #6633CC;}
a:visited { color: #003366;}
a:hover { background:#000033; color: #FFFFFF;} 
a:active { color: #FF3300;}

.right {
	float: right;
}
.left {
	float: left;
}
.left-margin {
	margin-left: 1em;
}
.right-margin {
	margin-right: 1em;
}

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

#top-nav {
	/* border:red thin dashed; */
	position: absolute;
	text-align:right;
	top: 3.8em;
	left: 50%;
	margin: 0;
	padding: 0;
	width: 49em;
	margin-left: -25em;
}
#top-nav ul {
	list-style-image: none;
	list-style-type: none;	
}
#top-nav ul li {
	display: inline;
	margin-right: .2em;
	margin-left: .2em;
}
* html #top-nav li a {
	/*\*/ height: 1px; /* */
}
#top-nav ul li a {
	border:#CCCCCC 1px solid;
	margin: .1em .2em .1em .2em;
	padding: .1em .3em .1em .3em;
	font-size: .8em;
	
}
#top-nav ul li a:link {text-decoration:none; color:#FF3300;}
/* #FF6600;} */
#top-nav ul li a:visited {text-decoration:none; color: #CC3333;}
#top-nav ul li a:hover {text-decoration:none; background: #CC0000; color: #FFFFFF;}
#top-nav ul li a:active {text-decoration:none; color:#CC0000;} /* #FF3300;}*/