/*-- Use this code to link to other sheets:
@import url(homepage.css);
--*/

/*--- CSS INFORMATION ------------------------------

BASIC Style Sheet

Author: Dale Skeates

Website: http://www.katelockwood.com

Fully functional in the following browsers:

	- Apple Safari
	- Internet Explorer
	- Mozilla Firefox
	- Opera
	- Google Chrome

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



/*---COLOURS USED---------------------------------

	#8eb034 = Olive Green
	#608300 = Dark Olive Green
	#516D00 = Very Dark Green

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



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


/*--- STYLES --------------------------------------------------------------------------------------*/

/*--- 2-COLUMN LAYOUT + HEADER & FOOTER --------------------------------*/


/*--- MAIN WRAPPER - (centered using IE hack) ---*/

#home_wrapper {
		width: 800px;
		height: auto;
		position: relative;
		left: 50%;
		background: white url(images/home_bg.jpg) no-repeat bottom center;
		margin: 10px 0px 50px -400px;
		padding: 0px 0px 0px 0px;
		border: none;
}

#about_kate_wrapper {
		width: 800px;
		height: auto;
		position: relative;
		left: 50%;
		margin: 10px 0px 50px -400px;
		background: white url(images/about_me_bg.jpg) no-repeat bottom center;
		padding: 0px 0px 0px 0px;
		border: none;
}


#what_osteopaths_treat_wrapper {
		width: 800px;
		height: auto;
		position: relative;
		left: 50%;
		margin: 10px 0px 50px -400px;
		background: white url(images/counselling_bg.jpg) no-repeat bottom center;
		padding: 0px 0px 0px 0px;
		border: none;
}


#what_to_expect_wrapper {
		width: 800px;
		height: auto;
		position: relative;
		left: 50%;
		margin: 10px 0px 50px -400px;
		background: white url(images/supervision_bg.jpg) no-repeat bottom center;
		padding: 0px 0px 0px 0px;
		border: none;
		}


#animals_remedial_wrapper {
		width: 800px;
		height: auto;
		position: relative;
		left: 50%;
		margin: 10px 0px 50px -400px;
		background: white url(images/contact_bg.jpg) no-repeat bottom center;
		padding: 0px 0px 0px 0px;
		border: none;
		}


#contact_wrapper {
		width: 800px;
		height: auto;
		position: relative;
		left: 50%;
		margin: 10px 0px 50px -400px;
		background: white url(images/links_bg.jpg) no-repeat bottom center;
		padding: 0px 0px 0px 0px;
		border: none;
		}

/*--- HEADER ------------------------*/

#header {
		width: 99.9%;
		height: auto;
		clear: both;
		margin-bottom: 0;
		padding: 6px 0px 0px 0px;
		text-align: left;
		border: 0;
		}
				
				
.kate_lockwood_logo {
		float: left;
		width: auto;
		height: auto;
		padding: 0px 0px 6px 0px ;
		border: 0;
		background: #ffffff;
		}

.photo_left {
		float: left;
		padding: 0px 13px 0px 0px ;
		}
				
.photo_right {
		float: right;
		padding: 0px 0px 0px 10px ;
		}

.photo_centre {
		clear: both;
		padding: 0px 0px 10px 2px ;
		}
		
.banner {
		float: right;
		height: auto;
		width: auto;
		margin: 0px 0px 0px 0px ;
		}

		
.navbar {
		float: left;
		height: auto;
		width: 100%;
		text-align: center;
		padding-top: 5px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 15px;
		border-top: 1px solid #8eb034;
		line-height: 150%;
		}

.navbar a { font-size: 9pt; font-weight: bold; color: #6b6b6b; }
.navbar a:link { text-decoration: none; }
.navbar a:visited { text-decoration: none; }
.navbar a:hover { text-decoration: underline; color: #000000; }
.navbar a:active { text-decoration: underline; }



/*--- PARAGRAPHS----------------*/

#column-full {
		clear: both;
		width: 99.9%;
		height: auto;
		padding-top: 0px;
		padding-left: 2px;
		padding-right: 2px;
		padding-bottom: 20px;
		border: 0;
		}
		
#column-left {
		float: left;
		width: 380px;
		height: auto;
		padding-top: 0px;
		padding-left: 2px;
		padding-right: 0px;
		padding-bottom: 20px;
		border: 0;
		}


#column-right {
		float: right;
		width: 380px;
		height: auto;
		padding-top: 0px;
		padding-left: 15px;
		padding-right: 2px;
		padding-bottom: 20px;
		border: 0
		}

#column-right-2 {
		float: right;
		width: 380px;
		height: auto;
		padding-top: 0px;
		padding-left: 15px;
		padding-right: 2px;
		padding-bottom: 20px;
		border: 0;
		}

#title { margin: 0px 0px 5px 0px }

#title_2 { margin: 20px 0px 0px 0px }

#top_para_1 { margin: 0.1em 0em 0em 0em; padding-top:5px;}

#top_para_2 { margin: 1.7em 0em 0em 0em }

#top_para_3 { margin: 2.8em 0em 0em 0em }

#top_para_4 { margin: 2.2em 0em 0em 0em; padding-top:6px;}

#top_para_5 { margin: 2.2em 0em 0em 0em; padding-top:6px;}

#top_para_6 { margin: 2.7em 0em 0em 0em }

#list { margin: 0em 0em 0em 0em }

/*--- FOOTER ---------------------------*/

