/********** Global Styles **********/
* {
margin:0;
padding:0;
}
body,html {
	font-family:     Verdana, "Bitstream Vera Sans", "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size:       101%;	/* Allow IE/Win to resize the document */
	border:          none;
 	background-image: url(../graphics/body_back.jpg);
	background-repeat: repeat-x;	
}
/* fix ie */
* html #content {height: 1%}
* html #home {margin-left:1.67%}
* html #news {margin-right: 1.67%}

#wrapper {
	width: 790px;
	/* background-color:#CCCCFF;   */
	max-width:100%;
	margin-left: auto;
	margin-right:auto;
	height:auto;
	text-align:	left; /* re-align text left for above hack */
	color:#333333;
	border:2px solid #CCCCCC;
	padding: 0px;
	margin-top: 0;
	margin-bottom: 0;
	background-color:#fff9e5;
}
/* Fonts */
p {
	margin: 1em 1em 1em 1em;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
h1,h2,h3,h5,h5,h6 { font-family:Verdana, Arial, Helvetica, sans-serif}

h1 { font-size:		150% }
h2 { font-size:     130% }
h3 { font-size:     115% }
h4 { font-size:     110% }
h5 { font-size:     105% }
h6 { font-size:     100% }

h1 {
	color: #8f0b0b;
	font-weight: bold;
}
h2{      /*  Bold Headings */
	font-style:      normal;
	margin:          1em;
	color: #CC0000;
  }
h3 {    /*  TOP EACH PAGE */
	text-align:   	left;
	color: 			#8f0b0b;
	margin:          1em;
	padding:         0;
	font-weight: bold;
}
h4 {    /* As P but larger & Bold */ 
	text-align:   		left;
	margin: 			0.5em 1em 1em 1em;
	color:				#990000;
	}
h5 {  
   font-weight:     bold;
   font-style:      normal;
   color: 			black;
   text-align:      center;
   margin:          0.25em 0 0 0;
   padding:         0;
}
h6 {  
   font-weight:     normal;
   font-style:      normal;
   color: 			#8f0b0b;
   text-align:      left;
   margin:          0.25em 0 0 0;
   padding:         0;
}
/* Anchors */

a,a:link {
	text-decoration: none;
	color:           #1F57ff;
	background:      transparent;
}

a:visited {
   text-decoration: none;
   color:           #0066cc;
   background:      transparent;
}

a:hover,
a:active {
	color:red;
	text-decoration:underline;
}
/********* VCARD *********************/
.dialog {			/* Used in Contact */
	width:			  300px;
	border:			  thin solid #8189D3;
	background-color:#F0FBF2;
	margin-top:		 20px;
	margin-right:    auto;
	margin-bottom:   20px;
	margin-left:     auto;
	font-family:     Arial, Helvetica, sans-serif;
	font-size:		 1.0em;
	padding-top:     0;
	padding-right:   1.0em;
	padding-bottom:  0;
	padding-left:    0.5em;
	white-space:	 nowrap; 
}  
/* Block-inline elements */

img {
   vertical-align:  baseline;
   margin:          0;
   padding:         0;
   border:          none;
}

img.left {			/* Left-floating images */
   margin:          0.75em 1.0em 1.0em 1.0em;
   float:           left;
}

img.right {			/* Right-floating images */
   margin:          0 2em 2.0em 1.0em;
   float:           right;
}
.img-shadow-left img {
       display:  	block;
       position: 	relative;
       background-color: #fff;
       border: 		1px solid #a9a9a9;
       margin: 		-6px 6px 6px -6px !important;	   
       margin: 		-6px 3px 6px -3px;
       padding: 	5px !important;
	   padding:     10px;    
}
.img-shadow-left {
        float:		left;  
/*       width: 		280px !important;
		width:		290px; */
        background: 	url(graphics/pictureshadow.png) no-repeat bottom right !important;
        background: 	url(graphics/pictureshadow.png) no-repeat bottom right;
        margin: 	10px 10px 0 40px !important;
        margin: 	10px 10px 0 20px;
}
.img-shadow-right img {
       display:  	block;
       position: 	relative;
       background-color: #fff;
       border: 		1px solid #a9a9a9;
       margin: 		-6px 6px 6px -6px !important;	   
       margin: 		-6px 3px 6px -6px;
       padding: 	5px;
}
.img-shadow-right {
        float:		right;  
/*       width: 		240px !important
		width:		250px; */
        background: 	url(graphics/pictureshadow.png) no-repeat bottom right !important;
        background: 	url(graphics/pictureshadow.png) no-repeat bottom right;
        margin: 	10px 20px 0 20px !important;
        margin: 	10px 20px 0 10px;
}
hr {
	width: 				95%;
	color:				#008c00;
	background-color:	#008c00;
	height:				1px;
}
.separator {
		clear: both;
		height: 10px}
.clear {
		clear:both;
		height: 10px}
/* Lists */
ol {

	text-indent: 10px;
	padding-left: 30px;
}
li {

  	margin:     	0 0 0.1em 1.6em;
  	padding: 	    0;
}
/********** Styles for Header **********/

				/* In this style sheet, headers are composed */
				/* of three parts: left, right and subheader */
				/* Left part is ideally an image.            */

#header {			/* Warning: not printed out on paper */
  /*    background-color:#CCCCFF;  */
   padding: 	    0;
   margin: 	    0;
}

