/* -----------------------------------------------
Reset Style Sheet

Author:   	Jeremy Douglas Hoover | www.mycelebrationministries.com
          
Version:  2008 06
----------------------------------------------- */

/*///// Reset Styles ////*/

/*Reset*/

* {
padding:0;
margin:0;
border:0;
}

html, body, div, span, applet, object, iframe, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
	font-family: Helvetica, Arial, sans-serif;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

html {
text-align: center;
}

body {
	font-size:67.5%;
	line-height: 140%;
	color: #000000;
	background: #FFFFFF;
	text-align:left;
	margin: 0 auto;
	position: relative;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

a:hover {
background:#FFFF99;
color:#5a3d1c;
}

/* --------------------------------
	 Typo
----------------------------------- */

p {margin-bottom:1em;}

strong, b {font-weight:bold;}

em, i {font-style:italic;}

h1 {
font-weight:bold;
color:#0099FF;
font-weight:bold;
font-size:2.5em;
line-height:normal;
padding-bottom:0.5em;
}

h3 {
color:#0099FF;
border-bottom:#FF9900 solid 1px;
display:block;
width:100%;
font-size:0.8em;
font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
text-transform: uppercase;
}


body {
background-color: #5a3d1c;
font: 76%;
text-align:center;
font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
line-height:1.2em;
font-size:0.9em;
}

.flcb {
float:left;
clear:both;
}

.flcn {
float:left;
clear:none;
}

.frcb {
float:right;
clear:both;
}

.frcn {
float:right;
clear:none;
}

.flcl {
float:left;
clear:left;
}

.frcr {
float:right;
clear:right;
}


.menu {
width:148px;
background-color:#FFFFFF;
height:350px;
display:block;

}


.wrapper {
text-align:left;
margin: 0 auto;
aposition: relative;
width: 784px;
margin-top: 3px;
}

.whatsNew h3 {
padding:0px 0 0px 5px;
margin:0px 0 5px 3px;
font-size:0.6em;
}



.giftGiveaway  {
margin:30px 0 0 18px; 
float: left;
clear: both;
display: block;
}

.giftGiveaway a:hover{
background: transparent;
border: none;
}

.whatsNew {
float: left;
clear: both;
}

.mainContentArea {
min-height:450px;
width:629px;
margin: 0 0 0 3px;
}

body#toronto .mainContentArea {min-height:350px;}

.mainContent {
margin:0px 0 0 5px;
}

.greyBorder {
border:#8BA299 2px solid;
background:#FFFFFF;
min-height: 370px;
}

.bottomBar {
text-align:center;
position: relative;
width: 784px;
float:left;
clear:both;
top:4px;
padding: 10px 0;
}

.bottomBar a, .bottomBar span {
color:#fff;
font-size:0.7em;
text-decoration:none;
margin:0 1px;
display:inline;
background-color: #5a3d1c;
font-weight:normal;
top:0px;

}

.bottomBar a:hover, .bottomBar span:hover {
background-color: #5a3d1c;
font-weight:normal;
color:#FFFF99;
}

.show {
aborder:#006600 thin solid;
background:#000;
}

a.edit {
padding:3px;
color:#fff;
background: #5dd230;
text-decoration:none;
margin:10px 0;
}


/* --------------------------------
	 Forms
----------------------------------- */

input, textarea {
padding: 3px 5px;
margin: 10px 0 20px 5px;
border: 1px solid #444;
}


/* --------------------------------
	 Healing School
----------------------------------- */

div.audio_entry {
width:575px;
float: left;
clear: both;
border-bottom: #368ee5 solid 1px;
padding-bottom: 10px;
margin-bottom: 10px;
}

div.audio_data {
width:339px;
float: left;
clear: both;
}

div.audio_buttons {
width:236px;
float: left;
clear: none;
padding-top: 15px;
}

div.audio_buttons a, div.audio_buttons img {
float: left;
clear: none;
}

div.audio_buttons a:hover {
border: none !important;
padding: 0 !important;
}

div.audio_buttons img {
cursor: pointer;
border: none;
}

div.contentpaneopen {
font-size:0.85em;
text-align:left;
line-height:1.7em;
padding:20px;
float: left;
clear: none;
}

/* --------------------------------
	 Audio
----------------------------------- */
body#audio div.wrap {padding-left:80px;}

div.audio_entry {
width:575px;
float: left;
clear: both;
border-bottom: #368ee5 solid 1px;
padding-bottom: 10px;
margin-bottom: 10px;
}

div.audio_data {
width:339px;
float: left;
clear: both;
}

div.audio_buttons {
width:236px;
float: left;
clear: none;
padding-top: 15px;
}

div.audio_buttons a, div.audio_buttons img {
float: left;
clear: none;
}

div.audio_buttons img {
cursor: pointer;
border: none;
}

p.paginate {
margin-bottom: 20px;
}

p.paginate a {
padding: 2px 5px;
}

/* --------------------------------
	 Main Nav
----------------------------------- */

* html .default td { position: relative; } /* ie 5.0 fix */

.menuCont_1, .menuCont_2, .menuCont_3 {text-transform:uppercase;}

.default a  {
	/*====================================================
	CSS here affects all menu item anchors (parentItem,
	subItem_1, subItem_2, etc..)
	Settings here can be overriden by adding css to other
	anchor classes - eg, to override font of sub item 1:
	.default .subItem_1 {
		font-familiy: sans-serif;
		font-size: 15px;
	}
	
	, * a, * + * span a, * span a:link, * span a:hover, * span a:visited, * span a:active
	
	======================================================*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size			: 0.55em;
    font-weight			: bold;
	font-style			: normal;
    width				: 148px;
	text-decoration		: none;
    display				: block;
    white-space			: normal;
    position			: relative;
	padding				: 0;
	margin: 0; /*-1 px stops adjacent borders looking like 2 pixels width*/	
	color:#5A3D1C;
	background:fff;
	 border:none;
	 top:0px;
	 
}



.section, .shadow, .menuBox {border:none;}

.menuBox {
background:fff;
margin:0px 0 0 0;

}

.menuCont_1 a, .menuCont_2 a, .menuCont_3 a{
background-color	: #ffffff;
/* Un comment this line if you want opacity
Filter: Alpha(Opacity=75);
-moz-opacity:.75;
opacity:.75;*/
color				: #5A3D1C0;
font-weight: bold;
border-bottom 	: 1px solid #5A3D1C;	
background-color:#FFFFFF;
padding:0px 5px 0px 10px;	
line-height:26px;
 top:0px;
}

 .default .menuCont_2 a {
 background-color:#E5E5E5;
 border:none;
 border-bottom 	: 1px solid #5A3D1C;
 }

 .default .menuCont_3 a {
 background-color:#E5E5E5;
 border:none;
 border-bottom 	: 1px solid #5A3D1C;
 }



.default .menuCont_1 a:hover, .default .menuCont_2 a:hover, .default .menuCont_3 a:hover{
color:#FFFFFF;
background-color: #5A3D1C;
 border:none;
  border-bottom 	: 1px solid #5A3D1C;
}



.default .parentItem:active, .default .parentItem-active:active  {
	/*background-color	: #ee5500;*/   /*.menuCont classes deal with the background color beacuse it makes opacity possible*/
color:#FFFFFF;
background-color: #5A3D1C;
}


.default .subItem_1, .default .subItem_1-active{

width: 160px;
}

.default .subItem_2, .default .subItem_2-active{
border:#5A3D1C solid thin;
width: 160px;
}



.default .subItem_1:hover, .default .subItem_2:hover,
.default .subItem_1-active, .default .subItem_2-active,
.default .subItem_1-active:hover, .default .subItem_2-active:hover{
	/*.menuCont classes deal with the background color beacuse it makes opacity possible*/
width: 160px; /*This had to be added to stop menu from shrinking on hover - GT 22/08/2005*/


}



.default .section {
    border-style: none;
    position: absolute;
    visibility: hidden;
    z-index: 5;
}




/* --------------------------------
	 Specific to HCC Site
----------------------------------- */

* {
padding:0;
margin:0;
aborder:#006600 thin solid;
}

/*a, a:link {
text-decoration:none;
color:#fff;
background:#FF9900;
border:#FF9900 4px solid;
font-weight:bold;
position:relative;
top:5px;
}*/

a:hover {
background:#FFFF99;
color:#5a3d1c;

}

h3 {
color:#FF9900;
border-bottom:#FF9900 solid 1px;
display:block;
width:100%;
font-size:0.8em;
font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
text-transform: uppercase;
}


body {
background-color: #5a3d1c;
font: 76%;
text-align:center;
font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
line-height:1.2em;
font-size:0.9em;
}

.flcb {
float:left;
clear:both;
}

.flcn {
float:left;
clear:none;
}

.frcb {
float:right;
clear:both;
}

.frcn {
float:right;
clear:none;
}

.flcl {
float:left;
clear:left;
}

.frcr {
float:right;
clear:right;
}


.menu {
width:148px;
background-color:#FFFFFF;
height:350px;
display:block;

}


.wrapper {
text-align:left;
margin: 0 auto;
aposition: relative;
width: 784px;
margin-top: 3px;
}

.whatsNew h3 {
padding:0px 0 0px 5px;
margin:0px 0 5px 3px;
font-size:0.6em;
}



.whatsNew .giftGiveaway  {
margin:0 0 0 18px; 

}

.whatsNew {
padding:0 0 0 0px;
margin:-15px 0 0;
width:148px;
height:138px;
overflow:hidden; 
}

.mainContentArea {

width:629px;
margin: 0 0 0 3px;
}

.mainContent {
margin:0px 0 0 5px;
height:110px;
}




.greyBorder {
border:#8BA299 2px solid;
background:#FFFFFF;
}




.bottomBar {

text-align:center;
width:784px;
margin: 0 auto;
position: relative;
width: 784px;
float:left;
clear:both;
top:1px;

}

.bottomBar a, .bottomBar span {
color:#fff;
font-size:0.7em;
text-decoration:none;
margin:0 2px 0 2px;
display:inline;
background-color: #5a3d1c;
border:#5a3d1c 4px solid;
font-weight:normal;
top:0px;

}

.bottomBar a:hover, .bottomBar span:hover {
background-color: #5a3d1c;
border:#5a3d1c 4px solid;
font-weight:normal;
color:#FFFF99;
}
.show {
aborder:#006600 thin solid;
background:#000;
}

/*//////  Joomla //////*/

.contentpaneopen, .contentpaneopencontact {
font-size:0.85em;
font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
text-align:left;
line-height:1.7em;
padding:0 0 0 10px;
}

.contentheading {
font-weight:bold;
color:#FF9900;
font-weight:bold;
font-size:2.5em;
height:60px;
}


.contentheadingcontact {
padding:0 0 0 30px;
font-weight:bold;
color:#FF9900;
font-weight:bold;
font-size:2.5em;
height:60px;
}
.mainSection {
	min-height:460px;
	background: url(/img/main-page2.jpg) 0 0 no-repeat;
	padding:10px 10px 20px 435px;
	float:left;
	clear:both;
}

.mainText {width:322px;}

p {
padding:0 0 2px 0;

font-size:0.8em;

}

body#home h1 {
	font-size:0.8em;
	padding: 15px 0 0 0;
	color:#FF6600
}

a {text-decoration:none;}
.style1 {
	color: #666666;
	font: bold;
}
.style2 {color: #666666}

/* --------------------------------
	 mini nav
----------------------------------- */

ul.mini_nav li {
display:inline;
padding: 0 15px 0 0;
}

ul.mini_nav {margin-bottom:2em;}