*{ font-size:100%; }

body { font:100%/100% Arial, Helvetica, sans-serif;
text-align: center;
margin:0;
padding:0;
background-color: #CCCCCC;
height: 100%;
background-image: url(../Images/wrap_bg.gif);
	background-repeat: repeat-y;
	background-position: 50% 50%;
}

a { cursor: pointer; }

div {  margin: 0; padding: 0;}

img { border: 0; margin: 0; padding: 0;}

li { margin: 0; padding: 0;}

input { display: block; margin: 0; padding: 0;}

#wrap{
	position:absolute;
	width: 100%;
	text-align:center;
	line-height: normal;
	min-height: 100%;
	height:auto !important;
	height: 100%;
	top:0;
	left:0;
	z-index: 1;

}

#wrap2{
	width: 770px;
	margin: 0 auto;
	text-align:left;
}

#top{
	display: inline;
	background-image: url(../Images/top_bg.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 750px;
	height: 110px;
	margin: 0px 0px 0px 10px;
}

#Footer{
	height: 44px;
	position:absolute;
	width: 100%;
	text-align:center;
	line-height: normal;
	bottom:0;
	left:0;
	margin: 0;
	padding: 0;
}

#Footer ul{
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px;
}

#Footer li{
display: inline;
margin: 0px 0px 0px 8px;
padding: 0px 0px 0px 0px;
}

.bottom{
	width: 770px;
	height: 44px;
	margin: 0 auto;
}

.bottom1{
background: url(../Images/bottom_bg.jpg);
background-repeat: repeat-x;
	width: 750px;
	height: 44px;
	margin: 0 10px 0 10px;
}


.bl{
background: url(../Images/bl.jpg);
background-repeat: no-repeat;
background-color:#FFFFFF;
	display: inline;
	float: left;
	width: 19px;
	height: 44px;
	margin: 0px 0px 0px 0px;
}

.bl1{
	display: inline;
	float: left;
	text-align:left;
	height: 16px;
	margin: 20px 0px 0px 0px;
}

.bl2{
	display: inline;
	float: left;
	text-align:left;
	width: 200px;
	height: 16px;
	margin: 20px 0px 0px 0px;
}


#Footer img {
	margin: 0px 6px 0px 0px;
}

.br{
background: url(../Images/br.jpg);
background-repeat: no-repeat;
	display: inline;
	float: right;
	width: 19px;
	height: 44px;
	margin: 0px 0px 0px 0px;
}

.br1{
	display: inline;
	float: right;
	text-align:right;
	width: 400px;
	height: 16px;
	margin: 18px 0px 0px 0px;
}

.FooterText {
font-size: 11px;
font-weight: normal;
color:#FFFFFF;
line-height: 16px;
text-decoration:none;
}

.FooterText:hover {
font-size: 11px;
font-weight: normal;
color:#FFFFFF;
line-height: 16px;
text-decoration:underline;
}

.ww {
font-size: 11px;
font-weight: normal;
color:#FFFFFF;
line-height: 16px;
text-decoration:none;
}

.ww:hover {
font-size: 11px;
font-weight: normal;
color:#01152D;
line-height: 16px;
text-decoration:underline;
}


#Search {
	display: inline;
	float: right;
	margin: 5px 5px 0px 0px;
	width: 310px;
	height: 60px;
}

.btn {
position: relative;
margin-left: -6px;
z-index: 9999;
}

.timetables {
position:absolute;
z-index: 999;
margin: 1px 0 0 0px;
height: 27px;
padding: 2px 0 0 0px;
}

#TopNavigation{
	display: inline;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	width: 740px;
	height: 24px;
	line-height: 24px;
	margin: 8px 0px 0px 5px;
	padding: 0px;
}

.topcell_first {
display: inline;
float: left;
height: 24px;
line-height: 24px;
padding: 0px 18px 0px 14px
}

.topcell {
display: inline;
float: left;
height: 24px;
line-height: 24px;
padding: 0px 18px 0px 0px
}

.topcell_bg {
display: inline;
float: left;
height: 24px;
line-height: 24px;
padding: 0px 18px 0px 0px;
background-image: url(../Images/topnav_bg.jpg);
background-position: 100% 100%;
background-repeat: no-repeat;
}

#Main{
	display: inline;
	float: left;
	width: 470px;
	margin: 10px 0px 0px 25px;
	padding: 0 0 70px 0;
	line-height: normal;
}

#Banner{
	display: inline;
	float: left;
	width: 470px;
	margin: 0px 0px 15px 0px;
}

#Introduction{
	display: inline;
	float: left;
	width: 455px;
	margin: 0px 0px 15px 5px;
	text-align: justify;
	line-height: normal;
}

