/* mac hide\*/
html, body {height:100%}
/* end hide */
body {
	padding:0;
	margin:0;
	text-align:center;
	min-width:894px;/* for mozilla*/
	font-family:Verdana, Helvetica, sans-serif;
	font-size:90%;
	background-color:#505050;
}



#outer{
	height:100%;
	min-height:100%;
	width:892px;
	text-align:left;
	margin:auto;
	position:relative;
	background-color:white;

}
 
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#innerwrap {/* enables content first */
	float:left;
	/*width:626px;*/
width:892px;

	
}
#header{
	position:absolute;
	top:0;
	width:892px;
	height:130px;
	background:#246F00;
	color: #000000;
	z-index:100;
	/*background-image: url(images/6_0_exercises/6_0_exercises_masthead.jpg);*/
}

	

#left {
	position:relative;/*ie needs this to show float */
	width:120px;
	float:left;
	padding-top:210px;/*needed to make room for header*/
	padding-bottom:32px;/* needed to make room for footer */
	
}


	
#left p {padding-left:3px;padding-right:2px}
#right p {padding-left:4px;padding-right:2px}

#right {
	position:relative;/*ie needs this to show float */
	width:240px;
	float:right;
	padding-top:222px;/*needed to make room for header*/
	padding-bottom:32px;/* needed to make room for footer */
	
}

#footerlogo {
	left:0;
	bottom:0;
	position: absolute;
	width:114px; height:156px; margin-left:18px;margin-bottom:35px;
}
 
#footer {
	width:440px;
	clear:both;
	height:30px;
	font-size:11px;
	border-top:1px solid #c0c0c0;
	background-color: #FFFFFF;
	color: #000000;
	text-align:left;
	left:0;
	bottom:0;
	position: absolute;
	margin-left:170px;
	padding-top:4px;
	
}
* html #footer {/*only ie gets this style*/
	\height:52px;/* for ie5 */
	he\ight:50px;/* for ie6 */
}

div,p  {margin-top:0}/*clear top margin for mozilla*/
#centrecontent {
	width:430px;
	float:right;
	padding-top:165px;
	padding-bottom:32px;/* needed to make room for footer */
	margin-right:35px;
	
}


	


#clearfooter {width:100%;height:52px;clear:both} /* to clear footer */
	#footer ul{list-style-type:none;display:inline;margin-left:0px;padding-left:0px;}
	#footer li{display:inline;padding-left:5px;}

h1 {color:#004F00;font-size:120%;margin-bottom:25px;}
h2 {color:#004F00;font-size:100%;margin-bottom:5px;margin-top:10px;}
p  {color:#004F00;font-size:85%;line-height:130%;}
a  {color:#0063C6;}
li  {color:#004F00;font-size:85%;line-height:130%;}
ul {margin-left:8px;}

#homequote p {padding-left:20px;font-size:90%;margin-top:0px;padding-top:0px;color:#404040;}
#quote p {padding-left:0px;font-size:90%;margin-top:0px;padding-top:0px;color:#404040;}

.homebox  {line-height:100%;font-size:85%;width:430px;clear:both;height:101px;margin-top:10px;background-color:#E2ECDD;border:1px solid #A5C596;}
.homebox h2 {margin-top:4px;}

.coursetable {margin-left:8px;width:208px;border:1px solid #A5C596;}
.coursetable td{font-size:80%;color:#606060;}
.coursetable .row{background-color:#EFF4EC;}
.coursetable .rowalternate{}
.coursetable .headerrow td{background-color:#246F00;color:white!important;}

.coursetable .headerrow2 td{background-color:#9B9B9B;color:white!important;}



	


ul#nav{
	list-style:none;
	margin:0;
	padding:0;
}

#nav li,#nav li a {
	height:24px;
	width:107px;
	position:relative;
	display:block;
 line-height:24px;
}
/* mac hide \*/
#nav li,#nav li a {	overflow:hidden;}
/* end hide*/
#nav a{font-size:1em;color:#fffefe;}
li em {
	position:absolute;
	left:0;top:0;
	display:block;
	height:24px;
	width:107px;
}
li#link1 em {	background: url(imgs/nav/home.gif) no-repeat 0 0;}
li#link2 em {	background: url(imgs/nav/courses.gif) no-repeat 0 0;}
li#link3 em {	background: url(imgs/nav/aboutus.gif) no-repeat 0 0;}
li#link4 em {	background: url(imgs/nav/location.gif) no-repeat 0 0;}
li#link5 em {	background: url(imgs/nav/gallery.gif) no-repeat 0 0;}
li#link6 em {	background: url(imgs/nav/reviews.gif) no-repeat 0 0;}

ul#nav li a:hover{visibility:visible;cursor:hand;}/* needed for ie to work*/
ul#nav li a:hover em{background-position:0 -21px}

.imageontheright {float:right;margin-left:20px;}
.imageontheleft  {float:left;margin-right:20px;}


/*#Photogallery#*/
.zoneMain
{
	min-height: 500px;
}

.IE6 .zoneMain
{
	height: 500px;
}

.photoGallery
{
	margin-left: -10px;
	margin-top: 10px;
}
.gallery .teaser
{
	float: left;
	background: url(../App_Themes/PersonalSite/Images/bg_photo.gif) no-repeat top left;
	width: 158px;
	height: 125px;
	padding: 8px 7px 10px 7px;
}

.gallery .teaser img
{
	border: 0px;
}

.gallery p
{
	color: #5a5a5a;
}

.lightBoxGallery 
{
	width: 682px;
	margin: 0px auto;
}
.lightBoxGallery a
{
	background: url(../App_Themes/PersonalSite/Images/bg_photo.gif) no-repeat top left;
	width: 145px;
	height: 110px;
	padding: 8px 7px 10px 7px;
	display: block;
	float: left;
	margin: 10px 5px;
}

.lightBoxGallery img
{
	border: 0px;
}

.lightBoxGallery .blogBreadcrumbs
{
	margin-left: 5px;
}

.lightBoxGallery .blogBreadcrumbs a	
{
	display: inline;
	background: none;
	float: none;
	padding: 0px;
	margin: 0px;
}

.PagerNumberArea a
{
	height: 0px;
	width: 0px;
	/*clear: both;*/
	background: none;
	margin: 0px;
	padding: 0px;
	float: none;
	display: inline;
	font-weight: normal;
	text-decoration: underline;
}

.PagerControl
{
	clear: both;
}


.CMSListMenuUL {list-style:none;margin-left:0px;padding-left:30px;width:120px;}
.CMSListMenuUL li{line-height:20px;}
.CMSListMenuUL a{color:#2C740A;text-decoration:none;font-size:14px}
.CMSListMenuUL a:hover{text-decoration:underline;}
.CMSListMenuLinkHighlighted{font-weight:bold;}

