﻿body { 
	text-align: center;
	margin:5px 0; 
	padding:0; 
	font: 74% Arial, Sans-Serif; 
	color:#808080;  
	line-height: 1.4em; 
	background: #992244 url(../images/background1205.jpg) repeat; 
}

p { 
	margin: 0 0 5px 0; 
	padding: 0; 
	color: #303030;
}
#mailinglist p {
	margin: 0;
	padding: 0;
}
h1 {
	color: #663399;
	font-size: 200%;
	margin: 10px 0;
}

#home h1, h2, h3 { 
	font-weight:bold; 
	margin: 10px 0;
    font-size: 115%;
	color: #333333;
}
h4 { 
	color: #663399;
}

ul { 
	margin: 0 0 10px 0; 
	padding : 0; 
	list-style : none; 
	border-bottom: 0px solid #eee; 
}
	
li { 
	font-weight: bold;
	margin: 0 0 8px 0;
	padding: 0 0 0 5px;
}

address {
	font-style: normal;
	font-weight: bold;	
}
/* Basic Links
----------------------------------------------*/
a:link { 
	color: #992244;
	text-decoration: underline;
}
a:visited { 
	color: #992244;
	text-decoration: underline;
}
a:hover { 
	text-decoration: none;
}
/* Structure
----------------------------------------------*/
#wrapper { 
	color: #3F535A; 
	margin: 0 auto; 
	padding: 0; 
	width: 792px;
	text-align: left;
}
#content {
	background: url(../images/content-bg.gif) repeat-y left top;
	padding: 10px 0 0 0;
}

.header {  
	height: 227px;
	background: url(../images/header.gif) no-repeat left top;
	color: #FFF; 
}
#box-container { 
	clear:both;
	color:#555;  
	background: #fff; 
	padding: 0; 
	margin: 0 0 0 40px;
    width: 710px;
	text-align:left;
}

.box {
    border: 1px solid #CC0099;
    background: #f0f8ff;
    padding: 10px;
    color: #000;
    font-size: 125%;
    margin-top: 20px;
	background : url(../images/box-gradient-horz.gif) repeat-y;
}
#footer { 
	clear:both;
	height: 34px;
	color:#555;  
	background: url(../images/footer.gif) no-repeat left top; 
	padding: 0 20px 0px 0px;
	text-align:right;
}
/* Nav
----------------------------------------------*/
.hmenu { 
	float: right;
	padding-top: 140px;
	padding-right: 25px; 
	padding-left: 15px; 
}

.hmenu ul { 
	margin: 0; 
	padding: 10px; 
	list-style : none; 
	border: none;
}
	
.hmenu li, #class-menu li { 
	display: inline;
	list-style : none;
}

.hmenu a:link,  #class-menu a:link  {
	text-decoration: none;
	line-height: 25px;
	padding: 2px 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #C41282;
}
a:link.current {
	color: #FFFFFF;
	background-color: #C41282;
}
.hmenu a:visited, #class-menu a:visited  {
	text-decoration: none;
	line-height: 25px;
	padding: 2px 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #C41282;
}
#class-menu a:visited.current, .hmenu a:visited.current {
	color: #FFFFFF;
	background-color: #C41282;
}
.hmenu a:hover, #class-menu a:hover {
	color: #FFFFFF;
	background-color: #C41282;
}
/* Unique Divs and related
----------------------------------------------*/
.welcome-box {
    border: 1px solid #CC0099;
    background : url(../images/box-gradient-horz.gif) repeat-y;
    text-align: right;        
    color: #000;
    font-size: 125%;
	width: 345px; 
	height: 242px;
	margin: 0 0 0 40px;
} 
.welcome-box p, .welcome-box h1 {
 	padding: 0 20px;
	line-height: 1.44em;
}
#mailinglist form {
	margin: 0;
	padding: 0;
}
.right {  
	clear: both; 
	font-size: 90%; 
	float:right; 
	width: 48%; 
	padding: 0 1em 1em 10px; 
}

#footer a:link {
    color: #aaa;
}
/* Images
----------------------------------------------*/
img {
	border: 0;
}
.MainPic {
	border: 1px solid #CC0099;
	margin: 0 0 10px 0;
}
img.beach {
	margin: 20px 0 0 65px;
	border: 1px solid #CC0099;
}
img.image-left {
	float: left;
	clear: left;
	margin: 0 10px 10px 0;
}
img.image-right {
	float: right;
	clear: right;
	margin: 0 0 10px 10px;
}
#yoga-poses {
	width: 200px;
	float: right;
	margin: 0 0 0 15px;
}
#yoga-poses img {
	margin: 10px 0;
}
/* Calendar
----------------------------------------------*/
#calandar  {
	border-top:1px solid DarkMagenta;
	border-left:1px solid DarkMagenta;
	background-color: AliceBlue;
}
#calandar th {
	text-align: center;
	color: #663399;

}
#calandar th, #calandar td {
	width: 87px;
	padding: 7px;
	border-bottom:1px solid DarkMagenta;
	border-right:1px solid DarkMagenta;
	vertical-align: top;
}
td.public {
	background-color: #FFFFCA;
}
td.collage {
	background-color: #CCFFFF;
}
td.private {
	background-color: gainsboro;
}
#key {
	margin: 20px 0;
	font-size: 120%;
}
#key img {
	vertical-align: middle;
	margin: 0 5px;
}
