﻿/*MASTER PAGE STYLES*/

body
{
	font-family:  'Trebuchet MS' , Verdana, 'Century Gothic';
	font-size:0.9em;
	color:#666;
	line-height:1.5em;
}

#Container /*main content container*/
{
	margin:auto;
	width:960px;
	overflow:hidden;
}

#header
{
	margin:auto;
	height:175px;
	width: 960px;
	overflow:hidden;
}

#contactus /*div to hold phone number at the top of each page*/
{
	color:#93D14F;
	font-size:1.6em;
	position:relative;
	left:20px;
	top:10px;
}

#hometelephonenumber
{
	display:inline;
}

#contactus a /*Contact us link at the top of each page*/
{
	color:#666;
	text-decoration:none;
	position:relative;
	font-size:0.7em;
	padding:2px;
}
#contactus a:hover
{
	position:relative;
	background-color:#F4543C;
	color:#fff;
}

#LoginViewMaster /**login view at the top of the master page - holds the pose image when anon and logout when logged in*/
{
	position:relative;
	top:-60px;
	left:500px;
	height:50px;
	width:100px;
}

.ImageLogo /*Main logo*/
{
	position:relative;
	left:15px;
	top:78px;
	width:700px;
	height:70px;
}

.ImageYogaPose /*yoga pose image in header - contained within the LoginViewMaster*/
{
	position:relative;
	top:-20px;
	right:47px;
}

#MainNav /*Main navigation menu*/
{
	position:relative;
	top:-154px;
	right:5px;
	float:right;
	text-align:right;
	font-size: 1.3em;
	height:180px;
	vertical-align:bottom;
}

.invisible /*Hides active menu item*/
{
	display:none;
}

#topimage /*top part of the green band around the whole content area*/
{
	height: 33px;
	width: 960px;
	background-image: url(Images/topbg.jpg);
	background-repeat: no-repeat;
}

#maincontent /*middle part of the main content*/
{
	background-image: url(Images/maincontentbg.jpg);
	background-repeat: repeat-y;
	padding-left:24px;
	padding-right:24px;
	overflow:hidden;
}




#bottomimage /*bottom part of the green band around the whole content area*/
{
	height: 34px;
	width: 960px;
	background-image: url(Images/btmbg.jpg);
	background-repeat: no-repeat;
}

#footer
{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	font-size:12px;
	margin-top:10px;
	padding-right:40px;
}

.foxylogo
{
	position:relative;
	top:7px;
	display:inline;
}

/*END OF MASTER PAGE STYLES*/


/*HOME PAGE STYLES*/
#homeleft
{
	float:left;
	width:580px;
	padding-right:10px;
	background-color:#fff;
	border:solid 1px #E5E5E5;
	
}

.titlepadder
{
	height:8px;
}

#homelefttext
{
	width:440px;
	margin-left:140px;
	margin-top:12px;
}

#homeright
{
	width:290px;
	background-color:#fff;
	margin-left:600px;
	border:solid 1px #E5E5E5;
	padding-left:10px;
	padding-right:10px;
}

.divider
{
	background-color:#E4F2E1;
	height:10px;
	width:290px;
}

.newslettertextbox
{
	width:220px;
	border: solid 1px #666;
	padding:3px;
	margin-top:4px;
	margin-left:15px;
}
.newsletterwatermark
{
	width:220px;
	border: solid 1px #666;
	padding:3px;
	margin-top:4px;
	margin-left:15px;
	color:#F4543C;
}



.PanelNewsletterForm
{
	background-color:#fff;
	position:relative;
	top:-44px;
	z-index:10;
}

#NewsLetterForm
{
	position:relative;
	top:37px;
	padding:6px;
	overflow:visible;
}

 a.NewsLetterButton 
{
	float:right;
	border:solid 1px #666;
	padding:2px;
	position:relative;
	right:2px;
	text-decoration:none;
	color:#93D14F;
	top:1px;
}
a.NewsLetterButton:hover
{
	background-color:#F4543C;
	color:#fff;
}