#Venues{
	display: inline;
	float: left;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	width: 465px;
	margin: 0px 0px 15px 0px;
	padding: 12px 0 12px 0;
}

#Venues ul {
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
}

#Venues li {
display: inline;
margin: 0;
padding: 0 8px 0 8px;
border: 0;
}

.right_callout{
	display: inline;
	float: left;
	width: 200px;
	margin: 0px 0px 2px 0px;
}

.right_callout1{
	display: inline;
	float: left;
	width: 194px;
	margin: 20px 0px 2px 4px;
}

.iconlist {
list-style-type: none;
margin: 0;
padding:0;
text-align: center;
}

.iconlist li{
margin: 5px 0 0 0;
padding:0;
}

#RightNavigation{
	display: inline;
	float: right;
	width: 200px;
	margin: 10px 25px 0px 0px;
	padding: 0 0 70px 0;
}

#NewYogaClasses {
display: inline;
float: left;
width: 224px;
margin: 0;
}

#WhatsNew {
background: url(../Images/grad_box.jpg);
background-repeat: no-repeat;
display: inline;
float: left;
width: 224px;
height: 222px;
margin: 0 0 0 15px;
}

#WhatsNew .header {
line-height: 24px;
}

.WhatsNewContent {
display: inline;
float: left;
width: 182px;
margin: 15px 20px 0px 20px;
}

#SearchTimetables{
background: url(../Images/grad_stretch.jpg);
background-repeat: repeat-y;
display: inline;
float: left;
width: 465px;
margin: 0 0 15px 0;
}

#Charges{
background: url(../Images/grad_stretch.jpg);
background-repeat: repeat-y;
display: inline;
float: left;
width: 465px;
margin: 0 0 15px 0;
}

.charges_content {
display: inline;
float: left;
width: 425px;
padding: 20px 20px 0px 20px;
margin: 0;
min-height: 200px;
}

.charges_content td{
padding-top: 3px;
padding-bottom: 3px;
}

.grad_top{
background: url(../Images/grad_top.jpg);
background-repeat: no-repeat;
display: inline;
float: left;
width: 100%;
margin: 0;
}

.grad_bot{
background: url(../Images/grad_bot.jpg);
background-repeat: no-repeat;
display: inline;
float: left;
width: 100%;
margin: 0;
height: 23px;
}

.grad_content {
display: inline;
float: left;
width: 425px;
padding: 20px 20px 0px 20px;
margin: 0;
min-height: 200px;
}

.search_bar {
display:inline;
float:left;
width: 465px;
height: 31px;
background: url(../Images/search_bar.jpg);
background-repeat:no-repeat;
padding: 5px 0 0 16px;
margin: 0 0 3px 0;
}

.search_results {
margin: -10px 0 0 0;
}

.search_results td {
height: 40px;
border-bottom: 1px solid #999999;
}


.toplinks{
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
line-height: 24px;
}

.toplinks:hover{
font-size: 11px;
font-weight: bold;
text-decoration: underline;
color: #FFFFFF;
line-height: 24px;
}

.toplinksover{
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: #325F80;
line-height: 24px;
}

.toplinksover:hover{
font-size: 11px;
font-weight: bold;
text-decoration: underline;
color: #325F80;
line-height: 24px;
}

.toplinksactive{
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: #000000;
line-height: 24px;
}

.toplinksactive:hover{
font-size: 11px;
font-weight: bold;
text-decoration: underline;
color: #000000;
line-height: 24px;
}

.arrow {
background: url(../Images/arrow.gif);
background-position: 100% 50%;
background-repeat: no-repeat;
line-height: 40px;
color: #325F80;
font-size: 16px;
font-weight: bold;
padding: 5px 30px 5px 0;
height: 30px;
margin-right: 34px;
text-decoration: none;
}

.arrow:hover {
background: url(../Images/arrow_over.gif);
background-position: 100% 50%;
background-repeat: no-repeat;
line-height: 40px;
color: #008886;
font-size: 16px;
font-weight: bold;
padding: 5px 30px 5px 0;
height: 30px;
margin-right: 34px;
text-decoration: none;
}

.calloutgroup{
width:100%;
margin-bottom: 15px;
float: left;
}

.callouttext{
width: 138px;
border-bottom: 2px solid #FFFFFF;
height: 30px;
text-align:center;
}

.calloutgreen{
width: 138px;
background:url(../Images/green_top.gif) 0px 0px no-repeat #68B823;
padding-top: 8px;
float: left;
margin: 0 20px 0 3px;
}

.calloutyellow{
width: 138px;
background:url(../Images/yellow_top.gif) 0px 0px no-repeat #F7B811;
padding-top: 8px;
float: left;
margin-right: 20px;
}

