/****************************************************/
/* 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;
}

li {
	LIST-STYLE-IMAGE: 	url(graphics/bullet2.gif);
}

.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;
	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;
	MARGIN:							10px 0px 0px 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;
}

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

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

h2.noMargin {
	COLOR: 							#005DAA;
	FONT-SIZE:					120%;
	FONT-WEIGHT: 				bold;
	MARGIN:							0px;
}

h3 {
	FONT-SIZE:					100%;
	FONT-WEIGHT: 				bold;
	MARGIN-BOTTOM:			5px;
}

h4 {
	FONT-SIZE:					100%;
	FONT-WEIGHT: 				bold;
	MARGIN-BOTTOM:			0px;
}

p.box_text {
	MARGIN:							5px 5px 5px 5px;
}

td {
	VERTICAL-ALIGN:			top;
}

td.centerAlign {
	VERTICAL-ALIGN:			middle;
}

#button {
	WIDTH:							150px;
}

#button_wide {
	WIDTH:							200px;
}

.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 10px 10px;
	PADDING:						0px 0px 5px 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:						3px 0px 3px 0px;
}

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

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

ul.box_list_bullet {
	MARGIN-LEFT:				15px;
	MARGIN-BOTTOM:			8px;
}

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

li.box {
	MARGIN:							5px;
}


/*************************************************************/
/* MAP																											 */
/*************************************************************/

#map_button {
	WIDTH:							150px;
}

.mapClubDetail {
	MARGIN-TOP:					20px;
	MIN-HEIGHT:					130px;
}

#saddr {
	TEXT-TRANSFORM:			uppercase;
}

#map {
	MARGIN-TOP:					10px
}

#clubPopup {
	BACKGROUND:					yellow;
	BORDER:							solid 1px;
	PADDING-LEFT:				3px;
	PADDING-RIGHT:			3px;
	FONT-SIZE:					8pt;
	COLOR:							#000000;
	DISPLAY:						none;
	
}

/*************************************************************/
/* EMAIL																										 */
/*************************************************************/

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

td.ToCc {
	VERTICAL-ALIGN:			top;
}

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

#mailNam {
	WIDTH:							350px;
}

#mailAdd {
	WIDTH:							350px;
}

#mailSbj {
	WIDTH:							440px;
}

#mailAtt {
	WIDTH:							400px;
}

#mailMsg {
	WIDTH:							585px;
	HEIGHT:							250px
}

#addedAtt {
	DISPLAY:						none;
}

#mailAttach {
	WIDTH:							350px;
	FONT: 							100% Arial, Helvetica, sans-serif;
	COLOR: 							#6666AA;
	FONT-SIZE:					8pt;
	BACKGROUND:					#ffffff;
	BORDER:							0px;
}

.working {
	FLOAT: 							right;
	WIDTH: 							40%;
	TEXT-ALIGN: 				right;
	DISPLAY:						none;
	COLOR: 							#ff0000;
}


/*************************************************************/
/* CLUB WEBSITE																							 */
/*************************************************************/

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

/*************************************************************/
/* DISTRICT TEAM																						 */
/*************************************************************/

#clearLink {
	BORDER:							none;
	BORDER-BOTTOM:			0px;
}

#forceLink {
	COLOR:							#005DAA;
	BORDER-BOTTOM:			#005DAA 1px dashed;
}

#forceLink:link {
	COLOR:							#005DAA;
	BORDER-BOTTOM:			#005DAA 1px dashed;
}

#forceLink:hover {
	COLOR:							#005DAA;
	BORDER-BOTTOM:			#005DAA 1px solid;
}

#forceLink:visited {
	COLOR:							#005DAA;
	BORDER-BOTTOM:			#005DAA 1px dashed;
}

.heading {
	FONT-SIZE:					100%;
	FONT-WEIGHT: 				bold;
	MARGIN-BOTTOM:			5px;
	MARGIN-TOP:					0px;
}

