﻿
body {
	background-color: white; /* Web Site Default for everything */;
	color: black;																	/* Web Site Default for everything */
	font-family: Arial, Helvetica, Verdana, Times New Roman, Trebuchet MS, sans-serif;
	font-size: small;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
}

p {
	font-family: Arial, Helvetica, Verdana, Times New Roman, Trebuchet MS, sans-serif;
	font-size: small;
	}

strong {
	font-family: Arial, Helvetica, Verdana, Times New Roman, Trebuchet MS, sans-serif;
	font-size: small;
	}

a {
	font-family: Arial, Helvetica, Verdana, Times New Roman, Trebuchet MS, sans-serif;
	font-size: small;
	}

H1	{	
	font-size:x-large;
	font-weight:700;
	font-style:	normal;
	text-decoration:none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H2	{	
	font-size:large;
	font-weight:700;
	font-style:	normal;
	text-decoration:none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H3	{	
	font-size:medium;
	font-weight:700;
	font-style:	normal;
	text-decoration:none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H4	{	
	font-size:small;
	font-weight:500;
	text-decoration:none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
DT	{	
	font-size:x-small;
	font-weight:500;
	font-style:	normal;
	text-decoration:none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H5	{	
	font-size:x-small;
	font-weight:500;
	font-style:	normal;
	text-decoration:none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	
	font-size:xx-small;
	font-weight:500;
	font-style:	normal;
	text-decoration:none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	

/*  Structure of the template (Start) ==================================  First spring pastel Kuler Scheme*/

#container {
	width: 100%;
	}
		
	#masthead {
		width: 99%;
		overflow: auto;
		height:80px;
		white-space:nowrap;
		overflow:hidden;
		background-color:#F1F1F1;
		border-bottom:1px  black solid;
		}
	#page_content {
		width: 100%;
		background-image:url('../Images/MenuFaux.gif');
		background-repeat:repeat-y;
		}
		#sidebar {
			float: left;
			width: 170px;
			position:static;
			background-color:#F1F1F1;
			margin-top:5px;
			}
		#content {
			margin-top:0px;
			margin-left: 180px;
			padding:5px;
			border-left:0px #323232 solid;
			}
		
	#footer {
	 	clear:both;
		width:100%;
		padding-bottom:5px;
		padding-top:5px;
		text-align:center;
		margin-top:40px;
		}

img.MastHeadTitle  {
	margin-left:5px;
	margin-top:0px;
	border:0px;
	}

img.CCCLogo {
	height:55px;
	width:60px;
	border:0px;
	margin-left:20px;
	}

span.CCCPrintHeader	{
	display:none
	}

* html .IE6LabelFloatDrop {
	white-space: nowrap;
	overflow:hidden;
	width:90%;
	margin-top:-500px;
	}
		
* html .IE6FloatJumpRepair {
	margin-right:-700px;
	}

/*  Structure of the template (End) ================================== */


/*  Bullet Points (Start) ============================================ */

li.Bullet1 {
	 list-style-image:url('../Images/RedArrow.GIF');
	 list-style-position:outside;
	}

/*  Exhibition Images ============================================== */


/*  Exhibition In On in some way*/
/* IMG.IMG_Exhibition  	{
	border:1px Black solid ;
	padding:1px;
	background-color:black;
	margin-left:20px;
	margin-top:10px;
	padding:10px 5px;
	} 
*/

/*  Exhibition Is NOT on */
IMG.IMG_Exhibition {}



/*  Documentation Photographs (Start) ========================================== */

IMG.PhotosInText_Left {
	float:left;
	padding:2px;
	border:1px Black solid ;
	margin:5px;
}	
		
IMG.PhotosInText_Right {
	float:right;
	padding:2px;
	border:1px Black solid ;
	margin:5px;
}	

IMG.IMG_White 	{
	border:1px white solid ;
	padding:1px;
	}

IMG.IMG_Black 	{
	border:1px Black solid ;
	padding:1px;
	}

IMG.IMG_Blank 	{
	border:1px solid gray;
	height:80px;
	width:120px;
	background-color:#171717;
	}

IMG.IMG_Winner {
	border:1px red solid;
	padding:6px;
	}

/*  Documentation Photographs (End) ==================================== */


/*  Members Gallery (Start) ============================================ */

