/*title: lancingone*/
/*stylesheet for lancingsc.org.uk

created March 06 by Isabelle Jackson

www.isabellejackson.co.uk*/


body {background-color: white; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: Black; font-size: 101%;}




/*==================== Anchors ========================*/

a {text-decoration: none;}
a:link {color: #8B0000;	font-weight: bold;text-decoration: none;}
a:active {color: #708090; font-weight: bold;}
a:visited {color: #708090; font-weight: lighter; text-decoration: none;} 
a:hover {color: red;}

/* anchor style for sitemap */

a.smp {color: #8B0000; font-weight: lighter;}
a.smp:link {color: #8B0000; font-weight: lighter;}
a.smp:active {color: #8B0000; font-weight: lighter;}
a.smp:visited {color: #8B0000; font-weight: lighter;} 
a.smp:hover {color: red;}

/*============== footerNav ========================*/

#footerNav {float: right; width: 75%; padding: 0; margin-top: 10px; font-size: .7em;}
#footerNav ul.bottom {float: right; padding: 0; margin: 0;}
#footerNav ul.bottom li {float: left; padding:0; margin: 0;  border-left: 1px dotted silver; list-style: none;}
#footerNav ul.bottom li a, 
#footerNav ul.bottom li a:link, 
#footerNav ul.bottom li a:active,
#footerNav ul.bottom li a:visited {float: left; padding: 3px 15px; margin: 0; font-weight: lighter; }	
#footerNav ul.bottom li a:hover {float: left; padding: 3px 15px; margin: 0; color: red; background-color: #EBEBEB; font-weight: lighter;}

/*============= tables =============================*/

table.main {border: 1px solid Silver; padding: 0%; background-color: #ffffff;}

table.event{
	padding: 20px;
	text-align: right;
	vertical-align: bottom;
	font-size: 0.8em;
}

table.email {text-align: right; vertical-align: top; font-size: 0.8em; padding: 3px;}

.eventlight {background-color: white;}

.eventdark {background-color:  #E0E0E0;}


td.title {background-image: url(../images/bg_maintitle.jpg);
	background-repeat: no-repeat;
	background-position: top;
}


td.flag { /*do not change to simple class*/
	background-image: url(../images/flag_fade.gif);
	background-position: right;
	background-repeat: no-repeat;
	height: 113px;
}

/*========== headings ==========================*/


h1 {
	font-size: 1.9em;
	font-weight: normal;
}


h2 {
	font-size:1.3em; font-style: normal; font-weight: normal; 
}

h2.sommaire {
	background-color: #E3E6FF;
	font-size: 1.6em;
	font-style: italic;
	color: Gray;
	text-align: right;
	font-weight: lighter;
	padding: 10px 5px 8px 10px;
}

h4.notice {font-size: 1em; font-style: italic; font-weight: lighter; color: #696969; padding: 10px 5px; background-color: #ececec; display: block;}

.update {font-family: Courier New; font-weight: bold; color: Red;}

/*next two classes also used in the php calendar */

.sommaire {
	background-color: #E3E6FF;
	font-style: italic;
	color: Gray;
	text-align: right;
	font-weight: lighter;
	padding: 10px 5px 8px 10px;
}

.alterDate {
	font-size: .8em;
	font-style: italic;
	color: #708090;
	text-align: right;
	font-weight: lighter;
	padding: 0px 5px 8px 0px;
}

/*--------------------------------------------*/

h3.welcome {background-color: #ccc; text-align: right; font-style: italic; color: #fff; font-weight: lighter; display: block; font-size: 1.8em; padding: 6px;}

.cal {
	color: Gray; font-style: italic; font-weight: lighter; font-size: 1.4em; text-align: left;
}

/*============ paragraphs =========================*/

p {
	text-align: left; font-size: 0.8em; line-height: 1.7em;
}


.copyright {
	font-size: 0.6em;
	font-style: bold;
	text-align: center;
	color: #444444;
}

.article_comment {text-align: right; font-style: italic; font-size: .7em;}


.caption {
	font-size: 0.6em; text-align: center; vertical-align: top; padding: 0 0 15px 0; 
}

.jobs {font-size: .9em; font-style: italic; color: #696969;}

.topOfPage {font-size:.7em; font-variant: small-caps; text-align: right; padding-right: 5px;}

.topOfPage a, .topOfPage a:link, .topOfPage a:visited {color: #708090;}
.topOfPage a:hover {color: red;}  

/* ================ lists =========================*/
ul.contact {
	font-size: 0.8em;
	color: Black;
	list-style: circle;
	list-style-position: outside;
	line-height: 1.6em;

}

ul.weather {
	font-size: 0.8em;
	list-style: circle;
	list-style-position: outside;
	line-height: 1.8em;
	padding: 8px 10px 10px 25px;}
	

.no_bullet {list-style: none; line-height: 1.4em; padding: 10px; margin-left: 20px; font-size: .8em;}	

.sitemap {
	list-style: none; line-height: 1.3em; padding: 5px; margin: 20px; font-size: .8em; text-align: left; 
}
	
.sitemap1 {
	list-style: none; padding:5px; margin-left: 30px; font-size: inherit; line-height: inherit; font-weight: lighter;
}	

.orderList {font-size: .8em; padding: 10px 30px 5px 5px;}

/*========== div for Javascript menu - handle with care ====================== */
div.menu {
	font-size: .8em;
	text-decoration: none;
	color: #696969;
	background-color: silver;
}


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

img {border: none;}

img.flag 
{ /*do not change to a simple class */
float:right;
margin:0px 0px 15px 15px;
}

.portrait{
	float: left;
	margin: 5px 10px 5px 0px;
}


/*========== used in the News pages and Classifieds ================*/

.mag {background-color: #DCDCDC; padding: 10px; margin:5px}

.mag1 {
	 background-color: #DCDCDC; 
	 padding: 5px;
	 float: right;
	 width: 60%;
	 margin: 10px;
}

.mag2 {
	background-color: #E6E6FA;
	padding: 15px;
	float: left;
	width: auto;
	margin: 5px;
}

.mag3 {background-color: #fffff3; padding: 10px; margin:0; font-family: "Courier New", Verdana, sans-serif; border: 1px solid #ececec; color: Navy;}


.newspaper {/* when reproducing article from newspaper - different font */
	background-color: #FFF8DC;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid Maroon;
}

.newyr { /*one-off for New Year 2006 poster - can't delete while page is in Archives */
	background-image: url(../downloads/NewYearsEve.jpg);
	background-position: center;
	background-repeat: no-repeat;
	width: 460px;
	height: 665px;
	float: right;
	border-left: thick transparent solid; 
}

.smallAd {background-color: #ccc; text-align: right; font-style: italic; font-weight: lighter; display: block; font-size: 1.4em; padding: 4px; color: #fff;}

#link {width: 32%; float: left; margin: 0; padding: 5px;}

#IsaJ {/*one-off for IsaJ advert in Classifieds page*/
	background-color: Black; background-image: url(../images/classifieds/sweet_peas.jpg); background-repeat: no-repeat; background-position: top right; color: White; padding: 210px 6px 6px 6px;
}

#xtract {/*one-off for Xtractamax advert in Classifieds page - advert removed - */
	background-color: #062e6e; color: #fff; border: 1px solid #F7941D; padding:5px; margin: 2px;
}

#robin {/*one-off for article on Robin Kent in News page - cannot delete while in archives */
padding: 10px; margin: auto; border: 1px solid #ccc; background-image: url(../images/toppers_faded.jpg); background-position: bottom right; background-repeat: no-repeat;
	
}

#luurve {/*used once for Karen and John's wedding in October 2007 - cannot delete while page is in Archives - NB: used again in Training page May 2009 */ 
background-color: #fff0f0; border: 2px dotted #fbc0c0; padding: 10px; margin: 0;}
	
#series {border: 1px silver dotted; color: navy; background-color: #f9f9e1; font-size: 0.9em; padding: 10px;
}

#contents {width: 49%; padding: 0; margin: auto; float: left;}

.clear {clear: both; height: 3px;} 

.accomTable {/*used in the Europe Nationals page*/ border: 1px solid silver;}

.subHeader {font-weight: lighter; color: #708090; font-style: italic;}

/*--------- embedded pdf in the Yachts and Yachting - magazine page ------------*/

#newsletter {margin: 10px; border: 1px solid Gray; padding: 0; width: 720px; height: 360px; }

.nsl {height: 360px; width: 720px; z-index: 1;}

/* ============================ CALENDAR ============================ */

#calcontrol      {float: right; padding: 3px;}

.wrapper         {border: 1px solid silver; margin: auto; width: 764px;}

.caldark 		  {background-color: #E9E9E9;}

.callight 			{background-color: white;}

.Section         {width: 100%; font-weight: normal; font-size: 1em;  color: #696969;}
.SectionHead     { width: 100%; font-weight: normal; font-size: .9em; color: #708090; font-style: italic; padding: 3px;}
.DetailHead      {width: 760px; display: none; font-weight: bold; font-size: .9em;  color: #696969; border-bottom: 1px solid silver; border-top: 1px solid silver; padding: 2px;}

.Headings        {font-weight: bold;  color: #696969; font-size: 1em;}
.Item            {font-weight: normal; font-size: 1em; background-color: inherit;}

.Date            {margin: 0; float: left; width: 25%; text-align: left; padding: 2px;}
.Time            {margin: 0; float: left; width: 7%; text-align: left; padding: 2px;}
.calEvent        {margin: 0; float: left; width: 26%; text-align: left; padding: 2px;}
.Comments        {margin: 0; float: left; width: 26%; text-align: left; padding: 2px; font-size: .9em;}
.HWTime          {margin: 0; float: left; width: 6%; text-align: left; padding: 2px;}
.HWHeight        {margin: 0; float: left; width: 5%; text-align: right; padding: 2px;}
.Link            {margin: 0; float: left; width: 2%; text-align: left; padding: 2px;}

.Club_Racing     { color: black;}
.Club_Event      { color: black; font-style: italic;}
.Club_Social     { color: maroon; font-style: italic;}
.Open_Meeting    { color: blue;}
.External        {color: #006400;}


/* ============================ END CALENDAR ============================ */