/* 

STYLE SHEET FOR The Late Breakfast web site
Created by Merrill Jacobs
www.generowebdesign.co.uk

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. tables
	7. forms
	
Notes

*/



/* --------- 1. defaults  --------- */
body 
	{
	background: url(bg.jpg) repeat-x;
    background-color: #700870; 
	margin:0;
	}
		
/*  --------- 2. structure  --------- */

#container 
	{
	width: 900px;
	margin: 0 auto;
	background: url(content_bg.png) repeat-y;
	border: 0px dashed #660066;
	}

/* styles logo position and background */
#logo 
	{
	background: url(logo_bg.jpg) no-repeat;
	height: 247px;
	width: 900px;
	border: 0px solid #000;
	}

.logo_position
	{
	float: left;
	margin-top: 65px;
	margin-left: 105px;
	}

/* Styles 'next meeting' text on rhs of every page */
#meeting_text
	{
	float: right;
	margin-top: 55px;
	padding: 0;
	height: 187px;
	width: 480px;
	border: 0px solid #000;
	}

#meeting_text p
	{
	color: #990099;
	font-family: trebuchet ms, arial, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;    
	font-weight: bold; 
	line-height: 25%;
	text-align: center;
	margin-top: 24px;    
	margin-bottom: 5px;
	padding-right: 49px;	
	}

#meeting_text a
	{
	color: #990099;
	font-family: trebuchet ms, arial, Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
	text-decoration: none;
	font-weight: bold;
	margin-top: 3px;
	}

#meeting_text a:hover
	{
	color: #990099;
	text-decoration: underline;
	}
		
/* styles main content */
#content 
	{
	margin: 0;
	padding: 0 0 20px 0;
	}

#content p
	{
	color: #fff;
	font-family: trebuchet ms, arial, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 120%;
	margin-left: 50px;
	margin-right: 40px;
	}

#content a
	{
	color: #660000;
	font-family: trebuchet ms, arial, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 130%;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: .01em;
	text-align: left;
	}

#content a:hover
	{
	text-decoration: underline;
	color: #330000;
	}

#content ul
	{
	color: #330000;
	font-family: trebuchet ms, arial, Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 100%;
	margin-left: 130px;
	letter-spacing: .01em;
	}
	
.bold
	{
	font-weight: bold;
	}

#left_col
	{
	width: 475px;
	float: left;
	margin-top: 20px;
	border: 0px solid #fff;
	}

#left_col p
	{
	color: #fff;
	font-family: trebuchet ms, arial, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 140%;
	margin-left: 20px;
	margin-right: 30px;
	text-align: left;
	}

#left_col ul
	{
	color: #fff;
	font-family: trebuchet ms, arial, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 140%;
	margin-left: 0;
	letter-spacing: .01em;
	text-align: left;
	}
	
#left_col ul
	{
	list-style-type: disc;
	}

#right_col
	{
	width: 400px;
	float: right;
	clear: both;
	margin-top: 20px;
	margin-left: -30px;
	border: 0px solid #fff;
	}

#right_col p
	{
	color: #fff;
	font-family: trebuchet ms, arial, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 140%;
	margin-left: 15px;
	padding-top: 10px;
	text-align: left;
	}
	
#right_col a
	{
	color: #99cc00;
	font-family: trebuchet ms, arial, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding-left: 5px;
	padding-bottom: 5px;
	font-weight: normal;
	}
	
#right_col a:hover
	{
	color: #fff;
	font-family: trebuchet ms, arial, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-decoration: underline;
	}

/* styles phone number on home page */
#contact
	{
	background: url(contact_latebreakfast.png) no-repeat;
	width: 350px;
	height: 200px;
	margin: 20px;
	border: 0px solid #fff;
	}
	
#contact a
	{
	float: left;
	margin-top: 130px;
	margin-left: 40px;
	}	
	
.contact_peter
	{
	}


/* styles member box */
#memb
	{
	margin: 10px;
	padding-left: 10px;
	border: 1px solid #fff;
	}


/* Styles 'member text' text */
#memb_text
	{
	margin-top: -270px;
	margin-right: -3px;    
	margin-left: 6px;	
	height: 280px;
	width: 280px;
	}

