/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Name:				shin.CSS
Created:		2007-May-23
Author:			Ben Sheppard
Copyright:	© 2005 - 2007 by GLobal ICT Systems Inc. All rights reserved.
Email:			support@GlobalICTSystems.com
URL:				http://www.GlobalICTSystems.com
Version:		1.0.0
Site:				http://www.SoundHealingNetwork.com

Description:
	This is the CSS (style sheet) governing the look and feel of all 
	Static HTML pages based on this site's (Dreamweaver Template) 

NOTES:
	see <dbs> below for any change documentation...

	Any changes to this file will effect only the Static HTML pages on 
	this website based on the Dreamweaver Template that created them.  
	It will NOT effect the rendering of dynamic content generated by the 
	Joomla! CMS. If you wish make avaliable styles defined here for use 
	by the Joomla! CMS you must copy those stiles into the Joomla! related 
	.CSS files: (template_css.css and editor_content.css)

	I M P O R T A N T - If you are responsible for maintaining this site, 
	Please Read On... Whenever any of the styles below are updated or new 
	styles are created, Please take care to insure any style definations 
	that are similar or even duplicated inside the Joomla! CMS CSS file: 
	template_css.css continue to render in a compatable fashion to the 
	corresponding styles defined here.  Additionally, if you wish to see 
	similar or duplicated styles rendered inside the Joomla! JCE On-Line
	Content Editor, do the same comparisons to the editor_content.css file.
	(Joomla! related .css files are locsated in the Joomla! templates 
	directory) - Cheers! - dbs
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

body {
	margin:0;
	padding:0;
	text-align: left;
	background-color: #200040;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #200030;
}

h1 {
	color: #201030;
	font-size: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-variant: small-caps;
	letter-spacing: 7px;
	text-align: center;
	line-height: 29px;
}

h2 {
	color: #201030;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 27px;
	font-variant: normal;
	font-weight: normal;
	letter-spacing: 5px;
	line-height: 28px;
}

h3 {
	color: #186D12;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	letter-spacing: 5px;
	line-height: 23px;
}

h4 {
	color: #201030;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: normal;
	font-variant: small-caps;
	letter-spacing: 2px;
	line-height: 20px;
}

h5 {
	color: #201030;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 20px;
}

h6 {
	color: #201030;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: capitalize;
	line-height: 19px;
}

.ulListLabel {
	font-variant: small-caps;
	color: #200030;
	letter-spacing: 2px;
	font-size: 16px;
	font-weight: 600;
}

.pageHeading {
	text-align: center;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #200030;
}

.articleHeading {
	font-variant: small-caps;
	color: #200030;
	letter-spacing: 2pt;
	font-size: 14px;
	text-transform: none;
	font-style: normal;
}

/* <dbs> BEGIN midnightBG related classes (almost black background container with visible elements */
.midnightBG {
	color: #F7E0FF;
	width: 99%;
	background-color: #080000;
	padding: 1%;
}

.midnightBG a:link, .midnightBG a:visited {
	color: #F7E0FF;
	text-decoration: underline;
	font-weight: bold;
}

.midnightBG a:hover {
	color: #200030;
	background-color: #F7E0FF;
	text-decoration: underline;
	font-weight: bold;
}

/* END midnightBG related classes </dbs> */

/* <DBS> BEGIN Midnight Dark Background Menu Style Defs. 2008-August-18 */
.midnightBGMenu {
	width: 100%;
	margin: 1em 0;
	padding: 0px 0.5em;
/*	background: #eee none; */
}

.midnightBGMenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

.midnightBGMenu li {
	margin: 0;
	padding: 0;
	float: left;
	width: 33%;
	text-align: center;
}

.midnightBGMenu a:link, .midnightBGMenu a:visited {
	display: block;
	color: #F7E0FF;
	width: 100%;
	font-weight: bold;
	text-decoration: underline;
}

.midnightBGMenu a:hover {
	color: #200030;
	background-color: #F7E0FF;
}
/* </DBS> END Midnight Dark Background Menu Style Defs. */

.snowWhite {
	color: #F7E0FF;
}

.orangeText {
	color: #DDAA55;
	font-weight: bold;
}

.redText {
	color: #CC0033;
	font-weight: bold;
	font-variant: small-caps;
}

.greenText {
	color: #009900;
	font-weight: bold;
	font-variant: small-caps;
}

.superscript {
	font-size: 9px;
	letter-spacing: normal;
	vertical-align: text-top;
}

.subscript {
	font-size: 9px;
	letter-spacing: normal;
	vertical-align: text-bottom;
}

