@charset "UTF-8";
/* CSS Document */

* {
margin:0;
padding:0;
}

html, body {
	text-align: center;
	min-width: 800px;
	height:100%;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}

body {
	background-color:#000000;
}

html {
	overflow-y:scroll;
}

#outerwrapper {
    width:100%;
	background-color:#BCAFA1;
	background-image: url(../images/main/blueback.gif);
	background-repeat: repeat-x;
}

#wrapper {
	margin:0 auto;
	width:800px;
	min-height:608px;
	text-align: left;
	position:relative;
}

.backblackstrip {
	background-color:#000000;
	height:133px;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
}

.brownstrip {
	background-color:#BCAFA1;
	height:25px;
	width:100%;
	position:absolute;
	top:133px;
	left:0px;
}

#top {
	width:800px;
	height:133px;
	background-color:#000000;
	position:relative;
}

.logo {
	float:left;
	padding:0 0 0 25px;
}
.topimage {
	float:right;
	padding:0 66px 0 0;
}
.topimage2 {
	margin-top:18px;
	margin-right: 15px;
	width: 147px;
	height:101px;
	float:right;
	padding:0 66px 0 0;
}
.quote {
	width:250px;
	height:100px;
	position:absolute;
	left:275px;
	top:0px;
	color:#BCAFA1;
	font-size:12px;
	font-weight:bold;
}
.quote span {
	font-style:italic;
	font-weight:normal;
}
.classes .quote {
	color:#7FA1B6;
}
.tuition .quote {
	color:#726F86;
}
.workshops .quote {
	color:#A6B4AC;
}
.testimonials .quote {
	color:#597B7B;
}

.menubar {
	width:765px;
	height:25px;
	text-align: left;
	background-color:#BCAFA1;
	padding: 0 0 0 35px;
}
.mainmenu {
    list-style:none;
}
.mainmenu li {
    float:left;
}
.mainmenu li a {
    text-decoration:none;
    line-height: 25px;
    float:left;
    color:#FFFFFF;
    font-size:14px;
    text-align: left;
    padding:0 43px 0 21px;
}
.mainmenu li a:hover {
    background:#72634D;
    color:#ffffff;
}
.mainmenu li a.homemenu {
    width:174px;
    text-align:right;
    padding:0 25px 0 25px;
}

.home .homemenu, .aboutkath .aboutkathmenu, .aboutyoga .aboutyogamenu, .links .linksmenu, .contact .contactmenu {
    background:#72634D;
    color:#ffffff;
}

.menubarback {
	background-color: #000000;
}

#middle {
	width:800px;
	min-height:450px;
	position:relative;
	background:url(../images/side_colours/basic_side_col.gif) repeat-y 35px;
}
* html #middle {height:450px;}
.classes #middle {
	background-image:url(../images/side_colours/blue_side_col.gif);
}
.tuition #middle {
	background-image:url(../images/side_colours/purple_side_col.gif);
}
.workshops #middle {
	background-image:url(../images/side_colours/olive_side_col.gif);
}
.testimonials #middle {
	background-image:url(../images/side_colours/green_side_col.gif);
}

.menuarea {
	width:224px;
	min-height: 450px;
	position:relative;
	float:left;
	padding:0px 20px 50px 0;
}
.menuarea img {
	padding:0 0 10px 35px;
	width:224px;
}

.menuarea back {
	width:224px;
	min-height: 450px;
	background-color: #8A7967;
}