#memb_text p
	{
	color: #990099;
	font-family: trebuchet ms, arial, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;    
	/* font-weight: bold; */    
	line-height: 25%;
	text-align: left;
	margin-top: 24px;    
	margin-bottom: 5px;
	padding-right: -3px;	
    padding-left: 26px;	
	}


#video_intro
	{
	width: 320px;
	height: 210px;
	background: #fff;
	margin-top: 20px;
	margin-left: 30px;
	}

/*Styles the Google maps */

#googlemap
	{
	width: 418px;
	
	border: 0px solid #000;
	margin: 10px 0 0 0;
	padding: 0;
	}
	
#locations_map
	{
	width: 600px;
	height: 500px;
	float: left;
	
	margin: 30px 0 50px 150px;
	padding: 0;
	}
	
#loc_map
	{
	float: left;
	margin-top: 55px;
	margin-left: 35px;
	padding: 0;
	}

#map
	{
	float: left;
	margin-top: 85px;
	margin-left: 35px;
	padding: 0;
	}
	
#venuenames
	{
	padding-top: 5px;
	}
	
#community
	{
	background: url(community_bg.png) no-repeat;
	width: 380px;
	height: 270px;
	float: left;
	margin-top: 20px;
	margin-left: 40px;
	margin-bottom: 30px;
	border: 0px solid #fff;
	}
		
#community a
	{
	float: left;
	margin-top: 150px;
	margin-left: 80px;
	}
	
#community a:hover
	{
	color: #660066;
	text-decoration: underline;
	}
	
/* styles network titles on venue pages */
h5
	{
	color: #660066;
	font-family: trebuchet ms, verdana, times, "times new roman", sans-serif;
	font-size: 1em;
	text-align: center;
	padding-top: 35px;
	
	}

/* ---------- 3. Navigation ---------- */

/* top horiz navigation */

body#home a#homenav,
body#location a#locationnav,
body#comm a#commnav,
body#events a#eventsnav,
body#blog a#blognav,
body#call a#callnav 
	{
	color: #efedde;
	background: #99cc00;
	border: 1px solid #efedde;
	}
	
#nav							
	{ 
	width: 900px; 
	margin: 0 auto; 
	font-family: verdana, Helv, arial, times, "times new roman", sans-serif;
	font-size: 1em; 
	padding-bottom: 40px; z-index: 2;
	} 
	
a									
	{ 
	text-decoration: none;
	}
ul									
	{ 
	list-style: none; 
	padding-left: 100px;
	}