IMG.IMG_GalleryWhite 	{
	border:1px black solid ;
	margin:11px 11px 11px 11px;
	padding:1px;
	}

/*  Members Gallery (End) ============================================== */

	
/* Styles for Footer */
#footer p {
	font-size: x-small;
}

a {
	color: #9B0000;						/* font colour */							/* Web Site Default for everything */
	text-decoration: underline;
}
a:hover {
	color: #03127C;						/* font colour */							/* Web Site Default for everything */
	text-decoration: underline;
}
a:active{
	color: #148105;						/* font colour */							/* Web Site Default for everything */
	text-decoration:underline;
	font-style:italic;
}
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}


/*  CCC_TableToSort Table Parameters (Start) These classes come from TableFilter.js file ========================= */

th.CCC_TableToSort_Head_noFilter 
{
text-align:left;
vertical-align:top;
border-bottom:thin white solid;
}
	
.CCC_TableToSort_Head 
{
text-align:left;
vertical-align:top;
border-bottom:thin white solid;
}
	
.CCC_TableToSort_Odd {
text-align:left;	
vertical-align:top;
background-color:#E9E9E9;  /* Darker grey */
	}
	
.CCC_TableToSort_Even {
text-align:left;	
vertical-align:top;
background-color:#F8F8F8;  /* Lighter grey */
}

/*  CCC_TableToSort Table Parameters (End) =========================== */
	
	
td.AlignToRight
{
text-align:right;
vertical-align:top;
white-space:nowrap;
}
																 
td.AlignToLeft
{
text-align:left;
vertical-align:top;
}

.PreviousNextPage {
	text-align: right;
	}	
	
/*  Contact Page Panels (Start) ====================================== */

div.Div_2ColLightBackground	{
	border:0px black solid;	
	margin:5px 5px 5px 5px; 
	padding:5px 5px 5px 5px; 
	}	

div.Div_1ColLightBackgroundPhoto {
	border: 1px #6A6A6A solid;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	background-color: white;												/* Web Site Default for everything */
	}	
	
div.Div_1ColLightBackground{
	border:0px black solid;	
	margin:5px 5px 5px 5px; 
	padding:5px 5px 5px 5px; 
	text-indent:0px;
	}	
	
span.Background_Title_FullWidthBlock{
	color: white;
	font-size: medium;
	font-style: normal; /* Web Site Default for everything */;
	background-color: #376b9f; /* 108200 Web Site Default for everything */;
	text-indent: 4px;
	padding-top: 8px;
	padding-bottom: 3px;
	display: block;
}	
	
span.Background_Title_ShortBlock {
	font-size:medium;
	font-style:normal;
	color:white;															/* Web Site Default for everything */
background-color:#376b9f;												/* 48AD3A Web Site Default for everything */
	margin-right:5px;
	text-indent:4px;
	padding:5px 50px 5px 10px;
	display:inline;
 /* 	background:url('../Images/SquareBlueStrip.jpg');
	background-repeat:repeat-x; */
	}	
	
span.Background_Title_LightShortBlock {
font-size:small;
font-weight:400;
font-style:normal;
color:white;															/* Web Site Default for everything */
display:block;
background-color:#376b9f;												/* 48AD3A Web Site Default for everything */
margin-right:5px;
text-indent:2px;
padding-left:3px;
padding-top:3px;
padding-bottom:3px;
}	
	
span.Background_Title_BulletText {
font-weight:700;
font-style:normal;
font-size:inherit;
color:#376b9f;														/*77AFEA Web Site Default for everything */
font-style:normal;
}	
	
span.Background_Title_LightBulletText {
font-weight:700;
font-style:normal;
font-size:inherit;
color:#77AFEA;														/*77AFEA Web Site Default for everything */
font-style:normal;
}	

span.Background_Line {
display:block;
margin-right:5px;
height:1px;
width:100%;
border-top:#376b9f 1px solid;
}	

div.Background_Italic {font-style:italic;font-weight:bold;margin-top:30px;}
p.PadLeft30 {padding-left:30px;}


.Margin10 		{margin:10px;}
.RedText		{color:red;}
.LargerText		{font-size:larger;}
.BorderRed1		{border:1px solid red;}
.BorderRed2		{border:2px solid red;}
.Padding2		{padding:2px}
.Padding4		{padding:4px}
.MarginTop5		{margin-top:5px;}
.MarginBottom5	{margin-bottom:5px;}

