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

/**************************************************************************************/
/* NOTES																																							*/
/* Content width = 600px																														*/
/**************************************************************************************/

/*************************************************************/
/* Generic																                   */
/*************************************************************/

ol.decimal {
	LIST-STYLE-TYPE: 		decimal;
}

ol.bullet {
	LIST-STYLE-TYPE: 		disc;
}

.list1 {
	list-style-image: 	url(./graphics/bullet1.gif);
	margin: 						2px 0px 2px -10px;
}

.list2 {
	list-style-image: 	url(./graphics/bullet2.gif);
	margin: 						2px 0px 2px -25px;
}

.list3 {
	list-style-image: 	url(./graphics/bullet2.gif);
	margin: 						2px 0px 2px -25px;
	color:							#ffffff;
	border-bottom:			none;
	text-decoration: 		none;
}

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

img.left {
	FLOAT:							left;
	MARGIN:							10px 10px 10px 0px;
}

img.right {
	FLOAT:							right;
	BORDER:							thin solid black;
	MARGIN:							10px 0px 10px 10px;
}

img.right0mTop {
	FLOAT:							right;
	MARGIN:							0px 0px 10px 10px;
}

img.left0mTop {
	FLOAT:							left;
	MARGIN:							0px 10px 10px 0px;
}

.imgText{
	COLOR: 							#005DAA;
	FONT-SIZE:					80%;
	FONT-STYLE:					italic;
	TEXT-ALIGN:					center;
}

p.alignLeft {
	TEXT-ALIGN: 				left;
}

img.indent {
	position:relative;
	left: 40px;
	MARGIN:							10px 10px 10px 10px;
}

img.rightn {
	FLOAT:							right;
	MARGIN:							10px 0px 10px 10px;
}

h1 {
	COLOR: 							#005DAA;
	FONT-SIZE:					140%;
	FONT-WEIGHT: 				bold;
}

h2 {
	COLOR: 							#005DAA;
	FONT-SIZE:					120%;
	FONT-WEIGHT: 				bold;
}

h3 {
	FONT-SIZE:					100%;
	FONT-WEIGHT: 				bold;
}
#button {
	WIDTH:							150px;
}

.form_txtbox_blur {
	FONT: 							100% Arial, Helvetica, sans-serif;
	COLOR: 							#6666AA;
	FONT-SIZE:					9pt;
	BACKGROUND:					#ffffff
}

.form_txtbox_focus {
	FONT: 							100% Arial, Helvetica, sans-serif;
	COLOR: 							#6666AA;
	FONT-SIZE:					9pt;
	BACKGROUND:					#ffff99
}
/*************************************************************/
/* INFORMATION/NEWS box																			 */
/*************************************************************/

#box_wrapper.right {
	BACKGROUND:					#DDEEEE;
	FLOAT:							right;
	MARGIN:							0px 0px 5px 5px;
	PADDING:						0px 0px 5px 0px;
	BORDER:							solid 1px #005DAA;
}

box_wrapper.right {
	BACKGROUND:					#DDEEEE;
	FLOAT:							right;
	MARGIN:							0px 0px 5px 5px;
	PADDING:						0px 0px 0px 0px;
	BORDER:							solid 1px #005DAA;
}

#box_wrapper.left {
	BACKGROUND:					#DDEEEE;
	FLOAT:							left;
	MARGIN:							0px 0px 10px 10px;
	PADDING:						0px 0px 0px 0px;
	BORDER:							solid 1px #005DAA;
}

#box_title {
	BACKGROUND:					#449FDD;
	COLOR:							#FFFFFF;
	FONT-WEIGHT: 				bold;
	TEXT-ALIGN:					center;
	MARGIN:							0px 0px 0px 0px;
	PADDING:						1px 0px 1px 0px;
}

box_title {
	BACKGROUND:					#449FDD;
	COLOR:							#FFFFFF;
	FONT-WEIGHT: 				bold;
	TEXT-ALIGN:					center;
	MARGIN:							0px 0px 0px 0px;
	PADDING:						3px 0px 3px 0px;
}

#box_body {
	WIDTH:							31%;
	MARGIN:							0px 3px 0px 3px;
	PADDING:						5px 0px 0px 0px;
	FONT-SIZE:					80%;
}

box_body {
	WIDTH:							31%;
	MARGIN:							0px 3px 0px 3px;
	PADDING:						5px 0px 0px 0px;
	FONT-SIZE:					80%;
}

#box_txt {
	MARGIN:							0px 3px 0px 3px;
	PADDING:						5px 10px 5px 10px;
	FONT-SIZE:					8pt;
	COLOR:  						#005DAA;
}

ul.box_list_decimal {
	LIST-STYLE-TYPE: 		decimal;
	MARGIN-LEFT:        		15px;
	MARGIN-BOTTOM:			8px;
}

ul.box_list_bullet {
	margin: 						2px 0px 8px 25px;
}

ulbox_list_bullet {
	MARGIN-LEFT:				25px;
	MARGIN-BOTTOM:			8px;
}


ul.box_list_pdf {
	MARGIN-LEFT:				25px;
	MARGIN-BOTTOM:			0px;
	LIST-STYLE-IMAGE: 	url(./graphics/logo_pdf.gif);
}

li.box_list {
	FONT-SIZE:					7pt;
	COLOR:  						#005DAA;
}

li.box {
	MARGIN:							3px;
}
/*************************************************************/
/* MAP																											 */
/*************************************************************/

#map_button {
	WIDTH:							150px;
}

.mapClubDetail {
	MIN-HEIGHT:					130px;
}
/*************************************************************/
/* EMAIL																										 */
/*************************************************************/

td.clubList {
	LINE-HEIGHT:				150%;
}

td.ToCc {
	VERTICAL-ALIGN:			top;
}

td.disToCc {
	TEXT-INDENT:				3px;
}

#mailNam {
	WIDTH:							350px;
}

#mailAdd {
	WIDTH:							350px;
}

#mailSbj {
	WIDTH:							440px;
}

#mailAtt {
	WIDTH:							440px;
}

#mailMsg {
	WIDTH:							590px;
	HEIGHT:							250px
}
/*************************************************************/
/* CLUB WEBSITE																							 */
/*************************************************************/

#clbBanner {
	WIDTH:							590px;
	BACKGROUND:					#FFCCFF;
	MARGIN:							0px 0px 0px 0px;
	PADDING:						3px 5px 3px 5px;
}

/**************************************************************/
/* HOME PAGE NEWS BOXES
/**************************************************************/

.header
{
BACKGROUND:#005DAA;
COLOR:#FFFFFF;
FONT-WEIGHT:bold;
TEXT-ALIGN:center;
MARGIN:0px; 
PADDING:3px 0px 3px 0px;
}

.news1
{
BACKGROUND:#DCDCDC;
COLOR:#005DAA;
FONT:100% Arial, Helvetica, sans-serif; 
TEXT-ALIGN:center;
}

.news2
{
BACKGROUND:#F5F5F5; 
COLOR:#005DAA; 
FONT:100% Arial, Helvetica, sans-serif; 
TEXT-ALIGN:center;
}