/* Adapted from: * http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks */
body {
	margin:		0px;
	padding:	0px;
	background:	#000000;		
    font-family:        'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#header { 
	margin:			0px;
	background:		#000000;
	color:			#FFFFFF;
	padding-top:	10px;
	padding-left:	20px;
	}
#header h1,
#header h2,
#header p {
	margin-left:	2%;
	padding-right:	2%;
	padding-top:	10px;
	color:			#FFE70C;		/* YELLOW */
	color: 			#FFBC23;		/* GOLD */
}
#header_wrapper {
	border:			1px solid #FF0000;
	}
#header_img {
	float:			left;
	width:			200px;
	height:			100px;
}
#header_msg {
	float: 			right;
	margin-right:	3%;
	margin-top:		40px;
	vertical-align:	bottom;
	color:			#0B75D9;		/* SKYBLUE */
	font-size:		1.4em;
	font-weight:	normal;
	border:			0px solid #FFBC23;
	}
#active2 #tab2,
#active3 #tab3,
#active4 #tab4,
#active5 #tab5 {
	font-weight:	bold;
	text-decoration:none;
	color:			#000;
}
#footer {
	clear:			both;
	float:			left;
	width:			100%;
	height:			50px;
	background:		#000000;
	color:			#0B75D9;
	text-align:		center;
	padding-top:	10px;
	vertical-align:	middle;
}
#footer p {
	margin-left:	2%;
	padding-right:	2%;
}

/* ========================================================================  Start of Column CSS */
/* Nest 3 Containers within each other. These containers hold the colors for each of the columns */
/* Container 1 (red) is inside Container 2 (yellow) which is inside Container 3 (green)          */
#container3 {
	clear:			left;
	float:			left;
	width:			100%;
	overflow:		hidden;
	position: 		relative;		/* This is to stop an IE bug which otherwise prevents overflow:hidden from working */
	background:		#000000; 		/* Right Column background colour */
	}
#container2 {
	clear:			left;
	float:			left;
	width:			100%;
	position:		relative;
	right: 			5%;				/* Width of Right Column: Pushes Container 2 to the Right to reveal Container 3 underneath  */
	background:		#FFFDB7;		/* Center Column background colour */	/* CREAM - Granny's Bakery */
background: #000000;
	}
#container1 {						
	float:			left;
	width:			100%;
	position:		relative;
	right: 			80%;			/* Desired width of Center Column: Pushes Container 1 to the Right to reveal Container 2 underneath */
					/* Remember that Container 1 is within Container 2 and thus subject to movement associated with Container 2 as well */
	background:		#000000;		/* Left Column background colour */
	}
#col1 {								/* Left Column */
	float:			left;
	position:		relative;
    width:			15%;	/* Desired Width of Left Column - L/R padding width: 100% - (container2.right + container1.right + Left Pad + Right pad */
	left:			85%;			/* Shift Left Column content back to right: (container2.right + container1.right) */
    overflow:		hidden;
	}
#col2 {								/* Center Column */
	float:			left;
	position:		relative;
	width: 			80%;			/* Desired Width of the Center Column: Must equal container1.right */
	left:			85%;			/* Shift Center Column content back to right: same as col1.left */
	overflow:		hidden;
/* border-top: 		3px solid #FFBC23;		GOLD */
/* border-right: 	3px solid #FFBC23;		GOLD */
	}
#col3 {								/* Right Column */
	float:			left;
	position:		relative;
	width: 			5%;			/* Desired Width of the Right Column: Must equal container2.right */
	left:			85%;			/* Shift Right Column content back to right: same as col1.left */
	overflow:		hidden;
	}

/* ===================================================================== Added by maubart */
.no_display { display:  none;   }           /* Needed to hide fieldset DIVs */

.copyright {
    position:           relative;
	text-align: 		left;				/* Controls the placement of the Copyright notice within the Footer */
    height:             40px;
    border:             0px solid #B52121;   
    margin:             0 0 0 0px;
    padding:            .5em 15px;
    font-size:          0.8em;
    font-family:        'Lucida Grande', Verdana, Arial, Sans-Serif;
    color:              #0B75D9;                        /* BLUE */
    }

#nav_rail {                                         /* The Navigation Rail */
    float:              right;
    margin:             0px;
	padding: 			0px;
    font-size:          14px;                       /* Controls size of text within nav_rail and also on nav_menu in FireFox */
    }
#nav_rail p { margin:    0 0 1em 0; }

/* Menu Navigation --------------------- http://www.exploding-boy.com/images/EBmenus/menus.html (menu7) */
/* Keep in Order: link-visited-hover-active */
#nav_menu {
    width:              170px;                      /* Width = nav_rail.width - 2(?) */
    margin:             0px;
    text-align:         left;
	font-weight: 		bold;
    }
#nav_menu ul {
    list-style:         none;
    padding:            0;
    margin:             0;
    }
#nav_menu li a {
    height:             24px;
    voice-family:       "\"}\"";
    voice-family:       inherit;
    text-decoration:    none;
margin-left:30px;
    }
#nav_menu li a:link, #nav_menu li a:visited {
	color: 				#FFE70C;						/* YELLOW */
    display:            block;
	background:         url("../images/menu_navy3b.gif");
    padding:            8px 0 0 30px;
    }
#nav_menu li a:hover {
	color:				#310622;						/* MAROON */
	background:         url("../images/menu_navy3b.gif") 0 -32px;
    padding:            8px 0 0 30px;
    }
#nav_menu li a:active {
    color:              #C22803;						/* RUST */
	background:         url("../images/menu_navy3b.gif") 0 -64px;
    padding:            8px 0 0 30px;
    }
#nav_menu h2 {
    text-align:         center;
    padding-top:        10px;
    padding-bottom:     6px;
    color:              #FFFFFF;                        /* LITETEXT */
    font-size:          20px;
    }

/* ----------------------------------------------------  Validation Options */
#validators {
    float:              right;
    text-align:         left;
    width:              400px;
	color:              #0B75D9;                        /* BLUE */
    border:             0px solid #A9C7FC;              /* SOFTBASE */
	padding-bottom:     15px;
	padding-left:       15px;
	font-size:			0.8em;
    font-family:        'Lucida Grande', Verdana, Arial, Sans-Serif;
    }
#validators a           {   text-decoration: none   }
#validators a:link      {   color: #A9C7FC; }               /* SOFTBASE */
#validators a:visited   {   color: #902028; }               /* CONTRAST */
#validators a:active    {   color: #98B0AE; }               /* NEUTRAL  */
#validators a:hover     {   color: #FFFFFF; }               /* LITETEXT */

#page_content {
	border: 			0px solid #FF0000;
	margin: 			10px;
margin: 0px;
	line-height:        150%;
	padding: 			0px 5px 5px 15px;
padding-top:			1px;
	font-size:          0.8em;
	background:     #FFFDB7;        /* Center Column background colour */   /* CREAM - Granny's Bakery */
}