.dt_right_element {
	FLOAT: 							right;
	TEXT-ALIGN: 				center;
	MARGIN:							10px;
}

/*************************************************************/
/* CALENDAR																									 */
/*************************************************************/

.grp_1 {
	WIDTH:							580px;
	MIN-HEIGHT:					40px;
	MARGIN-BOTTOM:			4px;
	PADDING:						5px;
	BACKGROUND:					#eeffff;
	BORDER:							solid 1px #ddeeee;
}

.grp_2 {
	WIDTH:							580px;
	MIN-HEIGHT:					40px;
	MARGIN-BOTTOM:			4px;
	PADDING:						5px;
	BACKGROUND:					#ffeeff;
	BORDER:							solid 1px #eeddee;
}

p.cal_date {
	MARGIN-BOTTOM: 			7px;
	MARGIN-TOP:					0px;
	FONT-WEIGHT: 				bold;
}

p.cal_dtl {
	PADDING-TOP: 				5px;
	MARGIN:			 				0px;
}

.cal_detail {
	PADDING-LEFT:				14px;
	FONT-SIZE:					90%;
}

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

#txtbox {
	WIDTH:							465px;
	HEIGHT:							250px
}


#inputbox {
	WIDTH:							465px;
}
/*************************************************************/
/* FIND CLUB BY POSTCODE  																	 */
/*************************************************************/

.clb_odd {
	WIDTH:							98%;
	MARGIN-BOTTOM:			4px;
	PADDING:						5px;
	BACKGROUND:					#eeffff;
	BORDER:							solid 1px #ddeeee;
}

.clb_even {
	WIDTH:							98%;
	MARGIN-BOTTOM:			4px;
	PADDING:						5px;
	BACKGROUND:					#ffeeff;
	BORDER:							solid 1px #eeddee;
}

.distText {
	FONT-SIZE:					80%;
	COLOR:							#005DAA;
	TEXT-ALIGN:					right;
}

td.nearestClubs {
	VERTICAL-ALIGN:			top;
	ALIGN:							center;
	
}

/*************************************************************/
/* History								 																	 */
/*************************************************************/

.tl_date {
	COLOR: 							#005DAA;
	FONT-SIZE:					120%;
	FONT-WEIGHT: 				bold;
	MARGIN-BOTTOM:			5px;
	MARGIN-TOP:					0px;
}

/*************************************************************/
/* HOME WELCOME																							 */
/*************************************************************/

.newsHeading_1 {
	BACKGROUND:					#005DAA;
	COLOR:							#ffffff;
	FONT-WEIGHT: 				bold;
	TEXT-ALIGN:					center;
	MARGIN:							0px 0px 0px 0px;
	PADDING:						3px 0px 3px 0px;
}
.newsHeading_2 {
	BACKGROUND:					#ff6347;
	COLOR:							#ffffff;
	FONT-WEIGHT: 				bold;
	TEXT-ALIGN:					center;
	MARGIN:							0px 0px 0px 0px;
	PADDING:						3px 0px 3px 0px;
}
.newsHeading_3 {
	BACKGROUND:					#da70d6;
	COLOR:							#ffffff;
	FONT-WEIGHT: 				bold;
	TEXT-ALIGN:					center;
	MARGIN:							0px 0px 0px 0px;
	PADDING:						3px 0px 3px 0px;
}
.newsHeading_4 {
	BACKGROUND:					#ffa500;
	COLOR:							#ffffff;
	FONT-WEIGHT: 				bold;
	TEXT-ALIGN:					center;
	MARGIN:							0px 0px 0px 0px;
	PADDING:						3px 0px 3px 0px;
}

.inside {
	WIDTH:							100%;
	ALIGN:							left;
	MARGIN:							5px;
	FONT-SIZE:					75%;
}

