/*-----------------------------------------------------------------------------
Style Sheet Hypno Helps

version:   1.0
author:    christine reed
email:     cr@woodhamwebwriter.co.uk
website:   http://www.woodhamwebwriter.co.uk
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

/* Put it back on certain elements
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}
 */
 
 
/* Class for clearing floats */
.clear {
	clear:both;
	padding:0;
	margin:0;
}


/* Remove border around linked images */
img {
	border: 0;
}


/* =Main Block Elements
-----------------------------------------------------------------------------*/

body {
	background-color:#bfb0cf;
	background-image:url(Pictures/bgbodypurple01q25b15.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	text-align:center;
	padding:10px 0;
	margin:0;
	line-height:120%;
}

#wrapper{
	background-color:#FFFFFF;
	border-left:1px solid #999;
	border-right:2px solid #999;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#663366;
	text-align:left;
	padding:0;
	margin:0 auto;
	width:760px;
	background-image:url(Pictures/bgpagepurple2q25b15.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	}

/* ----------------- */

#contents{
	margin:20px 0 0 0;
	padding:0 30px 0 30px;
	width:440px;
	text-align:left;
	}
	
#contents p{
	padding:0;
	margin:10px 0;
	font-size:12px;
}

#contents ul{
	padding:0 20px 20px 0;
	margin:0 0 0 30px;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
#contents ul li{
	display:block;
	padding:10px 0 0 0;
	display:block;
	}

	
#right{
	float:right;
	margin:20px 0 0 0;
	padding:0 30px 0 30px;
	width:190px;
	border-left:1px solid #431743;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
#right p{
	padding:0;
	margin:10px 0;
}

#right ul{
	list-style-type:none;
	padding:0 20px 0 0;
	margin:0;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;

	}
	
#right ul li{
	display:block;
	padding:10px 0 10px 0;
	display:block;
	}
	
#contentsfullwidth{
	margin:10px 30px 30px 30px;
	padding:0;
	width:650px;
	text-align:left;
	}
	
#contentsfullwidth p{
	padding:0;
	margin:10px 0;
	font-size:12px;
}




/* =Headings
-----------------------------------------------------------------------------*/
h1{
	font-size:14px;
	color:#431743;
	padding:0;
	margin:50px auto 20px auto;
	text-align:center;
	letter-spacing:1px;
	font-weight:600;
	}

h2{
	font-family:"Comic Sans MS", cursive;
	font-size:15px;
	font-weight:600;
	color:#431743;
	padding:0;
	margin:30px 0 20px 0;
	}
	
h3{
	font-family:"Comic Sans MS", cursive;
	font-size:14px;
	color:#431743;
	padding:0;
	margin:10px 0;
	}
	
#right h2{
	font-family:"Comic Sans MS", cursive;
	font-size:15px;
	font-weight:600;
	color:#431743;
	padding:10px 0 10px 0;
	margin:0;
	}

#contentsfullwidth h3{
	font-size:14px;
	color:#431743;
	padding:0;
	margin:0 0 -10px 0;
	}	
	
/* =Links
-----------------------------------------------------------------------------*/
a:link, a:visited{
	color:#663366;
	}
	
a:hover, a:active{
	color:#330033;
	text-decration:none;
	}
	
/* =Branding
-----------------------------------------------------------------------------*/

#header{
height:270px;
margin:0;
padding:0;
}

#logo{
	padding:10px;
	margin:0;
	}
	
#logo h1{
	font-size:25px;
	color:#431743;
	margin:0;
	padding:0;
	font-family:"Comic Sans MS", cursive;
	text-align:left;
	}	
		
#tagline{
	margin:60px auto 60px auto;
	padding:0 ;
	text-align:center;
	}

#tagline h2{
	font-size:21px;
	line-height:24px;
	color:#c6b2db;
	letter-spacing:1px;
	font-family:"Comic Sans MS", cursive;
	}	
	


/* =Top Nav
-----------------------------------------------------------------------------*/
#body_hom #nav_hom a,
	#body_abo #nav_abo a, #body_con #nav_con a,
	#body_pri #nav_pri a, #body_faq #nav_faq a,
	#body_how #body_how a {
	color:#ff3900;
	}

#topnav{
	font-variant:small-caps;
	font-size:100%;
	list-style-type:none;
	/* adjust margin-top depending on size of tagline and logo)---*/
	padding:0;
	}
	
#topnav li{
	float:left;
	margin:0;
	width:auto;
	padding:4px 0 0 0;
	line-height:1em;
	}
	
#topnav a{
	float:left;
	width:auto;
	text-align:center;
	text-decoration:none;
	border-right:1px solid #431743;
	padding-bottom:.2em;
}
	
#topnav #nav_con a{
	border:none;
	}
	
#topnavcurrent_con{
border:none;
		color:#400080;
		float:left;
	width:auto;
	text-align:center;
	padding-bottom:.2em;
	}
	
#topnavcurrent{
		color:#400080;
		float:left;
	width:auto;
	text-align:center;
	border-right:1px solid #431743;
	padding-bottom:.2em;
	}
		

#topnav a:link, #topnav a:visited{
	color:#FFFFFF;
	text-decoration:none;
	padding:0 20px;
	}
	
#topnav a:hover, #topnav a:active{
	color:#400080;
	text-decoration:none;
		padding:0 20px;
	}


/* =Foot Nav
-----------------------------------------------------------------------------*/





#footnav{
	font-variant:small-caps;
	list-style-type:none;
	float:left;
	width:700px;
	/* adjust margin-top depending on size of tagline and logo)---*/
	margin:40px auto 20px auto;
	padding:0;
	text-align:center;
	}