.calloutblue{
width: 138px;
background:url(../Images/blue_top.gif) 0px 0px no-repeat #1DA8BF;
padding-top: 8px;
float: left;
}

.white17pxbold{
font-size: 17px;
font-weight: bold;
color: #FFFFFF;
font-style:italic;
line-height: 25px;
}

.white13pxbold{
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
font-style:italic;
line-height: 25px;
}

.white12px{
font-size: 12px;
font-weight: normal;
color: #FFFFFF;
line-height: normal;
}

.whitelink{
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
line-height: normal;
text-decoration: none;
}

.whitelink:hover{
font-size: 13px;
font-weight: bold;
color: #002D64;
line-height: normal;
text-decoration: none;
}

.white11px{
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
}

.header{
font-size: 18px;
color: #002D64;
font-weight: normal;
line-height: normal;
}

.headergreen{
font-size: 18px;
color: #008886;
font-weight: normal;
line-height: normal;
}

.blue15px{
font-size: 15px;
color: #002D64;
font-weight: bold;
line-height: normal;
}

DIV .header {
margin: 0 0 20px 0;
text-decoration: none;
}

.grey12px{
font-size: 12px;
color: #5A5A5A;
font-weight: normal;
line-height: normal;
}

.g11px{
font-size: 11px;
color: #5A5A5A;
font-weight: normal;
line-height: normal;
}

.grey12px_bold{
font-size: 12px;
color: #5A5A5A;
font-weight: bold;
line-height: normal;
}

.blue12px_bold{
font-size: 12px;
color: #002D64;
font-weight: bold;
line-height: normal;
}

.grey11px{
font-size: 12px;
color: #5A5A5A;
font-weight: normal;
line-height: normal;
}

.grey11px_bold{
font-size: 11px;
color: #5A5A5A;
font-weight: bold;
line-height: normal;
}

.greentext{
font-size: 12px;
color: #008886;
font-weight: normal;
text-decoration: none;
line-height: normal;
}

.greenlink{
font-size: 12px;
color: #008886;
font-weight: normal;
text-decoration: none;
line-height: normal;
}

.greenlink:hover{
font-size: 12px;
color: #012E63;
font-weight: normal;
text-decoration: none;
line-height: normal;
}

.red11px {
color:#CC0000;
font-size: 11px;
line-height: normal;
}

.green11px {
color:#0000CC;
font-size: 11px;
line-height: normal;
}

.TextField {
margin: 0 0 0 5px;
padding: 2px 0 2px 0;
width:157px;
font-size: 11px;
font-family: arial;
color:#666666;
text-indent: 3px;
border: 0px;
}

.TextField2 {
margin: 0;
padding: 2px 0 2px 0;
width:40px;
font-size: 11px;
font-family: arial;
color:#666666;
text-indent: 3px;
}

.TextField3 {
margin: 0 0 0 7px;
padding: 2px 0 2px 0;
width:157px;
font-size: 11px;
font-family: arial;
color:#666666;
text-indent: 3px;
}

.DropDown1 {
margin: 0 0 0 5px;
padding: 1px 2px 1px 0;
width:157px;
font-size: 11px;
font-family: arial;
color:#666666;
border: 0px;
}

.DropDown2 {
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 11px;
font-family: arial;
color:#666666;
text-indent: 0px;
width:200px;
}

.DropDown3{
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 11px;
font-family: arial;
color:#666666;
text-indent: 0px;
width:200px;
}

.menu {
opacity: 0;
margin: 0px 8px 0px 10px;
padding: 0px 0px 0px 0px;
	height:14px;
	width:140px;
	border:solid 0 #fff;
	background: transparent url("../Images/trans_bg.gif") repeat;
font-size: 11px;
font-family: arial;
color:#5A5A5A;
cursor: pointer;
}

.forms {
font-size: 11px;
font-family: arial;
color:#5A5A5A;
line-height: 20px;
}

.schedule table { font-size:13px; border-width: 1px; border-style:solid; border-color:#DDDDDD; color:#808284; font-family:Arial,sans-serif;}
.schedule tr { background : #EEEEEE;}
.schedule tr:hover { background : lightgrey; cursor: pointer;}
.schedule td { padding:5px;}

.index table { font-size:13px; border-width: 1px; border-style:solid; border-color:#DDDDDD; color:#808284; font-family:Arial,sans-serif;}
.index tr { background : #EEEEEE;}
.index td { padding:5px;}
.index td:hover { background : lightgrey; cursor: pointer;}
.index a {text-decoration:none;}
.index a:hover {text-decoration:none;}