/*********************************************************************/
/*                 GENERAL TEXT AND BACKGROUND COLORS                */
/*********************************************************************/

body {
background: #4e4e4e url("images/enviro/background.gif") repeat;
background-attachment: scroll;
background-repeat: repeat-x;
margin: 10px 0 0 0px;
padding: 0px;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .80em;
}

p { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
} 

ul { 
font-family: Verdana, Arial, Helvetica, sans-serif;  margin: 0px 5px 10px 25px;
} 

td { 
font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif;
} 
img { 
border: none;
}


ul { 
margin-bottom: 0%; padding-top:3px; font-family: Verdana, Arial, Helvetica, sans-serif; list-style-type: square; 
}

ul.standard li {padding:3px;}

input.text { 
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border : 1px;
	border-color : 7F9DB9;
	border-style : solid;
}




/*********************************************************************/
/*                               LAYOUT                              */
/*********************************************************************/

#mainbody
{
padding: 8px 0 0 0px;
}


#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 792px;
	background: #fff;
	
}

#header {
background-image: url(images/enviro/okotoks_gym.gif); 
background-position: top left; 
background-repeat: no-repeat;
width:780px;
margin: 0px 6px 0px 6px; 
height:134px;
}

#container {
	margin: 0px;
	background: #fff;
}


#side-left {
	float: left;
	width: 165px;
	background: url("images/enviro/sidebar-left.gif") repeat;
	background-attachment: scroll;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

#side-right {
	float: right;
	width: 200px;
	background: url("images/enviro/sidebar-right.gif") repeat;
	background-attachment: scroll;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

#content { 
	width: 752px;
	margin: 0px 20px 0px 20px;
	padding: 0px;
	background: #fff;
}

#footer {
	clear: both;
	padding: 10px 0px;
	background: #fff;
	margin-bottom:5px;
	border: 0px solid #eaeaea;
	border-top: 0px solid #eaeaea;
}

div.hr {

  height: 17px;
  background: #fff url(images/enviro/footer.gif) no-repeat scroll center;
}
div.hr hr {
  display: none;
}



/*********************************************************************/
/*                               NAVBAR                              */
/*********************************************************************/
/* ---------------------- Redslate nav ---------------------- */
.red #slatenav{margin:3px 13px 0px 12px; position:relative;display:block;height:42px;font-size:14px;font-weight:bold;background:transparent url(images/enviro/redslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.red #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.red #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.red #slatenav ul li a{display:block;float:left;color:#FECCC3;text-decoration:none;padding:14px 15px 0 15px;height:28px;}
.red #slatenav ul li a:hover,.red #slatenav ul li a.current{color:#fff;background:transparent url(images//enviro/redslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Redslate nav ---------------------- */

/* END SIDEBAR CODING */


h1 { 
padding: 0px; font-size: 20px; margin: 5px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000;
background: url(images/enviro/gradient.gif);
background-position: left bottom;
background-repeat: no-repeat;
height:30px;
} 

h2 { 
padding: 0px 0 0px 0px; font-size: 18px; margin: 3px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#333;
}

h3 { 
padding: 0px 0 0px 0px; font-size: 14px; margin: 10px 0px 5px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#666;
} 

h4 { 
padding: 0px 0 0px 0px; font-size: 12px; margin: 10px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#9e0000;
} 


.bold {
font-weight:bold;
}

.red {
color: red;
}


.italic {
font-style:italic;
}

.box {
padding: 20px;
border: 2px solid #60cdf4;
background: #d9f3ff;
margin: 0px 35px;
}

.redbox {
padding: 20px;
border: 2px solid #f86161;
background: #ffd9d9;
margin: 0px 35px;
}



#news p {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin:5px 0px; 
}


#testimonials {
margin:0px 10px 0px 10px; 
padding-top:0px;
}

#testimonials p {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin:5px 0px; 
}


.graybox {
padding: 8px;
border: 2px solid #708090;
background: #f5f5f5;
margin: 0px 10px;
}

.boxtop {
width:330px;
}

#copyright {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
text-align : center;
padding-top:5px;
}

#copyright a {
color:#aaaaaa;
}

#copyright a:hover {
color:red;
}

#gotop { 
float: right;
margin:5px 10px;
text-align:center;
font-size: 8pt;
} 
 


div.row {
  clear: both;
  padding-top: 10px;
  }

div.row span.label {
  float: left;
  width: 70px;
  text-align: right;
  font-weight:bold;
  }

div.row span.formw {
  float: right;
  width: 205px;
  text-align: left;
  font-weight:bold;
  }


/*********************************************************************/
/*                                LINKS                              */
/*********************************************************************/




.cursor {cursor: default;}
.hand {cursor: hand;}

a:link { 
color: #9e0000
} 
a:visited { 
color: #660000
} 
a:hover { 
color: #c70303
} 
a:active { 
color:#f00 
} 
a.hide { 
display: none 
} 
a.clean { 
text-decoration: none 
} 




#footerlinks { 
font-size: 13px; 
text-align:center
} 
 

#services a{
text-decoration: none;
color:black;
cursor:text;
}

#services a:link
{
text-decoration: none;
color:black;
cursor:text;
}

#services a:hover
{
text-decoration: none;
color:black;
cursor:text;
}

#services a:current
{
text-decoration: none;
color:black;
cursor:text;
}

#services a:visited
{
text-decoration: none;
color:black;
cursor:text;
}



/*********************************************************************/
/*                             MISCELLANEOUS                         */
/*********************************************************************/

acronym { 
color: #666666 
} 
.ucase { 
text-transform: uppercase 
} 
.nobr { 
white-space: nowrap 
} 
.smalltext { 
font-size: 11px; 
line-height:13px;
padding:3px;
} 
.tinytext { 
font-size: 9px; 
}

.indent1 { 
margin-left: 12px;  
} 
.indent2 { 
margin-left: 24px; 
} 
.indent3 { 
margin-left: 36px; 
} 
.indent4 { 
margin-left: 48px; 
} 
.indent5 { 
margin-left: 60px; 
} 

#printheadings{display:none}


.print {
display: none
}



/*********************************************************************/
/*                               PRINTING                            */
/*********************************************************************/

@media print 
{ 


/* display the print header */
#printheadings{display:block}

/* turn off navigation and ad bar */
.left-margin {display: none}

img.noprint {display: none}

td.noprint {
display: none
}

.print {
display: block;
}

.noprint {
display: none
}

#header {
display: none
}

#footer {
	clear: both;
	padding: 10px 0px;
	background: #fff;
	margin-bottom:20px;
	border: 10px solid #fff;
	border-top: 0px solid #fff;
}

#mainbody {
width:640px;
color:#000;
}

td {color:#000;}

h1 {  
page-break-inside: avoid; margin:0px;
} 
h2 { 
page-break-inside: avoid 
} 
h3 { 
page-break-inside: avoid 
} 
h4 { 
page-break-inside: avoid 
} 
h5 { 
page-break-inside: avoid 
} 
h6 { 
page-break-inside: avoid 
} 

td.noprint {
display: none
}
td.body1 {
display: none
}
td.body4 {
display: none
}
td.nav1 {
display: none
}
td.nav2 {
display: none
}
td.nav4 {
display: none
}
td.bottom {
margin-right:600px;
}
td.body2 {
margin-right:600px;
}


blockquote { 

} 
ul { 

} 
ol { 

} 
dl { 

} 

}