#header a:link,
#header a:visited {
   color:           #red;
   background:      transparent;
}
#header a:hover {
	color:red; /* Button hover colour */
	background-color: #F7F4F5;
}

/* Left part of header (ideally an image but may be a link) */

#header div.left {
        float: left;
      	padding: 7px 0px 10px 10px;
   		clear:left;
}
/* Right part of header is for external/global links, search, etc */

#header div.right {
   font-size:       90%;
   text-align:      right;
   margin:          0;
   padding:         0.0em 0em 0 0;
   float:           right;
   clear:           right;
}
#banner {
	margin: 		0 0 0 40px;
	padding:		20px;
}
#logo {
		float:		left;
		width:		155px;
		padding:	0 0 0 10px;
		margin:     10px 0 10px 0 !important;
		margin:		10px 0 0 0;
}
#logoright {
		float:		right;
		padding:	0 10px 0 10px;
		margin:     20px 30px 10px 0 !important;
		margin:		20px 10px 0 0;
}
/* ===  Horizontal  Menu ********* == */
#horizmenu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 		14px;
	height:   		28px;
	padding:		5px 0 0 0;
	margin:			0;
	background-color: #fff2cc; /** Colour of Bar  */
	font-variant: normal;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-bottom-color: #666666;
	}
#horizmenu:after{ 
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#horizmenu ul{
	background-color:#fff2cc;
	font-weight: bold;
	border-width:	0;
	border-style: solid;
	text-transform: capitalize;
}
#horizmenu ul li{
	 display: inline;
}
#horizmenu ul li a{
	float: left;
  /*	Spacing of Buttons  */
	padding: 5px 0px 5px 5px;
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#horizmenu ul li a:hover{
	color: red;
	font-style: normal;
	padding: 5px 0px 5px 5px;
	background-color:	#fff2cc;
}

#horizmenu ul li a[onMouseover]:after{ 
content: "    ";
}


/****  Structure ***/
#content {
		margin:		0;
		}
#content div.right {
   font-size:       90%;
   text-align:      right;
   margin:          0;
   padding:         0;
   float:           right;
   clear:           right;
}
#content div.left {
   font-size:       90%;
   text-align:      left;
   margin:          0;
   padding:         0;
   float:           left;
}
.poem {
		float:				left;
		margin:				0 0 0 150px !important;
		margin:				0 0 0 100px;
		border:				1px solid #0000FF;
		background-color:	#f8ffe5;
}
/*********  Layout ************/
.floatboxtreatments {
	border:          		5px solid #FFEBAE;
	-moz-border-radius: 	15px;
	-webkit-border-radius: 	15px;
	overflow:       	 	visible;
	width:				 	420px;
	font-size:       		100%;
	line-height:     		1.25;
	margin:          		0 0 0 0.3em;
	padding:         		0.3em 0 0.3em 0;
	float:           		left;
 }
.floatboxtreatments p {
	margin: 0 1em 0 1em;
}
.courses ul	{
	margin-left:	40px;

}
.treatcol1 {
	margin:			0.1em 0 0.1em 0.1em;
	width:			220px;
	float:			left;
}
.treatcol2 {
	margin:			0.1em 0 0.1em 0.1em;
	width:			120px;
	float:			left;
}
.treatcol3 {
	margin:			0.1em 0 0.1em 0.1em;
	width:			50px;
	float:			left;
}
/************  Photo Buttons    *********/
div.photowrapper {
			float:		left;
			margin:		0 20px 0 20px !important;
			margin:		0 20px 0 8px;
}
/********** Styles for Footer **********/
#footer {
	font-size:10px;
	height: 50px;
	/*	width: 770px;  */
	background-color: #fff9e5;
	margin-top:2px;
	padding: 0.5em 0 0 2em;
	border-top-color:#8f8fff;
	color:#333333;
	border-top-width:2px;
	background-repeat:no-repeat;
}
#footer div.right {
   text-align:      right;
   width:			150px;
   margin:          0;
   padding:         0 2em 0 0;
   float:           right;
   clear:           right;
}
#footer div.left {
   text-align:      left;
   width:			230px;
   margin:          0;
   padding:         0 2em 0 0;
   float:           left;
 }