/****************************************************/
/* Page layout style sheet                          */
/* Designed & Written by Rtn David Kirsch-Mills     */
/* Rotary Club of Faversham                         */
/* email:webmaster_faversham@rotary1120.org         */
/****************************************************/

@media screen {
		/* } */

	.hideforscreen {
		display:						none;
	}

	body {
		BACKGROUND: 				#CCCCCC url(graphics/main_bg.gif);
		FONT: 							100% Arial, Helvetica, sans-serif;
		COLOR: 						#666666;
		MIN-WIDTH: 					780px;
		FONT-SIZE:					9pt;
		TEXT-ALIGN:					center;
		PADDING:						0px;
	}
	
	a:link {
		COLOR:							#005DAA;
		BORDER-BOTTOM:			#005DAA 1px dashed;
		TEXT-DECORATION:		none;
	}
	
	a:visited {
		COLOR:							#005DAA;
		BORDER-BOTTOM:			#005DAA 1px dashed;
		TEXT-DECORATION:		none;
	}

	a:hover {
		BORDER-BOTTOM:			#005DAA 1px solid;
	}
	
	a.newsList {
		COLOR: 				#666666;
		BORDER-BOTTOM:			none;
		TEXT-DECORATION:		none;
	}

	a:img, div {
		BORDER-BOTTOM:			0px;
		TEXT-DECORATION:		none;
	}

	a.menuPath:hover {
		COLOR:							#EEAD0E;
	}

	#wrapper_window {
		WIDTH: 							768px;
		MARGIN:							0px auto
	}

	#shad_top {
		BACKGROUND:					url(graphics/shad_top.gif) no-repeat bottom;
		WIDTH:							768px;
		HEIGHT:							4px;
	}

	#wrapper_content {
		BACKGROUND:					url(graphics/menu_background.gif) #FFFFFF repeat-y;
		WIDTH: 							750px;
		MIN-HEIGHT:					600px;
		HEIGHT:							auto !important;
		HEIGHT:							600px;
	}

	#page {
		BACKGROUND:					url(graphics/shad_mid.gif) #FFFFFF;
		WIDTH:							760px;
		PADDING-TOP:				0px;
		PADDING-BOTTOM:			0px;
		PADDING-LEFT:				4px;
		PADDING-RIGHT:			4px;
		TEXT-ALIGN:					LEFT;
	}

	#banner {
		BACKGROUND:					url(graphics/banner_straight.gif) #FFFFFF;
		WIDTH:							760px;
		HEIGHT:							100px;
		MARGIN-TOP:					0px;
		MARGIN-BOTTOM:			0px;
		MARGIN-LEFT:				0px;
	}

	#info_bar {
		BACKGROUND:					#EEEEEE;
		HEIGHT:							20px;
		WIDTH:							740px;
		BORDER-STYLE:				dashed;
		BORDER-COLOR:				#AAAAAA;
		BORDER-WIDTH:				0pt 0pt 1pt 0pt;
		MARGIN-BOTTOM:			0px;
		MARGIN-LEFT:				0px;
		PADDING-LEFT:				10px;
		PADDING-RIGHT:			10px;
		PADDING-TOP:				0px;
	}

	#page_path {
		FONT-SIZE:					7pt;
		COLOR: 							#005DAA;
		MARGIN-TOP:					5px;
	}

	#page_name {
		FONT-SIZE:					10pt;
		COLOR: 							#005DAA;
		FONT-WEIGHT: 				bold;
		MARGIN-TOP:					2px;
	}

	#footer_bar {
		BACKGROUND:					url(graphics/footer.gif);
		WIDTH:							768px;
		HEIGHT:							14px
	}

	#footer {
		BACKGROUND:					url(graphics/shad_mid.gif) #EEEEEE;
		WIDTH:							740px;
		HEIGHT:							16px;
		PADDING-TOP:				10px;
		PADDING-BOTTOM:			5px;
		PADDING-LEFT:				14px;
		PADDING-RIGHT:			14px;
	}

	#footer_text {
		FONT-SIZE:					7pt;
		COLOR: 							#999999;
	}

	#shad_bot {
		BACKGROUND:					url(graphics/shad_bot.gif) no-repeat;
		WIDTH:							768px;
		HEIGHT:							4px;
	}

	#contents {
		BACKGROUND:					#FFFFFF;
		PADDING-RIGHT:			10px;
		PADDING-LEFT:				10px;
		PADDING-BOTTOM:			10px;
		PADDING-TOP:				10px;
		MARGIN-LEFT:				135px;
		MARGIN-RIGHT:				0px;
		MARGIN-BOTTOM:			0px;
		WIDTH:							592px;
		TEXT-ALIGN:					left;
		OVERFLOW:			hidden;
	}

}

@media print {

	body {
		FONT: 							80% Arial, Helvetica, sans-serif;
	}

	.hideforprint {
		display:none;
	}

	#page_path {
		FONT-WEIGHT: 				bold;
		HEIGHT:							50px;
	}

	#page_name {
		FONT-WEIGHT: 				bold;
		HEIGHT:							50px;
	}

	#print_logo {
		TEXT-ALIGN:					left;
		FLOAT: 							left;
		WIDTH: 							40%;
		HEIGHT:							100px
	}

	#print_title {
		FONT-WEIGHT: 				bold;
		FONT-SIZE:					150%;
		TEXT-ALIGN:					right;
		FLOAT: 							right;
		WIDTH: 							60%;
		HEIGHT:							100px
	}

	#print_info {
		FONT-SIZE:					80%;
		PADDING-BOTTOM:			20px;
	}
}