/*  Contact Page Panels (End) ======================================== */
	
	
/* This is the Banner Flash on the Home Page showing our next Event(s) */
#CCC_FindWhatsOn_Div {
	border: 1px;
	border-color: #000000;
	border-style: solid;
	background-color: #ACCBEB; /* Web Site Default for everything */;
	color: black; /* Web Site Default for everything */;
	padding: 5px 5px 5px 5px;
}
	
#CCC_FindWhatsOn_Div a {
	color:#054281;															/* Web Site Default for everything */											
	}
	
#CCC_FindWhatsOn_Div a:hover {
	color:#1863B1;															/* Web Site Default for everything */											
	}
	
/* F7F3E7	light off white */  
/* Same colour as "#content" sub-section of form above */

/* ============================================================================ */																		

div.WelcomeWhatsOn {
	border: 1px #6A6A6A solid;
	background-color:white;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	 position:absolute;
	 top:90px;
	 right:10px;
	width: 300px;
	z-index:2000;
}
	
a.WelcomeWhatsOnItems {
	color: #C220BD;						/* font colour   white background set to  #188009 */	/* Web Site Default for everything */
	text-decoration: underline;
	}
	
a.WelcomeWhatsOnItems:hover {
	color: #AD68AB;						/* font colour */							/* Web Site Default for everything */
	text-decoration: underline;
}
	
/* ============================================================================ */																		

div.PrintablePages {
	/* Web Site Default for everything */
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}

div.PrintablePages a {
}
	
div.PrintablePages a:hover {
	text-decoration:underline;
}

div.PrintableInstructionPages {
	padding-right:25px;
	}
																		/* Web Site Default for everything */
																		
/* ============================================================================ */																		

td.ToDoList_Left {
	width: 150px;
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	padding-right:10px;
/* Web Site Default for everything */	font-style: normal;
}
																		/* Web Site Default for everything */
td.ToDoList_Right {
	text-align:left;
	vertical-align:top;
}

/* ============================================================================ */																		

div.MembersWebSite
{
	float:left;
	vertical-align:top;
	padding:10px 10px 10px 10px;
}

div.MembersWebSiteInner {
	width:160px;
	height:185px;
	border:1px #4C4C4C solid;
	padding:10px 10px 10px 10px;
	text-align:center;
	}

/* ============================================================================ */		

li.ImproveYourClub {
	list-style-position:inside;	
	}

td.ImproveYourClub {
 vertical-align:top;
	}

/* ============================================================================ */		

li.ImproveYourWebSite{
	list-style-position:outside;	
	}

span.Background_ImproveYourWebSite {
	font-size:small;
	font-weight:400;
	font-style:normal;
	color:white;															/* Web Site Default for everything */
	display:inline;
	background-color:#376b9f;												/* 48AD3A Web Site Default for everything */
	margin-right:5px;
	text-indent:2px;
	padding:3px 20px 3px 10px;
	}	


/* ============================================================================ */																		

td.ContactUs
{
	width:33%;
	vertical-align:top;
	padding:10px 10px 10px 10px;
}

/* ============================================================================ */																		

div.ThemeGallery
{
	float:left;
	vertical-align:top;
	padding:10px 10px 10px 10px;
}

div.ThemeGalleryInner {
	width:120px;
	height:120px;
	border:1px #4C4C4C solid;
	padding:10px 10px 20px 10px;
	text-align:center;
	}

/* ============================================================================ */																		

div.ClubMembersGallery, div.NoPicturesPlease{
	float:left;
	vertical-align:top;
	padding:10px 10px 10px 10px;
	}

div.ClubMembersGalleryInner {
	width:130px;
	height:145px;
	border:1px #4C4C4C solid;
	padding:10px 10px 10px 10px;
	text-align:center;
	}

/* ============================================================================ */		


div.NoPicturesPleaseInner {
	border:1px #4C4C4C solid;
	width:220px;
	height:210px;
	padding:10px 5px 10px 5px;
	overflow:auto;
	}

span.NoPicturesPleaseHeader {
	font-size:small;
	font-weight:400;
	font-style:normal;
	color:white;															/* Web Site Default for everything */
	display:block;
	background-color:#376b9f;												/* 48AD3A Web Site Default for everything */
	text-indent:2px;
	padding-left:3px;
	padding-top:2px;
	padding-bottom:2px;
	}
																	