.diary_1 {
	MARGIN:							5px;
	PADDING:						5px;
	BACKGROUND:					#eaeaea;
	FONT-SIZE:					80%;
}

.project_1 {
	MARGIN:							5px;
	PADDING:						5px;
	BACKGROUND:					#eaeaea;
	FONT-SIZE:					80%;
}

#click {
	CURSOR:							pointer;
	CURSOR:							hand;
}

#click.hover {
	CURSOR:							pointer;
	CURSOR:							hand;
}
/*************************************************************/
/* HOME WELCOME																							 */
/*************************************************************/

p.redTxt {
	COLOR: 							#ff0000;
}

/*************************************************************/
/* ADMINISTRATION																						 */
/*************************************************************/

td.middle {
	VERTICAL-ALIGN: 		middle;
}

#clbAdminInput {
	WIDTH:							250px;
}

#calendarPicker{
	POSITION: 					fixed;
	TOP: 								50%;
	LEFT: 							50%; 
	WIDTH:							200px;
	HEIGHT: 						200px;
	MARGIN-LEFT:				-80px;
	MARGIN-TOP:					-100px;
	TEXT-ALIGN:					center;
	VERTICAL-ALIGN:			middle;
	VISIBILITY:					hidden;
	
}

td.today {
	TEXT-ALIGN:					center;
	BACKGROUND:					#ffbbbb;
	WIDTH:							12px;
}

td.calendar {
	TEXT-ALIGN:					right;
	WIDTH:							12px;
}

td.click {
	TEXT-ALIGN:					right;
	CURSOR:							pointer;
	CURSOR:							hand;
	WIDTH:							12px;
}

td.close {
	TEXT-ALIGN:					center;
	CURSOR:							pointer;
	CURSOR:							hand;
	COLOR:							red;
	FONT-WEIGHT: 				bold;
}

td.calNav {
	BORDER:							0px;
	COLOR:							#005DAA;
	FONT-WEIGHT: 				bold;
}

th {
	TEXT-ALIGN:					center;
	COLOR:							#005DAA;
	BACKGROUND:					#dddddd;
}

table.holder {
	BORDER:							solid 3px;
	BORDER-COLOR:				#888888;
}

img.period {
	CURSOR:							pointer;
	CURSOR:							hand;
}

#aboutCode {
	WIDTH:							450px;
}

#calendarCode {
	WIDTH:							270px;
	COLOR: 							#005DAA;
	FONT-SIZE:					90%;
}

.noteText{
	COLOR: 							#ff0000;
	FONT-SIZE:					100%;
	FONT-STYLE:					italic;
}

/*************************************************************/
/* CLUB WEBSITE ADMINISTRATION    													 */
/*************************************************************/
.page_content {
	WIDTH:							580px;
	OVERFLOW:						auto;
}

table.tab {
	WIDTH:							590px;
	OVERFLOW:						auto;
	TABLE-LAYOUT:				fixed;
}

td.tab {
	BACKGROUND:					url(content_files/graphics/tab_bg.gif);
	BACKGROUND-REPEAT:	no-repeat;
	BORDER:							none;
	BORDER-BOTTOM:			solid #9FA098 1px;
	HEIGHT:							20px;
	WIDTH:							94px;
}

td.tab_select {
	BACKGROUND:					url(content_files/graphics/tab_bg_sel.gif);
	BACKGROUND-REPEAT:	no-repeat;
	BORDER:							none;
	HEIGHT:							20px;
	WIDTH:							94px;
}

td.tab_spacer {
	FONT-SIZE:					5%;
	BACKGROUND:					none;
	BORDER:							none;
	BORDER-BOTTOM:			solid #9FA098 1px;
	HEIGHT:							20px;
	WIDTH:							5px;
}

td.tab_spacer_left {
	FONT-SIZE:					5%;
	BACKGROUND:					none;
	BORDER:							none;
	BORDER-BOTTOM:			solid #9FA098 1px;
	BORDER-LEFT:				solid #9FA098 1px;
	HEIGHT:							20px;
	WIDTH:							5px;
}

