/* CSS for Laura Gale.co.uk
*/

body {
	background: #444;
	background-image: url(../images/global/pageBack.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #eee;
	margin: 20px 10px 40px 10px;
	text-align: center;
	}
	
#content {
	width: 785px;
	text-align: left;
		margin: 0 auto;
	}

#content h3 { 
	font-size: 110%; 
	font-weight: normal; 
	}
	
#content a:link, #content a:visited {
	color: #44CC31;
	text-decoration: none;
	}
#content a:visited {
	color: #888;
	}

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

#pink-title {
	background-image: url(../images/global/pink-title-left.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 4px;
	height: 20px;
	font-size: 12px;
	margin: 0 0 10px 0;
	color: #fff;
	text-transform: uppercase;
	}
#pink-title a, #pink-title a:link, #pink-title a:hover {
	float: left;
	background: url(../images/global/pink-title-right.gif) no-repeat right top;
	display: block;
	height: 20px;
	padding: 3px 8px 0 4px;
	margin: 0;
	text-decoration: none;
	cursor: default;
	}

ul.list-flush {
	margin: 0 0 0 0;
	padding: 0;
	}
ul.list-indent {
	margin: 0 0 20px 20px;
	padding: 0;
	}
#main li {
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: 0 .3em;
	padding: 0 0 0 17px;
	margin: 3px 0 3px 0;
	}
li.main-list {
	margin: 0;
	padding: 0;
	background-image: url(../images/global/bullet-pink.gif);
	}
li.sub-list {
	background-image: url(../images/global/bullet-grey.gif);
	color: #ccc;
	}


#top {
	height: 120px;
	width: 785px;
	background-image:url(../images/global/topBack.gif);
	background-repeat: none;
	}
	
#navigation {
	width: 785px;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
	background-image: url(../images/global/navBack.gif);
	line-height: 1em;
	/* height: 25px; */
	float: left;
	clear: both;
	}

#quote {
	width: 745px;
	padding: 20px;
	font-size: 28px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #eee;
	text-align: center;
	font-style: italic;
	background: #555;
	background-image: url(../images/global/quoteBack.gif);
	background-repeat: repeat-x;
	display: block;
	float: left; clear: both;
	}

#quote h1 {
	font-weight: normal;
	font-size: 22px;
	margin: 0;
	}

#quote h2 { 
	font-family: Arial, Helvetica, sans-serif;
	margin: 7px 0 0 0;
	font-size: 14px;
	text-align: right;
	font-weight: normal;
	}

#black, #white {
	background: #000;
	background-image: url(../images/global/blackBack.gif);
	background-repeat: repeat-x;
	color: #fff;
	width: 765px;
	padding: 10px;
	display: block;
	float: left; clear: both;
	}
	
#white {
	background: url(../images/whiteBack.png) top left repeat-x #fff;
	color: #e72677;
	}

#grey {
	background: #555;
	background-image: url(../images/global/quoteBack.gif);
	background-repeat: repeat-x;
	color: #fff;
	width: 765px;
	padding: 10px;
	display: block;
	float: left; clear: both;
	}
	
#half-width-l, #half-width-r, #half-width-full, #full-width {
	float: left;
	clear: both;
	display: block;
	width: 351px;
	padding: 10px;
	margin-left: 1px;
	}	
	
#half-width-l { margin-right: 15px; clear: none; }
#half-width-r { clear: right; }
#half-width-full { padding: 0; width: 371px; }


.clearDiv { clear: both; }

#full-width { 
	width: 740px; 
	}

#full-width-indent {
	width: 505px;
	float: left;
	clear: both;
	margin: 0;
	line-height: 1.4em;
	}

#footer {
	display: block;
	float: left;
	clear: both;
	width: 785px;
	height: 50px;
	background-image: url(../images/global/footerBack.gif);
	margin: 0 0 10px 0;
	}

iframe {
	background: url(../images/global/frame-loading.gif) no-repeat 50% 50%;
	border: 0;
	}



.leftHalf, .rightHalf			{ float: left; display: inline; width: 333px; margin: 0 0 20px 0; border: 3px solid #fff; padding: 5px 10px; }
.leftHalf						{ margin-right: 20px; }
.leftHalf p, .rightHalf p		{ float: left; margin: 0; }




#tags { display: none; }



.info		{ margin: 0 0 10px 0; padding: 10px; border: 1px solid #e72677; background: #eee; }
.info h1		{ font-size: 1.5em; margin: 0; font-weight: normal; }
.info ul		{ margin: .5em 0 .5em 0; padding: 0; list-style: none; }
.info ul li	{ background: url(../images/global/bullet-pink.gif); padding: 0; margin: 0; }

.calSet, .calSetRight			{ float: left; display: inline; margin: 0 23px 20px 0; }
.calSetRight					{ margin-right: 0; }
.calTop, .calCont, .calBase		{ width: 230px; margin: 0; }
.calTop							{ height: 50px; background: url(../images/calBacks.gif) top left no-repeat /*#fff*/; }
.calBase						{ height: 20px; background: url(../images/calBacks.gif) bottom left no-repeat #fff; }
.calCont						{ width: 214px; background: #fff; color: #e72475; padding: 0 8px; }
.calCont h1						{ margin: 0; padding: 0 0 0.5em 0; color: #333; }
.calCont p						{ margin: 0; padding: 0 0 .6em 0 }
.calTitle						{ float: left; width: 60px; }
.calNote						{ font-size: .8em; text-align: center; }

.calSet table, .calSetRight table, .third table, .thirdRight table	{ margin: 0 0 1em 0; padding: 0; border: 0; }
.calSet td, .calSetRight td, .third td, .thirdRight td				{ padding: 0 1em .5em 0; }



.third, .thirdRight					{ float: left; display: inline; margin: 5px 13px 20px 0; width: 230px; border-right: 1px solid #ccc; padding-right: 10px;  }
.thirdRight							{ margin-right: 0; border: none; padding: 0; }
.third h1, .thirdRight h1				{ margin: 0 0 .5em 0; font-size: 1.5em; color: #e72677; }
.third p, .thirdRight p				{ margin: 0 0 1em; }
.grey								{ color: #333; }

.note								{ font-size: .8em; }

h2.phone, h2.email		{ font-weight: normal; }
.phone, .email			{ margin: .5em 0; font-size: 25px; /*padding: 0 0 0 30px;*/ line-height: 25px; font-weight: normal; }
.phone					{ float: left; display: inline; /*background: url(../images/phoneBack.png) top left no-repeat;*/ }
.email					{ float: right; display: inline; }



.definition				{ float: right; display: inline; width: 230px; margin: -10px 0 20px 20px; padding: 1.5em 10px 1em 10px; 
						  font-family: Georgia, "Times New Roman", serif; color: #333; background: #fefefe; border: 1px solid #ddd; 
						  border-top: 0; }
p.def-word				{ font-size: 1.7em; margin: 0; color: #e72677; }
p.def-phonetics			{ color: #555; margin: 0 0 .5em 0; font-size: 1.2em; }
p.def-description		{ margin: 0 0 .5em 0; text-algin: justify }


.class-info				{ float: left; display: inline; width: 480px; color: #333; font-size: .8em; }
.class-info h1			{ font-size: 1.2em; font-weight: normal; }