/* Annual Exhibitions ============================================================================ */														

.ExhibitionPanel {
	 margin:10px 5px;
	}

.ExhibitionPanelText {
	 display:block;
	 width:95%;
	 padding:3px;
	 font-size:larger;
	 color: #376b9f;
	 background-color:#F9F9F9;
	 margin-top:20px;
	}
																	
/* ============================================================================ */																		

#scroll-container
{
	height:400px;
	overflow:scroll;
	position:relative;	
}
  
span.Trophies {
	color:#773762;
}
  
.NowOn {
	font-size:large;
	color:red;
	padding-left:10px;
}

/* background Images ========================================================== */		

.BackgroundImage_Default {
	background-image:url('../Images/20050710_172414_EOS10D_IMG_3616 CCC1.jpg');
	background-repeat:no-repeat;															
	}
		
.BackgroundImage_WhatDoWeDo	{
	background-image:url('../Images/summer 2007_std.jpg');
	height:700px;
	background-repeat:no-repeat;
	}
		
.BackgroundImage_UsefulWebSites	{
	background-image:url('../Images/NinaLudwig_Tranquility.jpg');
	height:461px;
	background-repeat:no-repeat;
	}
	
.BackgroundImage_PhotographicTips {
	background-image:url( '../PhotographicTips/MikeFarley_BleaTarn.jpg');
	height:371px;
	background-repeat:no-repeat;
	}		
	
.BackgroundImage_OurSponsors {
	background-image:url('../Images/20070603_144646_eos10d_crw_4072 a_std.jpg');
	height:577px;
	background-repeat:no-repeat;	
	}

.BackgroundImage_ClubExhibitions	{
	background-image:url('../ClubExhibitions/MikeFarley_SissinghurstFlower.jpg');
	height:580px;
	background-repeat:no-repeat;
	}

.BackgroundImage_ClubPublications	{
	background-image:url('../ClubPublications/Mike Farley Mandeville.jpg');
	height:700px;
	background-repeat:no-repeat;
	}



/* Trophy Titles and Winners =================================================== */																		
 
 
.TrophyTitlesPair{
	}
.TrophyTitles {
	float:left;
	margin-top:0px;
	}
.TrophyTitlesTable {
	 border:1px solid black;
	}
.TrophyTitlesCell {
	border:1px solid black;
	white-space:nowrap;
	padding:2px 5px 2px 5px;
	}
 
 
.TrophyWinners {
	margin-top:0px;
	overflow:scroll;
	}
.TrophyWinnersTable {
	border:1px solid black;
	}
.TrophyWinnersCell {
	border:1px solid black;
	white-space:nowrap;
	padding:2px 5px 2px 5px;
	}
.TrophyCell {
	border:1px solid black;
	padding:2px 5px 2px 5px;
	}

.TrophyRow_Odd {
	text-align:left;	
	vertical-align:top;
	background-color:#E9E9E9;  /* Darker grey */
	}
.TrophyRow_Even {
	text-align:left;	
	vertical-align:top;
	background-color:#F8F8F8;  /* Lighter grey */
	}


/* ============================================================================ */																		
		
.DslrMag {
	border:1px solid black;
	padding:0px;
	}
	
.DslrMag th {
	border-right:1px solid black;
	border-bottom:1px solid black;
	padding:2px 5px;
	}
	
.DslrMag td {
	border-right:1px solid black;
	border-bottom:1px solid black;
	padding:2px 5px;
	}
	
/* ============================================================================ */																		
/* default.htm page only */																		

.PhoneDisplay {
	display:none;
	background-color:white;
	}
.PhoneDisplayImage{
	background-image:none;
	}

/* ============================================================================ */																
/* Whats on this year/season web page */																

.CCCMeetingsDiv 	{margin-top:10px; margin-bottom:50px; width:540px; float:left;}
.CCCMeetingsDate	{ text-align:left; vertical-align:top; white-space:nowrap;}
.CCCMeetingsDateHidden {visibility:hidden; font-size:1px;}	 	 
#CCCMeetings tr td 	{ text-align:left; vertical-align:top;}

/* ============================================================================ */																		

.ArchiveBook_RunningCommentary {
	margin-top:50px;
	border-top:1px #D4D2D2 solid;
	display:block;
	width:99%;
	color:#265FBF;
	font-style:italic;
	font-size:large;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	


