/* 

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 solid #fff;
	}

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

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

/* Styles 'next meeting' text on rhs */
#meeting_text
	{
	float: right;
	margin-top: 55px;
	margin-right: 5px;    
	margin-left: 5px;	
	height: 187px;
	width: 480px;
	}

#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 p 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-bottom: 40px;
	}

#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;
	}

#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;
	}

.line_shadow
	{
	margin-top: 20px;
	}

#left_col
	{
	width: 475px;
	float: left;
	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: 100px;
	letter-spacing: .01em;
	text-align: left;
	}

#right_col
	{
	width: 420px;
	float: right;
	clear: both;
	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
	{
	margin: 10px;
	padding-left: 10px;
	border: 0px solid #fff;
	}


/* styles member box */
#memb
	{
	margin: 10px;
	padding-left: 10px;
	border: 0px 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-botttom: 5px;
	padding-right: -3px;	
    padding-left: 26px;	
	}


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

#googlemap
	{
	width: 420px;
	height: 270px;
	background: transparent;
	margin-top: 5px;
	margin-left: 0;
	}
	
.map
	{
	margin: 0;
	padding-left: 290px;
	}
	
#venuenames
	{
	padding-top: 40px;
	}

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

/* top horiz navigation */

#navContainer 
	{
	margin: 15px;
	background: transparent;
	height: 40px;
	}

#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: bold;
	text-decoration: none;
	padding: 10px 20px;
	letter-spacing: .07em;
	}

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

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

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

#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: .9em;
	font-weight: bold;
	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: .9em;
	font-weight: bold;
	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;
	padding-left: 20px;
	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-left: 150px;
	margin-top: 30px;
	}
	

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

#form 
	{
	margin-left: 0;
	margin-top: 100px;
	}


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

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

#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 #990099;
  	width: 200px;
	}

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

form p label 
	{
  	float: left;
  	width: 30%;
  	font: 1em font-family: trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
	}

/* styles contact us words within the contact details section */
.contact_bold
	{
	font-weight: bold;
	color: #330000;
	}

#copy
	{
	float: left;
	margin-top: 20px;
	margin-bottom: 10px;
	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;
	}

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


/* styles Genero/Web Power link */
#web
	{
	float: right;
	margin-top: 20px;
	margin-bottom: 10px;
	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
	{
	border: 0px solid #fff;
	clear: both;
	}

/* 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: 772px;
border: 1px solid #999;
margin: 0 15px 15px 0;
padding:15px;
}

#memberpage
{
float: left;
width: 750px;
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-botttom: 2px;
    margin-left: 0px;
    margin-right: 0px;
	padding: 0;
}


#memberpage ul
	{
	margin: 0px;
	padding-left: 20px;
	list-style-type: bullet;
	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;
	}


/* */
/*  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"  ..... >
/* */