#Rotator
{
	margin-left:10px;
}

/*END OF HOME PAGE STYLES*/


/*GENERIC STYLES*/

.clearboth
{
	clear:both;
}

h1
{
	font-size:1.7em;
	color:#93D14F;
	padding:0px;
	margin:0px;
	margin-bottom:12px;
	margin-top:7px;
	font-family:   'Century Gothic','Trebuchet MS' , Verdana;
	font-weight:normal;
}

h2
{
	font-size:1.4em;
	color:#93D14F;
	padding:0px;
	margin:0px;
	margin-bottom:7px;
	margin-top:7px;
	font-family:   'Century Gothic','Trebuchet MS' , Verdana;
	font-weight:normal;
}

.ImageStrip
{
	margin-left:4px;
	margin-right:10px;
	float:left;
}

.left
{
	float:left;
	width:190px;
	background-color:#fff;
	border:solid 1px #E5E5E5;
}

.right
{
	width:690px;
	background-color:#fff;
	margin-left:200px;
	border:solid 1px #E5E5E5;
	padding-left:10px;
	padding-right:10px;
}

a 
{
	color:#F4543C;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

a.adminlink 
{
	color:Red;
	text-decoration:none;
}

a.adminlink:hover
{
	text-decoration:underline;
}

.fieldsetpadder
{
	padding:15px;
}

/*END OF GENERIC STYLES*/


/*STYLES FOR THE CLASSES PAGE*/

 
 .with
 {
	font-size:0.7em;
}


/*STYLES FOR THE EVENTS PAGE*/
.EventsTR
{
	height:30px;
}

/*END OF STYLES FOR THE EVENTS PAGE*/



/*STYLES FOR THE CONTACT PAGE*/
#contactdetails
{
	margin-left:10px;
}

.contactformlink
{
	margin-right:20px;
	font-size:1.1em;
}

/*END OF STYLES FOR THE CONTACT PAGE*/

/*STYLES FOR THE EMAIL LIST PAGE*/
.TEmailListGridview
{
	border: solid 2px #93D14F;
	margin-left:20px;
}

/*END OF STYLES FOR THE EMAIL LIST PAGE*/


/*STYLES FOR THE TEACHERS PAGE*/
.TeacherPicture
{
	border: solid 2px #93D14F;
	margin-right:20px;
}

/*END OF STYLES FOR THE TEACHERS PAGE*/




/* links and rollovers for validation */

#w3ccontainer
{
	position:relative;
	left:20px;
	top:-18px;
	float:left;
}
a.xhtmllink
{
	position:relative;
	top:-5px;
	left:5px;
	background-image: url(images/xhtml.gif);
	background-repeat: no-repeat;
	width:70px;
	height:25px;
	display: block;
	line-height: 25px;
	min-height: 25px;
	text-decoration: none;
}
a.xhtmllink:hover
{
	position:relative;
	top:-5px;
	left:5px;
	display: block;
	line-height: 25px;
	min-height: 25px;
	text-decoration: none;
	background-image: url(images/xhtml.gif);
	background-repeat: no-repeat;
	background-position: -79px 0px; 
	width:70px;
	height:25px;
}
a.csslink
{
	position:relative;
	top:-30px;
	left:85px;
	background-image: url(Images/css.gif);
	background-repeat: no-repeat;
	width:70px;
	height:25px;
	display: block;
	line-height: 25px;
	min-height: 25px;
	text-decoration: none;
}
a.csslink:hover
{
	position:relative;
	top:-30px;
	left:85px;
	display: block;
	line-height: 25px;
	min-height: 25px;
	text-decoration: none;
	background-image: url(Images/css.gif);
	background-repeat: no-repeat;
	background-position: -79px 0px; 
	width:70px;
	height:25px;
}



/*TEST STYLES*/