.menu {
	list-style: none;
	padding:0px 0px 0px 35px;
	margin:0px;
	width:224px;
}
.menu li {
	text-align: right;
	height:22px;
}
.menu a {
	text-decoration:none;
	color:#FFFFFF;
	font-size:14px;
	height:22px;
	padding:0px 25px 0 0;
	line-height: 22px;
	width:199px;
	display:block;
}
.menu a:hover {
	color:#000000;
}
.classesmenu {
	background:#7FA1B6;
}
.classes .classesmenu {
	background:#7FA1B6 url(../images/main/menu/blue_tab.gif) no-repeat right;
}
.tuitionmenu {
	background:#726F86;
}
.tuition .tuitionmenu {
	background:#726F86 url(../images/main/menu/purple_tab.gif) no-repeat right;
}
.workshopsmenu {
	background:#A6B4AC;
}
.workshops .workshopsmenu {
	background:#A6B4AC url(../images/main/menu/olive_tab.gif) no-repeat right;
}
.testimonialsmenu {
	background:#597B7B;
}
.testimonials .testimonialsmenu {
	background:#597B7B url(../images/main/menu/green_tab.gif) no-repeat right;
}

.flash {
	position: relative;
	background-repeat: no-repeat;
	padding:0 0 0 35px;
}
.flash img {
	width:224px;
}

.contentarea {
	width:470px;
	min-height: 450px;
	font-size:15px;
	float:left;
	position: relative;
	color:#000000;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-left: 15px;
}
.contentcol1 {
	width:420px;
	text-align:left;
	margin-left:18px;
	margin-top:25px;
	margin-bottom: 30px;
	color:#OOOOOO;
	line-height:20px;

}
.contentcol1 a {
	color:#663300;
	text-decoration:none;
}
.contentcol1 a:hover {
	color:#999999;
}

.footer {
	margin:0 auto;
	width:100%;
	height:42px;
	padding:0px 20px 0 0;
}
.basestrip{
	width:100%;
	height:12px;
	background-color:#72634D;
	bottom: 38px;
}

.pagetitletop {
	color:#684F40;
	font-size:18px;
	font-weight: bold;
}

/* top images */

.topbar058 {
	background-image:url(../images/main/058_topbar.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

.daydivider { /* used as a line and to seperate from the next section (menu and content) */
	clear:both;
	width:420px;
	height:2px;
	background-color:#43639a;
	margin-bottom: 15px;
	overflow:hidden;
}

.divider { /* used as a line and to seperate from the next section (menu and content) */
	clear:both;
	width:420px;
	height:1px;
	background-color:#7FA1B6;
	margin-bottom: 15px;
	overflow:hidden;
}

.workshopdivider { /* used as a line and to seperate from the next section (menu and content) */
	clear:both;
	width:420px;
	height:2px;
	background-color:#A6B4AC;
	margin-bottom: 15px;
	overflow:hidden;
}

.testimonialdivider { /* used as a line and to seperate from the next section (menu and content) */
	clear:both;
	width:420px;
	height:2px;
	background-color:#597b7b;
	margin-bottom: 15px;
	overflow:hidden;
}

.bold {
	font-weight:bold;
}

.italic {
	font-style: italic;
}
.lighter {
	font-weight: lighter;
}
.smaller {
	font-size: 12px;
}
.testimonialquote {
	font-size: 15px;
}
.workshopdate {
	font-size: 17px;
	font-weight: bold;
	color: #597B7B;
}
.contenttitle {
	font-size:16px;
	color:#0F004E;
	font-weight:lighter;
}
.firstpara {
	font-weight:bold;
	font-size:15px;
	margin:10px 0;
}
.classessubhead {
	font-size:17px;
	color:#43639a;
	font-weight: bold;
}

.tuitionsubhead {
	font-size:17px;
	color:#59427d;
	font-weight: bold;
}

.brown {
	color: #8A7967;
}
.workshopmap {
	background-image: images/mapbutton.gif;
	margin-top: 10px;
	}

p {
    margin:0 0 10px 0;
}

a {
	text-decoration:none;
}

.link {
	text-decoration:none;
	color:#191919;
}
.link:hover {
	color:#000000;
}
.textmiddle{
	vertical-align:middle;
} 

.ceris {
 	position: absolute;
 	right: 60px;
 	width:170px;
 	height:10px;
 	color: #BCAFA1;
 	font-size: 9px;
}