html{ 
 margin:0; 
 padding:0; 
 background-color: #000000;
 font-family:arial, helvetica, sans-serif;

 } 
 
body{ 
 margin:0; 
 padding:0; 
 text-align: center;
 width: 790px;
 } 

h1
   { clear: both; 
     font-family: arial, verdana,helvetica, sans-serif;
     font-size: 150%;
     background-color:#881b2e; 
     text-align: center;
     color: #ffffff;}
   
h2 
   { clear: both; 
     font-family:  arial, verdana,helvetica, sans-serif;
     font-size: 130%;
     background-color:#881b2e; 
     color: #ffffff;}
     
h3 
   { clear: both; 
     font-family:  arial, verdana,helvetica, sans-serif;
     font-size: 110%;
     background-color:#881b2e; 
     color: #ffffff;}
     
#pagewidth{ 
 width:790px; 
  min-width: 500px; 
  
} 
 
#header{ 
 width:790px; 
 height: 228px;
 background-color:#881b2e; 
 } 
 
#leftcol{
 width:170px; 
 float:left; 
 position:relative; 
 margin-left:-170px; 
 margin-right:1px; 
 text-align:left;
 background-image: url("images/leftcol-bg.jpg");

 }

A:link, A:visited, A:active {
	color:#ffffff;
}
a:hover {
	color:#31cbff;
} 
 
#outer{ 
 border:solid white 0px; 
  /*/*/ border-left-width: 170px ;  /* left column width.  NN4 hack to hide borders */ 
border-left-color: #881b2e;   /* left column colour */ 
border-left-style: solid; 
background-color: #881b2e; /* center column colour */ 
width: auto; 
 } 
 
#footer{
 width:100%; 
 background-color:#881b2e; 
 color: #ffffff;
 text-align: center;
} 
 
#inner{margin:0; width:100%;}
 
#maincol{ 
 float: left; 
 width: 97%; 
 position: relative; 
 color: #ffffff;
 margin: 0 -8px 0 -2px; 
 text-align: left;
 }
#maincol A:link, #maincol A:visited, #maincol A:active {
	color:#ffffff;
}
#maincol a:hover {
	color:#31cbff;
} 
  
#outer>#inner { border-bottom: 1px solid #881b2e;  }
 
.clr{clear:both;}
 
.content{padding:5px;} /*padding for content */ 
 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 
 

 
 /*printer styles*/ 
@media print{ 
/*hide the left column when printing*/
#leftcol{display:none;} 
#outer{border-left:0;} 
}

.strong{
font-weight: bold;
}

.strong-white{
font-weight: bold;
color: #ffffff;
}

.imgright{
float: right;
}

.imgleft{
float: left;
}

.ital{
	font-style: italic;
	font-weight: bold;
	color: #0000ff;
}
.small-font{
	font-size: 80%;
}
.calming{
	color: #000000;
	background-color: #31cbff;
	width: 190px;
	margin: 0px 10px 0px 0px;
	padding: 5px;
	border-right:  2px solid black;
	border-bottom:  2px solid black;
	float: left;
	text-align: left;
}
.calming A:link, .calming A:visited, .calming A:active {
	color:#000000;
}
.calming a:hover {
	color:#0000ff;
} 

.boosting{
	color: #000000;
	background-color: #ffff6b;
	width: 190px;
	margin: 0px 10px 0px 0px;
	padding: 5px;
	border-right:  2px solid black;
	border-bottom:  2px solid black;
	float: left;
	text-align: left;
}
.boosting A:link, .boosting A:visited, .boosting A:active {
	color:#000000;
}
.boosting a:hover {
	color:#0000ff;
} 

.emotional{
	color: #000000;
	background-color: #29aa52;
	width: 190px;
	margin: 0px 10px 0px 0px;
	padding: 5px;
	border-right:  2px solid black;
	border-bottom:  2px solid black;
	float: left;
	text-align: left;
}
.emotional A:link, .emotional A:visited, .emotional A:active {
	color:#000000;
}
.emotional a:hover {
	color:#31cbff;
} 
#navigation {
	padding: 10px 0px 10px 0px;
	width: 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	text-align: center;
	margin: 0px 0px 0px 2px;
}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation li {
	border-bottom: 1px solid #31cb6b;
}

#navigation li a:link, #navigation li a:visited  {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 3px solid #31cb6b;
	border-right: 1px solid #31cb6b;
	border-bottom: 1px solid #31cb6b;
	background-color: #31cb6b;
	color: #ffffff;
	text-decoration: none;
}

#navigation li a:hover {
	background-color: #ffffff;
	color: #881b2e;
}

#navigation ul ul {
	margin-left: 12px;
}

#navigation ul ul li {
	border-bottom: 1px solid #31cb6b;
	margin:0;
}
#navigation ul ul a:link, #navigation ul ul a:visited {
	background-color: #31cb6b;
	color: #ffffff;
}
#navigation ul ul a:hover {
	background-color: #31cb6b;
	color: #31cb6b;
}
	
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#31cb6b; border-left:1px solid #31cb6b; border-right:1px solid #31cb6b;}
.xb1 {margin:0 5px; background:#31cb6b;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#31cb6b; border:0 solid #31cb6b;}