/* Stylesheet for Thurlow Therapy Holistic Massage for ladies and gents */

BODY {
	margin : 0% 10% 0% 10%;
	padding : 0;
	font : normal 12px Verdana, Arial, Helvetica, sans-serif;
	line-height : 20px;
	background: url(../images/background.jpg);
}
a:link {
	text-decoration: none;
	color: navy;
	font-weight: bold;
}
a:visited {
	text-decoration: none;
	color: black;
	font-weight: normal;
}
a:hover {
	text-decoration: none;
	color: #5CACEE;
	font-weight: normal;
}
a:active {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
.h1 {
	font-size: 35px;
	line-height: 30px;
	font-family: Monotype Corsiva;
	font-weight: bold;
	color: navy;
}
.h2 {
	font-size: 12px;
	line-height: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
}
.style2 {
	font-size: 12px;
	line-height: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	border-color: #D8CEF5;
}
.style3 {
	font-size: 12px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
}
.style4 {
	font-size: 10px;
	line-height: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #ffffff;
	font-weight:bold;
}
.style5 {
	font-size: 16px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: Red; 
	font-weight:bold;
}
.style6 {
	font-size: 20px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: navy; 
	font-weight: bold;
}
.style7 {
	font-size: 20px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: navy; 
	font-weight:normal;
}
.style8 {
	font-size: 20px;
	line-height: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	font-weight: bold;
}

/*  Navigation */
div#topandbottom {
	background-color: #CCCCFF;
	width : 209px;
	height : 50px;
}
div#leftcolumn {
	width : 209px;
	float: left;
	line-height : 37px;
	padding : 0px;
	font-size : 12px;
	z-index : 2;
	left : 4px;
	top : 2px;
}
div#rightcolumn {
	width : 180px;
	float: left;
	display: block;
	line-height : double;
	padding : 0px;
	font-size : 12px;
	z-index : 2;
	margin-left : 2px;
	margin-right : 80px;
}
#navigation {
	font-family: Verdana, sans-serif;
	font-size: 12px;
}
#navigation ul {
	list-style: none;
	margin: 2px;
	padding: 1px;
	margin-top: 0px;
}
#navigation li {
 	display: block;
}
#nav1 {
	background-color:#F4F6E5;
}
#nav1 a {
	background-color:#F4F6E5;
	text-align:left;
	display:block;
	text-decoration: none;
	color:#000066;
}
#nav1 a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #CCCCFF;
}
#nav2 {
	background-color:#FFFFCC;
}
#nav2 a {
	background-color:#F3F5D5;
	text-align:left;
	display:block;
	text-decoration: none;
	color:#000066;
}
#nav2 a:hover {
	text-decoration: none;
	background-color: #CCCCFF;
	color: #FFFFFF;
}
#active {
	text-decoration: none;
	background-color: #990066;
	color: #FFFFFF;
}

/* page title */

div#titlebar {
	background-image : url(../images/thurlow_header.gif);
	clear : right;
	align : left;
	z-index: 2;
	color: navy;
	height : 50px;
	font-size : 35px;
	line-height: 47px;
	width : 566px;
	left: 2px;
	margin-top: 6px;
	margin-left: 213px;
	padding: 0px 0px 0px 2px;		
}

/* the main content of each page */

div#content {
	display: block;
	clear : right;
	align : left;
	z-index: 2;
	color: black;
	font-size: 12px;
	line-height: double;
	margin-left: 213px; 
	width: 530px;
	padding: 25px 0px 0px 25px;
}

/* page footer */

div#footer {
	float: left;
	color : black;
	background: none;
	align : center;
	vertical-align : middle;
}