.left_element {
	FLOAT: 							left;
	WIDTH: 							49%;
	TEXT-ALIGN: 				left;
}

.right_element {
	FLOAT: 							right;
	WIDTH: 							49%;
	TEXT-ALIGN: 				right;
}

.left_element_free {
	FLOAT: 							left;
}

.right_element_free {
	FLOAT: 							right;
}

.right_div {
	FLOAT: 							right;
	TEXT-ALIGN: 				right;
}

.workingLoad {
	FLOAT: 							right;
	DISPLAY:						block;
}

/***************************************************/
/* LEFT Menu							                         */
/***************************************************/

@media screen {
		/* } */
		
	a.menu {
		TEXT-DECORATION: 		none;
		BORDER:							0px
	}

	#menu_wrapper {
		WIDTH:							125px;
		FLOAT:							left;
		PADDING:						0px;
		MARGIN:							0px;
	}

	#menu_button {
		BACKGROUND:					url(graphics/menu_std.gif) bottom repeat-x;
		WIDTH:							125px;
		PADDING-TOP:				5px;
		PADDING-BOTTOM:			5px;
		PADDING-LEFT:				5px;
		PADDING-RIGHT:			0px;
		FONT-SIZE:					8pt;
		COLOR:							#FFFFFF;
		TEXT-DECORATION:		none;
	}

	#menu_button:hover {
		BACKGROUND:					url(graphics/menu_std.gif) #227FBB bottom repeat-x;
		CURSOR:							pointer;
		CURSOR:							hand;
	}

	#menu_button_sel {
		BACKGROUND:					url(graphics/menu_std.gif) bottom repeat-x;
		WIDTH:							125px;
		PADDING-TOP:				5px;
		PADDING-BOTTOM:			5px;
		PADDING-LEFT:				5px;
		PADDING-RIGHT:			0px;
		FONT-SIZE:					8pt;
		COLOR:							#FFFFFF;
		TEXT-DECORATION:		none
	}

	#menu_sel_head {
		COLOR:							#EEAD0E;
		FONT-WEIGHT:				bold;
		TEXT-DECORATION:		none
	}

	#menu_sel_head:hover {
		CURSOR:							default;
		CURSOR:							hand;
	}

	#menu_sel_detail {
		COLOR:							#FFFFFF;
		PADDING-TOP:				2px;
		PADDING-BOTTOM:			2px;
		PADDING-LEFT:				15px;
		PADDING-RIGHT:			0px;
		MARGIN-LEFT:				-5px;
		TEXT-DECORATION:		none;
	}

	#menu_sel_detail:hover {
		BACKGROUND-COLOR:		#227FBB;
		CURSOR:							pointer;
		CURSOR:							hand;
	}

	#menu_sel_highlight {
		PADDING-LEFT:				15px;
		MARGIN-LEFT:				-5px;
		COLOR:							#FFFFFF;
		PADDING-TOP:				2px;
		PADDING-BOTTOM:			2px;
		BACKGROUND-COLOR:		#449FDD;
		CURSOR:							default
	}
}

/***************************************************/
/* TOP Menu								                         */
/***************************************************/

@media screen {
		/* } */
		
	a.menu {
		text-decoration: 		none
		CURSOR:							pointer;
		CURSOR:							hand;
	}

	#top_menu {
		BACKGROUND:					url(graphics/top_menu_bg.gif) #005DAA repeat-x;
		WIDTH:							745px;
		HEIGHT:							23px;
		MARGIN:							0px;
		PADDING-TOP:				3px;
		PADDING-LEFT:				5px;
		PADDING-RIGHT:			10px;
		PADDING-BOTTOM:			0px;
		FONT-SIZE:					8pt;
		TEXT-ALIGN:					right;
		COLOR:							#FFFFFF;
	}

	#top_menu_button {
		BACKGROUND:					#005DAA;
		HEIGHT:							18px;
		FLOAT:							right;
		PADDING-LEFT:				5px;
		PADDING-RIGHT:			5px;
		PADDING-TOP:				3px;
		PADDING-BOTTOM:			0px;
		MARGIN:							0px;
		FONT-SIZE:					8pt;
		COLOR:							#FFFFFF;
	}

	#top_menu_button:hover {
		BACKGROUND:					#227FBB;
		CURSOR:							pointer
	}

	#top_menu_button.sel {
		BACKGROUND:					#449FDD;
		COLOR:							#FFFFFF;
		TEXT-DECORATION:		none
	}

	#top_menu_button.sel:hover {
		BACKGROUND:					#449FDD;
		CURSOR:							default
	}

	#top_menu_divider {
		HEIGHT:							21px;
		WIDTH:							0px;
		PADDING-TOP:				0px;
		FLOAT:							right;
		TEXT-ALIGN:					center;
		BORDER-LEFT:				solid #FFFFFF 1px;
	}

	#top_logged_in {
		PADDING-TOP:				3px;
		FLOAT:							left;
		TEXT-ALIGN:					left;
		COLOR:							#FFFFFF;
	}

	#top_login {
		PADDING-TOP:				3px;
		FLOAT:							left;
		TEXT-ALIGN:					left;
		COLOR:							#FFFFFF;
	}

	#top_login:hover {
		CURSOR:							pointer
	}
	
	#top_login_text{
		FLOAT:							left;
		FONT-SIZE:					8pt;
		COLOR:							#FFFFFF;
	}
}