/* LEVEL ONE */
ul.dropdown                         { position: relative;  }
ul.dropdown li                      { font-weight: normal; float: left; zoom: 1; border: 0px dashed #660066;}
ul.dropdown a:hover		            { color: #660066; border: 0px solid #fff;}
ul.dropdown a:active                { color: #fff; }
ul.dropdown li a                    { display: block; padding: 6px 15px;
	 								  color: #fff; text-transform: uppercase; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #99cc00; position: relative;}
ul.dropdown li.hover a              { color: #660066; }


/* LEVEL TWO */
ul.dropdown ul 						{ z-index: 2; width: 285px; visibility: hidden; position: absolute; top: 100%; left: 0; margin-left: -100px; }
ul.dropdown ul li 					{ font-weight: normal; background: #99cc00;  
									  border-bottom: 1px solid #efedde;  border-top: 1px solid #efedde;
									  border-left: 1px solid #efedde; border-right: 1px solid #efedde;float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 252px; display: inline-block; color: #fff;}

/* LEVEL THREE */
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

#navContainer 
	{
	margin: 0;
	background: transparent;
	
	border: 1px solid #fff;
	}

#navigation ul
	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	}

/* overall menu background color */
#navigation ul li
	{
	display: inline;
	}

#navigation ul li a
	{
	color: #fff;
	font-family: trebuchet ms, verdana, times, "times new roman", sans-serif;
	font-size: .9em;
	font-weight: normal;
	text-decoration: none;
	padding: 10px 20px;
	
	text-transform: uppercase;
	}

#navigation a:hover
	{
	color: #660066;
	font-family: trebuchet ms, verdana, times, "times new roman", sans-serif;
	font-size: .9em;
	font-weight: normal;
	text-decoration: underline;
	}
	
.line_shadow
	{
	margin-top: 0;
	}

/* bottom nav at the foot of every page */

#bottom_nav_container
	{
	margin: 15px;
	background: transparent;
	height: 60px;
	}

#bottom_nav ul
	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	}

#bottom_nav ul li
	{
	display: inline;
	}

#bottom_nav ul li a
	{
	color: #fff;
	font-family: trebuchet ms, verdana, times, "times new roman", sans-serif;
	font-size: .8em;
	font-weight: normal;
	text-decoration: none;
	padding: 10px 20px;
	letter-spacing: .07em;
	}

#bottom_nav a:hover
	{
	color: #99cc00;
	font-family: trebuchet ms, verdana, times, "times new roman", sans-serif;
	font-size: .8em;
	font-weight: normal;
	text-decoration: underline;
	}

/* Parameters for company details below main container */
#company_details 
	{
	margin: 5px auto;	
	width: 900px;
	clear: both;
	}

#company_details p
	{
	color: #fff;
	font-size: .8em;
	font-family: trebuchet ms, Verdana, Arial, Helvetica, sans-serif;	
	}

/* styles Genero/Web Power link */
#company_details a:link, #company_details a:visited 
	{
	font-weight: normal;
	color: #fff; 
	text-decoration:none;
	}

#company_details a:hover 
	{
	color: #1e90ff; 
	text-decoration: underline;
	}

/* floats copyright and address to LHS */	
.copyright
	{
	float: left;
	}

/* floats Genero/Web power links to rhs */
.registration_genero
	{
	float: right;
	}

.privacy
	{
	float: right;
	}

/* ---------- 4. fonts ---------- */

/* style main titles on all pages */
h1 
	{
	color: #fff;
	font-family: trebuchet ms, verdana, times, "times new roman", sans-serif;
	font-size: 1.4em;
	text-align: left;
	font-weight: normal;
	margin-top: 30px;
	margin-left: 20px;
	}
/* styles latest news title on pages */
h2 
	{
	color: #fff;
	font-family: trebuchet ms, verdana, times, "times new roman", sans-serif;
	font-size: 1.2em;
	text-align: left;
	font-weight: bold;
	margin-top: 30px;
	margin-left: 20px;
	}
/* styles presentation and speaker titles on venue pages */
h3 
	{
	color: #fff;
	font-family: trebuchet ms, verdana, times, "times new roman", sans-serif;
	font-size: 1.2em;
	margin-left: 20px;
	text-align: left;
	font-weight: normal;
	}

/* styles titles underneath maps on venue pages */
h4 
	{
	color: #fff;
	font-family: trebuchet ms, verdana, times, "times new roman", sans-serif;
	font-size: 1.1em;
	text-align: center;
	font-weight: normal;
	line-height: 70%;
	}
	



/* ---------- 5. images ---------- */

a img 
	{
	border: 0;
	}
	
/* styles the contact us image on the contact page */
#emailandcall
	{
	margin: 20px 0 0 150px;
	padding: 0;
	float: left;
	}
	

/* ---------- 7. forms ---------- */	

#form 
	{
	margin: 100px 0 0 0;
	padding:0;
	}

textarea
	{
	width: 200px;
	height: 50px;
	color: #00205c;
	background: #fff;
	border: 1px solid #990099;
	float: left;
	}

#form_box
	{
	margin-top: 0;
	margin-left: 150px;
	background: url(form_bg.png) no-repeat;
	padding-left: 50px;
	padding-top: 20px;
	height: 800px;
	clear: both;
	}

#form_box p {
	font-family: trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	line-height: 30px;
	color: #990099;
	margin-bottom: 5px;
	}
	
#form_box_thankyou
	{
	margin-top: 0;
	margin-left: 150px;
	background: url(form_thankyou.png) no-repeat;
	padding-left: 50px;
	padding-top: 20px;
	height: 800px;
	}



/* styles text input boxes */
input.txt 
	{
  	color: #990099;
  	background-color: #fff;
  	border: 1px solid #660066;
  	width: 200px;
  	float: left;
	}

/* styles send box */
input.btn 
	{
  	color: #fff;
  	background-color: #990099;
  	border: 1px solid #990099;
	margin-left: 10px;
	float: left;
	}
	
form p 
	{
  	clear: left;
  	margin: 0;
  	padding: 0;
  	padding-top: 20px;
	
	}

form p label 
	{
  	float: left;
  	margin: 0;
  	width: 30%;
  	font-size: 1em; 
  	font-family: trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
	}
	
#level
		{
		float: left;
		}
	
/* styles contact us words within the contact details section */
.contact_bold
	{
	font-weight: bold;
	color: #330000;
	}

#copy
	{
	float: left;
	margin-top: 20px;
	margin-bottom: 0;
	padding: 0;
	}

#copy p
	{
	color: #fff;
	font-size: .8em;
	font-family: trebuchet ms, Verdana, Arial, Helvetica, sans-serif;	
	margin: 0;
	padding: 0;
	}

/* styles Genero/Web Power link */
#copy a:link, #copy a:visited 
	{
	font-weight: normal;
	color: #fff; 
	text-decoration:none;
	float: left;
	}

#copy a:hover 
	{
	color: #fff; 
	text-decoration: underline;
	}


/* styles Genero/Web Power link */
#web
	{
	float: right;
	margin-top: 20px;
	margin-bottom: 0;
	padding: 0;
	clear: both;
	}

#web p
	{
	color: #fff;
	font-size: .8em;
	font-family: trebuchet ms, Verdana, Arial, Helvetica, sans-serif;	
	margin: 0;
	padding: 0;
	}

#web a:link, #webs a:visited 
	{
	font-weight: normal;
	color: #fff; 
	text-decoration:none;
	}

#web a:hover 
	{
	color: #1e90ff; 
	text-decoration: underline;
	}

/* styles privacy statement */
#privacy
	{
		
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 0;
	}

#sponsors
	{
	float: left;
	border: 0px solid #fff;
	
	}
	
#sponsors p
	{
	text-align: left;
	margin: 0;
	padding-bottom: 20px;
	}

/* member list boxes */

.thumbnail
{
float: left;
width: 180px;
border: 1px solid #999;
margin: 0 15px 15px 0;
padding: 5px;
color: #fff;
font-family: trebuchet ms, arial, Verdana, Arial, Helvetica, sans-serif;

}

.clearboth { clear: both; }



/* */
/*  boxoutline, memberpage and p are defined below for the members content area */
/* */

.boxoutline
{
float: left;
width: 792px;
border: 1px solid #999;
margin: 0 15px 15px 0;
padding:15px;
}

#memberpage
	{
	float: left;
	width: 770px;
	height: 680px;
	border: 1px solid #555;
	color:#666666;
	padding: 10px;
	background:#ffffff;
	font-family: trebuchet ms, arial, Verdana, Arial, Helvetica, sans-serif;
	}

#memberpage p
	{
	font-family: trebuchet ms, Verdana, Arial, Helvetica, sans-serif;	
    color:#666666;
	margin-top: 10px;    
    margin-left: 0px;
    margin-right: 0px;
	padding: 0;
	}


#memberpage ul
	{
	margin: 0px;
	padding-left: 20px;
	list-style-type: disc;
	text-align: left;
	}

/* overall menu background color */
#memberpage ul li
	{
	color: #666666;
	font-family: trebuchet ms, verdana, times, "times new roman", sans-serif;
	font-size: .9em;
	font-weight: normal;
	padding: 8px 0px 0px 0px;
	}


.floatright
{
float: right;
margin: 0 0 10px 10px;
border: 1px solid #666;
padding: 2px;
}

.better_business
	{
	margin-top: 20px;
	margin-left: 90px;
	display: block;
	}


/* */
/*  boxoutline, memberpage and p are defined above for the members content area */
/* With floatright defined for an image in a content block.
/* Example --> <img class="floatright"  ..... >
/* */

/*-----styles twitter/blog/linkedin section on home/contact pages-----*/	

#follow
	{
	clear: both;
	margin: 0;
	padding: 0;
	}
	
#follow ul
	{
	list-style-type: none;
	margin: 0 0 0 50px;
	padding: 90px 0 300px 0;
	background: url(follow_bg.png) no-repeat;
	}
	
#follow li a
	{
	margin: 0 50px 0 70px;
	padding: 5px 0 5px 0;
	float: left;
	}
	
.listpadding
	{
	
	}
	
.business_photos
	{
	margin: 10px 60px 0 20px;
	float: right;
	}

/* styles the main map on the location page */	
.main_map
	{
	margin: 0;
	}
.sponsors_logos
	{
	margin: 0 0 0 70px;
	}