td.tab_spacer_right {
	FONT-SIZE:					5%;
	BACKGROUND:					none;
	BORDER:							none;
	BORDER-BOTTOM:			solid #9FA098 1px;
	BORDER-RIGHT:				solid #9FA098 1px;
	HEIGHT:							20px;
	WIDTH:							5px;
}

td.tab_spacer_right_row1 {
	FONT-SIZE:					5%;
	BACKGROUND:					none;
	BORDER:							none;
	BORDER-BOTTOM:			solid #9FA098 1px;
	BORDER-RIGHT:				solid #FFFFFF 1px;
	HEIGHT:							20px;
	WIDTH:							5px;
}

td.tab_blank {
	FONT-SIZE:					80%;
	COLOR:							#005DAA;
	TEXT-ALIGN:					center;
	BACKGROUND:					#ffffff;
	BORDER:							none;
	BORDER-BOTTOM:			solid #9FA098 1px;
	HEIGHT:							20px;
	WIDTH:							94px;
}

td.row_spacer {
	HEIGHT:							5px;
	FONT-SIZE:					5%;
	BORDER:							none;
	BORDER-LEFT:				solid #9FA098 1px;
	BORDER-RIGHT:				solid #9FA098 1px;
}

tr.row_spacer {
	HEIGHT:							5px;
	FONT-SIZE:					5%;
	BORDER:							none;
	BORDER-LEFT:				solid #9FA098 1px;
	BORDER-RIGHT:				solid #9FA098 1px;
}

td.tab_body {
	WIDTH:							590px;
	BORDER-TOP:					none;
	BORDER-BOTTOM:			solid #9FA098 1px;
	BORDER-LEFT:				solid #9FA098 1px;
	BORDER-RIGHT:				solid #9FA098 1px;
	PADDING:						10px;
}

div.spacer {
	WIDTH:							5px;
	HEIGHT:							20px;
	MARGIN:							0px;
	BACKGROUND:					none;
	BORDER:							none;
	CURSOR:							pointer;
	CURSOR:							hand;
}

div.tab {
	WIDTH:							94px;
	HEIGHT:							20px;
	MARGIN:							0px;
	FONT-SIZE:					80%;
	COLOR:							#005DAA;
	TEXT-ALIGN:					center;
	VERTICAL-ALIGN:			middle;
	POSITION:						relative;
	TOP:								15%;
	BACKGROUND:					none;
	BORDER:							none;
	CURSOR:							pointer;
	CURSOR:							hand;
	OVERFLOW:						hidden;
}

#tabName {
	TEXT-ALIGN:					center;
	WIDTH:							80px;
	FONT-SIZE:					85%;
}

/*************************************************************/
/* DRAG & DROP  																						 */
/*************************************************************/

ul.boxy li { 
	MARGIN: 						0px;
}

li.reorder {
	LIST-STYLE-IMAGE: 	none;
}

#phoneticlong {
	MARGIN-BOTTOM: 			1em;
	WIDTH: 							125px;
}

#phoneticlong li, #buttons li {
	MARGIN-BOTTOM: 			0px;
	MARGIN-TOP: 				4px;
	BACKGROUND:					#005DAA;
	COLOR:							#FFFFFF;
}

ul.sortable li {
	POSITION: 					relative;
}

ul.boxy {
	LIST-STYLE-TYPE: 		none;
	PADDING: 						0px;
	MARGIN: 						0px;
	WIDTH: 							10em;
	FONT-SIZE: 					11px;
	FONT-FAMILY: 				Arial, sans-serif;
}
ul.boxy li {
	CURSOR:							move;
	PADDING: 						2px 2px;
	BORDER: 						1px solid #ccc;
	BACKGROUND-COLOR: 	#eee;
	MARGIN-LEFT:				5px;
}