@charset "utf-8";
/* CSS Document */
/*** LAYOUT ***/
	body {
			margin: 0;
			padding-left: 205px;    /* LC fullwidth */
			padding-right: 260px;   /* RC fullwidth + CC padding */
			min-width: 245px;       /* LC fullwidth + CC padding */
		}

		#header, #footer {
			margin-left: -205px;    /* LC fullwidth */
			margin-right: -260px;   /* RC fullwidth + CC padding */
		}

		.column {
			position: relative;
			float: left;
		}

		#center {
			padding: 0px 20px 20px;
			width: 100%;
		}

		#left {
			width: 180px;              /* LC width*/
			padding: 0 10px 0 15px;    /* LC padding */
			right: 240px;           /* LC fullwidth + CC padding */
			margin-left: -100%;
			
		}

		#right {
			width: 200px;           /* RC width */
			padding: 0 10px;        /* RC padding */
			margin-right: -100%;
		}

		#footer {
			clear: both;
		}

		/*** IE Fix ***/
		/** html #left {
			left: 220px;  }*/          /* RC fullwidth */
		

#innerwrapper {
	zoom: 1; /* haslayout, width:100% would be the same */
	position: relative; /* IE7: fixes new flip-side bug with negative percentage margins. Not needed in IE6 */
	margin-top:30px; 
	}


body{
font: 11px/20px  Georgia, arial, tahoma, sans-serif;
	font-weight: normal;
	color:#333333; 
	text-align: justify;
	z-index:3000; 
}

#header{
text-align:center; 
padding:0px;
}


h1{
	color:#9389EA;
	text-align:left;
	font-size:22px;
	font-weight: bold;
	}
	
	h2{
	color:#9389EA;
	text-align:left; 
	}
	
.intro {
	font: 11px/20px  Georgia, arial, tahoma, sans-serif;
	font-weight: normal;
	color: #7E8179;
	text-align: justify;
	margin: 20px 5px 25px 10px;
	max-width:485px; 
	}


.thumbnai1{
float:left;
margin: 5px 10px 0px 0px;

}

.main_text{
margin-left:10px;
font-size:13px; 
}


.lefttext{
font: 12px/16px   tahoma, sans-serif;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 1px;
	color:#FF66CC;
	text-align: center;
	margin-top:13px;
	float:right;
	 color: #9389EA;

}
a:link {
	color: #9389EA; font-weight: bold; text-decoration: none;
	}
a:visited {
	color: #89B12B; font-weight: bold; text-decoration: none;
	}
a:hover {
	color: #CC2A50; font-weight: bold; text-decoration: none;
	}
a:active {
	color: #89B12B; font-weight: bold; text-decoration: none;
	}
	
.articles{
font-size:10px;
width:150px;
}


#aboutUs{
}

#formbutton{
/*background-image:url(images/kiddoc_image.jpg); */
background-repeat:no-repeat; 
width:218px ; 
height:280px ;
xbackground-color:#993366;
}
#formbutton a{
color:#ffffff;
text-decoration:none;
font-weight:normal;
}
#formbutton img{
border:none;
}
#formbuttontext{
margin-top:-137%;
}
#formbutton h3{
font-size:140%;
font-stretch:extra-condensed;
padding-top:158px;
 text-align:center;
 font-weight:bold;
  color:#000066;
xfont-weight:600;
}

#formbutton p{
color:#FFFFFF;
margin-right:auto; 
margin-left:auto; 
 text-align:center;
width:160px;
line-height:1.2em; 
padding-top:0px;
font-size:150%; 
padding-bottom:2px;
}

#formbutton p2{
color:#FFFFFF;
margin-right:auto; 
margin-left:auto; 
 text-align:center;
width:160px;
line-height:1.3em; 
padding-top:0px;
font-size:120%; 
padding-bottom:2px;
}

#wecanhelp{
margin-top:35px; 
background-image:url(images/left_box.gif);
background-repeat:no-repeat;
width:156px; 
height:242px;
border:none; 
}

#wecanhelp h3{
font-size:140%; 
text-align:center; 
padding-top:12px; 
color:#fff; 
	color:#F0EFFF;

}

#wecanhelp p{
color:#FFFFFF; 
margin-right:auto; 
margin-left:auto; 
width:130px;
line-height:1.2em; 
padding-top:8px;
text-align:justify;
line-height:1.2em; 
 font-size:110%; 
 padding-bottom:0px;  


}

.imagelink{
text-decoration:none; 

}

/*styling the 4 pics aboutus page*/
.gallery li{
float:left; 
display:inline; 
margin-right:15px; 
margin-top:10px;/*spacing when in reflow mode*/
}

.gallery .name{
padding-top:4px; 
font:Arial, Helvetica, sans-serif;
font-weight:bold;
line-height:1;
text-align:center; 
font-size:1em; 
line-height
}