#footer { 
		clear: both;
		height: 35px;
		width: auto;
		text-align: center;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border-top: 1px solid #8eb034;
}


.footer_contacts {
		text-align: left;
		margin-top: 0px;
		padding-top: 5px;
		padding-left: 0;
		font-size: 8pt;
		font-weight: normal;
}

.footer_contacts a { font-size: 8pt; color: #000000; }
.footer_contacts a:link { text-decoration: none; }
.footer_contacts a:visited { text-decoration: none; }
.footer_contacts a:hover { text-decoration: none; color: #654F21; }
.footer_contacts a:active { text-decoration: none; }


/*--- IMAGES ----------------------------*/

.footer_logos {
		float: left;
		padding-left: 20px;
		margin-top: 8px;
}

.logo_right {
	float: right;
	padding-left: 10px;
	}
	
.logo_left {
	float: left;
	padding-right: 10px;
	}

/*--- STYLES --------------------------------------------------------------------------------------*/

/*--- BODY ----------------------------*/

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
		}

.para-1 {
		margin: 0px 0px 0px 0px ;
		line-height: 150%;
		}

.para-2 {
		margin: 5px 0px 0px 0px ;
		line-height: 150%;
		}
		
.para-3 {
		margin: 2em 0em 0em 0em;
		}
		
.para-4 {
		margin: 5px 0px 0px 0px ;
		font-size: .85em;
		text-align: left;
		line-height: 135%;
		}

.para-5 {
		padding: 28px 0px 0px 0px;
		line-height: 135%;
		}

.para-6 {
		padding: 28px 0px 0px 0px;
		line-height: 150%;
		}
		
.body_title {
		font-size: 11pt;
		font-weight: bold;
		padding-bottom: 0px;
		color: #608300;
		text-align: left;
		}

.body_title_2 {
		font-size: 10pt;
		font-weight: bold;
		padding-top: 0px;
		color: #608300;
		text-align: left;
		}

.body_title_3 {
		font-size: 10pt;
		font-weight: bold;
		padding-top: 12px;
		color: #608300;
		text-align: left;
		}

.list_title {
		font-size: 11pt;
		font-weight: bold;
		color: #8eb034;
		line-height: 100%;
		}
		
.body_subtitle {
		font-size: 10pt;
		font-weight: bold;
		color: #8eb034;
		line-height: 100%;
		}

.body_bold {
		font-weight: bold;
		}

.body_italic {
		font-style: italic;
		}

.body_bold_italic {
		font-weight: bold;
		font-style: italic;
		}

.body_anchor {
		font-weight: bold;
		}

.paragraph_indent {
		padding: 10px 0px 0px 20px;
		line-height: 135%;
		}

.links {
		text-align: left;
		font-weight:normal;
		}

.links a { font-size: 11pt; font-weight: bold; color: #63501C; }
.links a:link { text-decoration: none; }
.links a:visited { text-decoration: none; }
.links a:hover { text-decoration: none; color: #457722; }
.links a:active { text-decoration: none; }

.link_logos {
		margin-top: 15px;
		margin-bottom: 8px;
		border: 1px solid #457722;
		}

.links_body {
		text-align: left;
		}

.home {
	font-weight: bold;
	}

.home a { font-size: 8pt; font-weight: bold; color: #608300 }
.home a:link { text-decoration: none; }
.home a:visited { text-decoration: none; }
.home a:hover { text-decoration: none; color: #608300 }
.home a:active { text-decoration: none; }
		
/*--- PARAGRAPH ----------------------------*/

p {
	text-align: left;
	line-height: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


h1 {
	font-size: 9pt;
	color: #000000;
	font-weight: normal;
	text-align: left;
}


h2 {
		font-size: 10pt;
		font-weight: bold;
		color: #3B6D36;
	}


/*--- h3 : Main (Arial Black) text style ---*/

h3 {
	font-size: 15pt;
	color: #000000;
}


/*--- h4 : Navigation bar text style ---*/

h4 {	font-size: 10pt;
	font-weight: bold;
	line-height: 50%;
}



/*--- h6 : Footer text style ---*/

h6 {
	font-size: 8pt;
	font-weight: lighter;
	color: #000000;
	letter-spacing: 0px;
}


/*--- BODY ANCHORS/HYPERLINKS
  Apply link styles in the following order:
  a:link - a:visited - a:hover - a:active ---*/
  
a {color: #457722; font-weight: normal;}

a:link {	text-decoration: underline;}
a:visited {text-decoration: underline;}
a:hover {text-decoration: underline; color: #457722;}
a:active {text-decoration: underline;}



/*--- LIST ITEMS/ANCHORS/HYPERLINKS ---

REFERENCE:
ul.disc {list-style-type: disc}
ul.circle {list-style-type: circle}
ul.square {list-style-type: square}
ul.none {list-style-type: none}

*/

ul.none {
	list-style-type: none
	}
	
ul.circle {
	list-style-type: circle
	}

ul.square {
	list-style-type: square;
	color: black;
	}

li.title {
	list-style-type: none;
	font-weight: bold;
	}

	
	
li {
	line-height: 135%;
	padding-bottom: 5px;
	}

li.with_title {
	line-height: 135%;
	padding: 0px 0px 5px 0px ;
	}
	
li a {
	font-weight: bold;
	}

li a:hover {
	color: #457722;
	text-decoration: underline;
	}


/* END */