/* stuff to do for the footer */
html, body
{
   height: 100%;
   min-height: 100%;
   width: 100%;
   margin: 0;
   padding: 0;
   font-size: 11pt;
   line-height: 22pt;
   font-family: Arial;
   background-image: url(/images/pattern.png); 

}

#container {
   min-height:100%;
   height: 100%\9;
   width: 100%;
   position:relative;
    margin: 0;
   padding: 0;
   background-image: url(/images/pattern.png); 

}

#top {
	margin-left: 5%;
	margin-right: 5%;
	/*width: 975px;*/
	width:90%
	height: 129px;
	background-image: url(/images/spacer.png);
	background-repeat: repeat-x; 
	border: 1px #CC0000;

}
#body {
	margin-top: 0px;
	margin-left: 5%;
	margin-right: 5%;
	background: #FFFFFF;
	min-width: 907px; /*width of fotc_left + fotc_right - 40 padding 124 + 823 - 40*/
	/*width: 70%;*/
	height: 100%9;
	min-height: 100/9%;
	border: 0px #000 dotted;
	padding-top: 2%;	
	padding-left: 20px;
	padding-right: 20px;
   	padding-bottom:40px;   /* Height of the footer */
}

#footer {
	position:absolute;
	bottom:0;
	width:70%;
	height:40px;   /* Height of the footer */
	font-size: 11pt;
	line-spacing: 32px;
	text-align: center;
	margin-left: 5%;
	margin-right: 5%;
	padding-left: 10%;
	padding-right:10%;
	color: #DEDEDE;
}

#footer a{
	color: #00AACC;
	font-family: verdana;
	text-decoration: none;
}



/* ended footer */


		.menu{
			padding-left: 10%;
			padding-right:25%;
			width:50%;
			overflow: auto;
			float: left;
			position: relative;
			background-image: url(/fotc/images/pattern.png);
			display: block;
		}
		
		.menu a{
			font-weight: bold;
			font-size: 10pt;
			color: #FFAAAA;
			text-decoration: none;
			display: block;	
			width: auto;
			float: left;
			padding: 5px;
		}
		
		#guide_menu{		
		display: block;
		/*float: right;*/
		width: auto; /* should be as wide as middle */
		height: auto;
		float: left;
		/*padding-right: 10px;*/
		/*background: #006699;*/
		
	}
	
	#guide_menu a{
		
		font-weight: bold;
		color: #FFAAAA;
		text-decoration: none;
		display: block;	
		width: auto;
		padding: 10px;
	}
	#guide_menu a:hover{
		
		font-weight: bold;
		color: #FFAAAA;
		text-decoration: none;
		display: block;	
		width: auto;
		padding: 10px;
	}
	

		

	

		
	
		
 
		h1{
			font-family: Arial, Serif;
			font-size: 26pt;
			font-weight: normal;
			color: #006699;
		
		}
		
		h2{
			font-family: Arial;
			font-size: 26px;
			color: #CC6600;
		}
		
		h2:hover {
			color: #8CBCDB;
		}
		
		
		h3{
			font-family: Arial	;
			font-size: 20px;
			color: #CC6600;
		}
		
		a{
			text-decoration: none;
		}
	
		p{
			padding-left: 10px;
			padding-right: 10px;
		}
		
	
	.buttons {
			font-size: 20px;
			line-spacing: 32px;
			text-align: right;
			margin-left: 20px;
			padding-left: 20px;
			margin-right: 20px;
			padding-right: 20px;
			
			font-family: Verdana;
			
		}
	

		
		.emphasis_link a{
			font-family: Lucida Sans, Arial;
			margin-left: 20px;
			padding-left: 20px;
			margin-right: 20px;
			padding-right: 20px;
			
		}
		
		
		

		 
		 .app_message{
			color: #CC6666;
		 }
		 
		 .data th{
			text-align: left;
		 }
		 
		 .data{
			font-size: 20pt;
		 }
		 
		 .table  {
		 	font-size: 16px;
		 }
		 
		 
/* Categories aka Top Navigation */

		.categories
		{
			font-family: arial;
			background: #242424;
			width: 90%;
			min-width: 907px; /*width of fotc_left + fotc_right - 40 padding 124 + 823 - 40*/
			margin-left: 5%;
			margin-right: 5%;
			height: 42px;
			padding: 0px;
			text-align: right;
			color: #ffffff;
			/*margin-left: 10%;*/
			
		}

		.categories_link a{
			font-size: 12pt;
			font-weight: normal;
			float: left;
			background: #242424;
			width: auto;
			padding-left: 10px;
			padding-right: 10px;
			display: block;
			height: 40px;
			color: #ffffff;
			margin: 0px;
			vertical-align: middle;
			text-align: center;
			line-height: 40px;
			border-right: 1px dotted #ccc;
text-decoration: none;

			
		}
		
			.categories_admin_link a{
			font-size: 12pt;
			font-weight: normal;
			float: right;
			background: #242424;
			width: auto;
			padding-left: 10px;
			padding-right: 10px;
			display: block;
			height: 40px;
			color: #ffffff;
			margin: 0px;
			vertical-align: middle;
			text-align: center;
			line-height: 40px;
			border-right: 1px dotted #ccc;
text-decoration: none;

			
		}
		
		.categories_link a:hover{
			margin: 0px;
			background: #464646;
cursor: hand;
		}


		.categories_emphasis a{
			font-size: 12pt;
			font-weight: normal;
			float: left;
			background: #006699;
			width: auto;
			padding-left: 10px;
			padding-right: 10px;
			display: block;
			height: 42px;
			color: #ffffff;
			margin: 0px;
			vertical-align: middle;
			text-align: center;
			line-height: 40px;
			border-right: 1px dotted #ccc;
text-decoration: none;

			
		}
		
		.categories_emphasis a:hover{
			margin: 0px;
			color: #006699;
			background: #8CBCDB;
cursor: hand;
		}