#tollfree{
margin-left:10px; 
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
body{

margin:0px;

}


.menu {
align:center;
text-align:center;
position:relative;
display:block; 
height:39px;
font-size:11px;
font-weight:bold;
background:transparent url(images/bgOFF.gif) repeat-x top left;
font-family:Arial,Verdana,Helvitica,sans-serif;
border-top:4px solid #B30000;
border-top:4px solid #FF66CC;
z-index:100; 
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:auto; 
xwidth:500px; 
margin-left:auto; 
margin-right:auto; 
background-color:#000000; 
}



/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
display:block;
float:left;
width:125px;
position:relative;
}


/* style the links for the top level  */
.menu ul li a, .menu ul li a:visited {
display:block;
height:39px;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-variant:small-caps; 
font-weight:lighter; 
	color:#9389EA;
	font-size:10px; 

}

.menu ul li a:hover{
background-image:url(images/bgON.gif);
font-weight:normal;}

/*style marking link to currnet page*/
.menu ul li a.current{
background:#fff url(images/bgOFF.gif) repeat-x top left;

}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
xwidth:150px;
width:auto; 
z-index:100; 
}


/* position the third level flyout menu */
.menu ul ul ul{
left:150px; 
top:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; z-index:100; }



/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}


.menu ul :hover ul :hover ul{ 
visibility:visible;
}


.menu a{
color:#666;
text-decoration:none;
xpadding:11px 20px 0 20px;
line-height:33px;
background:transparent url(imgs/bgDIVIDER_short.gif) no-repeat top right;
font-stretch:extra-condensed;

}

.menu ul li a{
color:#746DAF;
padding-top:10px;
line-height:normal; 
font-size:11px; 
}

.menu .condensed{
padding-top:5px;
}

/* style the top level hover */
.menu a:hover{
color:#FF66CC; 
background:#fff;
}

.menu :hover > a{
color:#FF66CC;
background:#fff;
}


.menu ul ul a, .menu ul ul a:visited {
display:block;
border:1px solid #FF66CC; 
border-top:none; 
background:#fff; 
color:#8c878a; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:129px
/* yet another ugly hack for IE5.5 */
}
* html .menu ul ul a{
width:150px;
w\idth:129px;
}


.menu ul ul a:hover{
color:#fff; 
border-top:none; 
background:#FF66CC
}
/*styling the second level hover*/
.menu ul ul :hover > a{
color:#fff;
border-top:none; 
background:#FF66CC; 
}



/* style the second level (that has a third level) background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#fff url(imgs/dropg.gif) bottom right no-repeat;
border-top:none;

}
/* style the second level(that has a third level) hover */
.menu ul ul a.drop:hover{
background:#FF66CC url(imgs/drog.gif) bottom right no-repeat;
border-top:none;
}
.menu ul ul :hover > a.drop {
background:#fca7e0 url(imgs/dropg.gif) bottom right no-repeat;
border-top:none;
}

.menu ul ul ul a.first, .menu ul ul ul a.first:visited,.menu ul ul ul a.first:hover{
border-top:1px solid #FF66CC; 
}


.menu ul ul ul a, .menu ul ul ul a:visited {
border-top:none; /*to avoide having a double border (2px) 
					since top current and bottom prior link overlap*/
background:#fff;
}


.menu ul ul ul a:hover {
border-top:none; 
background:#FF66CC;
}




/* FORM styles */


.form {
	font-family: Calibri, "Trebuchet MS", sans-serif;
	font-size:1.2em;
	line-height: 1.3;
	margin:0px;
	padding:0px;
	min-width:315px;
	z-index:99;
}

.form p{
margin:0.5em 0px;
clear:both;
}
.required{
border: 1px solid #9389EA;
}

.form input, .form select, .form textarea {
	font-family: "Calibri", "Trebuchet MS", sans-serif; 
	margin-left: .5em;
	margin-bottom:0.8em;
}
fieldset.subset input, fieldset.subset select, fieldset.subset textarea {
	margin-bottom:1em;
}

/*encasing box*/
.form fieldset {
padding-bottom:2em; /*fix for IE that leaves no bottom padding*/
	border: 1px solid #9389EA;
	xwidth:500px; 
}
fieldset.subset, fieldset.subset2{
border:none;
}

/*box title: bordering bold etc*/
 .form legend {
	font-weight: bold;
	color: #9389EA;
	padding: .2em .5em;
	border: 1px solid #9389EA;
}


/*align the labels in column*/
.form label{
 display: block;
 text-align:left;
 float:left;  
 xwidth: 12em;
 xwidth:136px; 
 width:38%; 
 margin-right:5px;

}
#force, #seizures, #intensive{
margin-bottom:2.6em;
}
.form .submit{
float:right; 
margin-top:20px; 
margin-right:30px;
}

#formwrap{
margin-top:20px; 
}

#settlements dd, 
#settlements dt{
display:inline; 
}