.newsFlashHeadline {
	color: #200030;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	font-variant: small-caps;
	letter-spacing: 2px;
}

.bulletHeading {
	font-variant: small-caps;
	color: #200040;
	letter-spacing: 2px;
	font-size: 14px;
	font-weight: 500;
}

.bulletHeading2 {
	font-variant: small-caps;
	color: #200040;
	letter-spacing: 2px;
	font-size: 15px;
	font-weight: bold;
	text-transform: none;
	font-style: normal;
}

.emphasizedText01 {
	font-variant: small-caps;
	color: #200080;
	letter-spacing: 2px;
	font-size: 13px;
	font-weight: 500;
}

.emphasizedText02 {
	font-variant: small-caps;
	color: #200080;
	font-size: 15px;
	font-weight: 500;
}

address {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: small-caps;
}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #330066;
	text-decoration: underline;
}

a:hover {
	color: #DDBBFF;
	background-color: #200040;
}

a.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background-position: center center;
	text-decoration: none;
	color: 200040;
	white-space: nowrap;
	border: thin none #990000;
}

a.menu:hover {
	background-color: #200040;
	letter-spacing: normal;
	display: block;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	background-position: center center;
	color: DDBBFF;
}

a.menu:active {
	background-color: #DDBBFF;
	letter-spacing: normal;
	display: block;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	background-position: center center;
	color: 200040;
}

a.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #200080;
	text-align: center;
}

a.footer:hover {
	color: #DDBBFF;
	background-color: #200040;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul {
	list-style-type: none;
	list-style-position: outside;
	list-style-image: url(Assets/tuningfork.jpg);
}

li {
	padding-bottom: 13px;
}

td, th {
	color: #200040;
}

td.menu {
	text-align: center;
	border: 1px outset #990000;
	height: 20px;
	width: 15%;
	background-color: #CC9966;
}

td.menu:hover {
	text-align: center;
	border: 1px outset #990000;
	height: 20px;
	width: 15%;
}

td.menu:active {
	text-align: center;
	border: 1px inset #990000;
	height: 20px;
	width: 15%;
	background-color: #CCCCFF;
}

.menuItem {
	text-align: center;
	border: 1px outset #990000;
	height: 20px;
	width: 15%;
}

.navBar {
	border: 1px outset #990000;
	text-align: center;
	width: 20%;
	background-color: #DDAA55;
	height: 100%;
	vertical-align: top;
}

.darkRedThinlineBox {
	border: 1px outset #990000;
	text-align: left;
	vertical-align: top;
	color: #200040;
}

.mainContentBox {
	width: 100%;
	vertical-align: top;
}

.headerBox {
	border: 1px outset #990000;
	text-align: center;
	width: 100%;
	color: #200040;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.footerBox {
	border: 1px outset #990000;
	text-align: center;
	width: 100%;
	font-size: 8px;
	height: 100%;
	color: 200040;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.darkRedThinlineBorder {
	border: thin ridge #990000;
}

.darkRedThinlineHeadlineBox {
	background-color: #F0B002;
	border: 1px outset #990000;
	text-align: left;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000080;
	font-size: 14px;
}

.mainBodyContainer {
	border: none;
	text-align: left;
	vertical-align: top;
	width: 100%;
}

.outsidePageContainer {
	width: 850px;
}

.insidePageContainer {
	width: 95%;
	vertical-align: middle;
	position: static;
	background-color: #F5E5FF;
}

.mainContentContainer {
	border: none;
	width: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #200040;
	font-size: 13px;
	height: 100%;
	vertical-align: top;
}

.rightPanelContainer {
	border: none;
	width: 20%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #200040;
	font-size: 13px;
	height: 100%;
	vertical-align: top;
	background-position: center;
}

.rightContentBox {
	border: 1px outset #990000;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	background-position: center;
}

.wideContentContainer {
	border: none;
	width: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #005500;
	font-size: 13px;
}

.centerContentBox {
	width: 100%;
	vertical-align: top;
}

.centerContentContainer {
	border: none;
	width: 60%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #200040;
	font-size: 13px;
	height: 100%;
	vertical-align: top;
}

.bottomPanelContainer {
	border: none;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #200040;
	font-size: 13px;
	height: 100%;
	vertical-align: top;
}

.bottomContentBox {
	border: 1px outset #990000;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	background-position: center;
}

.iframeBody {
	background-color: #F5E5FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
}

.imageContainer {
	width: 100%;
	vertical-align: top;
	text-align: center;
}

.flowerBorder {
	border: thin ridge #990000;
}