#footnav ul{	
	font-size:80%;
	list-style-type:none;
	margin:0 auto;
	padding:0;
	}
	
#footnav li{
	float:left;
	margin:0;
	width:auto;
	padding:4px auto 0 auto;
	line-height:1em;
	}
	
#footnav a{
	float:left;
	width:auto;
	text-align:center;
	text-decoration:none;
	border-right:1px solid #431743;
	padding-bottom:.2em;
}
	
#footnav #footnav_con a{
	border:none;
	}
#current{
	color:#431743;
	font-weight:600;
	float:left;
	width:auto;
	text-align:center;
	text-decoration:none;
	border-right:1px solid #431743;
}	
#current_con{
	border:none;
	color:#431743;
	float:left;
	font-weight:600;
	width:auto;
	text-align:center;
	padding-bottom:.2em;
	}

#footnav a:link{
	color:#431743;
	text-decoration:none;
	padding:0 20px;
	}
	
#footnav a:visited{
	color:#431743;
	text-decoration:none;
		padding:0 20px;
	}


	
#footnav a:hover, #footnav a:active{
	color:#c6b2db;
	text-decoration:none;
		padding:0 20px;
	}

#footnav #footnav_con{
	border:none;
	}

#footnav #footnav_faq{
	font-weight:900;
	color:#c6b2db;
	}

/* =Main Content
-----------------------------------------------------------------------------*/




/* =Secondary Content
-----------------------------------------------------------------------------*/



/* =Footer
-----------------------------------------------------------------------------*/
#copyrights{
	margin:10px auto;
	padding:0;
	text-align:center;
	color:#FFFFFF;
	text-align:center;
	font-family:"Comic Sans MS", cursive;
	font-size:.7em;
	}
	
#copyrights a:link{
	color:#9966CC;
	text-decoration:none;
	}
	
#copyrights a:visited{
	color:#9966CC;
	text-decoration:none;
	}
	
#copyrights a:hover, #copyrights a:active{
	color:#ffffff;
	text-decoration:none;
	}




/* =Forms
-----------------------------------------------------------------------------*/
#form{
	width:640px;
	margin:0 0 0 -20px;
	padding:0;
	text-align:left;
	}

fieldset{
	margin:1.5em 0 0 1.5em;
	padding:0;
	float: left;
	clear:left;
	width:100%;	
	/*--
	background-image:url(Pictures/bg-gradient10.gif);
	background-repeat:repeat;
	--*/
	background-color:#ede4f6;
	}
	
fieldset h1{
	margin:1em 0 1em 2em; 
	padding:0 0 0 0;
	text-align:left;
	font-family:"Comic Sans MS", cursive;
	font-size:15px;
	font-weight:600;
	color:#431743;
	}
	
fieldset ol{
	padding: 1em 1em 0 1em;
	list-style:none;
	}
	
fieldset li{
	padding-bottom:1em;
	float:left;
	clear:left;
	width:100%;
	}
	
fieldset .submit{
	clear:both;
	margin-left:20em;
	margin-top:1em;
	padding:0;
	text-align:center;
	}
	
label{
	font-size:.8em;
	float:left;
	width:17em;
	margin-right:1em;
	text-align:right;
	position:relative
	}
	
label em{
	color:#663366;
	font-size:70%;
	font-style:normal;
	text-transform:uppercase;
	position:absolute;
	left:56em;
	top:4px;
	}
	
.green{
	color:#999900;
	}
	
.red{
	color:#CC0033;
	}
	
#column1{
	padding:0;
	margin:0 0 0 3em; 
	float:left;
	font-size:.8em;
	
	}
		
#column2{
	padding:0;
	margin:0 0 0 0;
	float:right;
	width:250px;
	font-size:.8em;
	}	

fieldset .explanation{
	margin:0 0 1.5em 1em;
	padding:0;
	font-size:.7em;
	line-height:1.3em;
	text-align:left;
	margin-top:0;
	color:#663366;
	}
	
fieldset p{
	margin:0 0 1.5em 1em;
	padding:0;
	line-height:1.3em;
	text-align:left;
	margin-top:0;
	}



/* Removes fieldset borders. even on Opea 7 

fieldset {
  border: 1px solid transparent;
}
*/

/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}



/* =Misc 1
-----------------------------------------------------------------------------*/
.backtolist{
	margin:0 auto;
	padding:0;
	text-align:center;
	
	}
	
.backtolist a:link, .backtolist a:visited{
	color:#c6b2db; 
	font-size:.85em;
	font-family:"Comic Sans MS", cursive;
}

.backtolist a:hover, .backtolist a:active{
	color:#431743; 
	font-size:.85em;
}

.list{
	margin:20px 0 20px 60px;
	padding:0;
	line-height:150%;
	text-align:justify;
}

.list ul{
	list-style-type:none;
	padding:0;
	margin:0;	
	}
	
.list ul li{
	width:300px;
	padding:0;
	margin:0;
}

#howicanhelplist{
	margin:20px 0 0 60px;
	padding:0;
	line-height:8px;

}

.howicanhelplist ul{
	list-style-type:none;
	padding:0;
	margin:0;	
	}
	
.howicanhelplist ul li{
	width:300px;
	padding:0;
	margin:0;
}



/* =Misc 2
-----------------------------------------------------------------------------*/
#phonenumber{
	font-size:30px;
	font-weight:600;
	letter-spacing:1px;
	text-align:center;
	margin:0 auto;
	padding:0;
	}