/*
Global Style Page
copyright 2004-5,2010 by Advocates for Children in Therapy, Inc.
created by Larry Sarner
version 2.7 (21 June 2010)
*/

/*################ Body Style ################*/

body {
	background-color:		gray;
	background-image:	url(gallery/tile.gif);
	background-repeat:	repeat;
	background-attachment:	scroll;
	background-position:	top left;
	padding:			5px;

	font-family:	Times, "Times New Roman", serif;
	font-style:	normal;
	font-variant:	normal;
	font-weight:	normal;
	font-size:	medium;
	color:		black;

	white-space:		normal;
	word-spacing:	normal;
	letter-spacing:	normal;
	line-height:		110%;
	vertical-align:	baseline;
	text-decoration:	none;
	text-transform:	none;
	}

/*################ Global Entities ################*/

hr {
	display:		block;
	clear:			none;
	width:		95%;
	background-color:  gray;
	border:		none;
	height:	 	5px;
	margin-right:	auto;
	margin-left:		auto;
	margin-top:		10px;
	margin-bottom:	10px;
	}

hr.red { background-color: rgb(75%,0%,0%) }
hr.green { background-color: rgb(0%,50%,0%) }
hr.blue { background-color:  rgb(0%,0%,75%) }

/*################ Image Identities ################*/

#left {
	float:		  left;
	vertical-align:  middle;
	border:	  none;
	padding-right: 5px;
	padding-left:   2.5%;
	}
#right {
	float:		 right;
	vertical-align: middle;
	border:	  none;
	padding-left:   5px;
	padding-right: 2.5%;
	}
#base {
	vertical-align: baseline;
	padding:	  0;
	border:	  none;
	padding-right: 5px;
	padding-left:   5px;
	}

p.photocredit {
	clear:		both;
	font-weight:	light;
	font-size:	small;
	margin:	0;
	padding-left: 2.5%;
	padding-right: 2.5%;
	text-indent:	0;
	}

/*################ Introduction Styles ################*/

#introduction p {
	font-size:	larger;
	font-weight:	bold;
	text-align:	left;
	text-indent:	0;
	margin:	0 5% 1em;
	}

#introduction p.lead:first-line { vertical-align: bottom }

#introduction p.lead:first-letter {
	float:		 none;
	border:	 none;
	font-size:	 200%;
	color:		 rgb(75%,0%,0%);
	vertical-align: baseline;
	}

#introduction blockquote {
	font-weight:	bold;
	font-size:	smaller;
	margin:	1em 15% 1em 10%;
	text-align:	left;
	line-height:	normal;
	}

#introduction ul {
	margin:		0 10% 2em 5%;
	list-style-image:	url(gallery/bullets/diamond.gif);
	list-style-position:	outside;
	font-size:		medium;
	font-size:		larger;
	font-weight:		bold;
	text-align:		left;
	}

#introduction ul li { margin-right: 10% }

/*################ Navigation Styles ################*/

#navigation div {
	display:   block;
	float:	     none;
	clear:	     both;
	width:      auto;
	padding:   0 5px 5px 5px;
	text-align: center;
	}

#navigation img {
	background-color:	transparent;
	border:		none;
	padding:		5px;
	vertical-align:	middle;
	}

/*################ Main Styles ################*/

div.main {
	margin:	1em 10%;
	background: white;
	border:	 solid thin;
	border-color: rgb(0%,0%,100%);
	padding:	 1em;
	clear:		 both;
	}

div.video {
	display:		block;
	width:		25%;
	float:			right;
	background-color:	rgb(100%,98%,94%);
	border:		thin gray solid;
	padding:		3px;
	text-align:		center;
	line-height:		normal;
	font-family:		helvetica;
	font-size:		10pt;
	}

#button img {
	vertical-align:  middle;
	border:	  none;
	padding-left:   5px;
	padding-right: 5px;
	}

h1 {
	font-size:		xx-large;
	font-weight:		bold;
	font-variant:		small-caps;
	color:			black;
	line-height:		normal;
	text-align:		center;
	margin-top:		0;
	margin-bottom:	0;
	padding-top:	2em;
	padding-bottom:	2em;
	}

h2 {
	font-size:		x-large;
	font-weight:		bold;
	font-variant:		normal;
	color:			black;
	line-height:		normal;
	text-align:		center;
	margin-top:		0;
	margin-bottom:	0;
	padding-top:	1em;
	padding-bottom:	1em;
	}

h3 {
	font-size:		large;
	font-weight:		bold;
	font-variant:		normal;
	color:			black;
	line-height:		normal;
	text-align:		left;
	margin-top:		0;
	margin-bottom:	0;
	padding-top:	1em;
	padding-bottom:	1em;
	}

h5 {
	font-size:		medium;
	font-weight:		bold;
	font-variant:		normal;
	color:			black;
	line-height:		normal;
	text-align:		center;
	margin-top:		0;
	margin-bottom:	0;
	padding-top:	1em;
	padding-bottom:	1em;
	}

p {
	background-color:	transparent;
	text-align:		justify;
	text-indent:		2em;
	line-height:		normal;
	margin:		0 0 1em 0;
	padding:		0;
	color:			black;
	font-size:		medium;
	}

blockquote {
	background-color:	transparent;
	margin:		1em 5%;
	padding:		0;
	text-align:		justify;
	text-indent:		0;
	line-height:		normal;
	font-size:		smaller;
	}
	
/*################ List Styles ################*/

ol {
	width:		90%;
	list-style-image:	none;
	list-style-type:	decimal;
	list-style-position:	outside;
	font-size:		medium;
	text-align:		justify;
	line-height:		normal;
	}

ol li { margin-bottom: 1ex }

ul {
	width:		90%;
	list-style-image:	url(gallery/bullets/diamond.gif);
	list-style-position:	outside;
	font-size:		medium;
	text-align:		justify;
	line-height:		normal;
	}

ul li { margin-bottom: 1ex }

ol ol {
	list-style-type: lower-alpha;
	font-size:	  smaller;
	text-align:	  left;
	}

ol ol li { margin-bottom: 0 }

ol ul {
	list-style-image: none;
	list-style-type:   disc;
	font-size:	    smaller;
	text-align:	    left;
	}

ol ul li { margin-bottom: 0 }

ul ol {
	list-style-type: lower-alpha;
	font-size:	  smaller;
	text-align:	  left;
	}

ul ol li { margin-bottom: 0 }

ul ul {
	list-style-image: none;
	list-style-type:   disc;
	font-size:	    smaller;
	text-align:	    left;
	}

ul ul li { margin-bottom: 0 }

/*################ Header Styles ################*/

#header h1 {
	color:		      rgb(75%,0%,0%);
	padding-top:      1em;
	padding-bottom: 0;
	}

#header h2 {
	color:		      rgb(75%,0%,0%);
	padding-top:       0;
	padding-bottom:  0;
	}

#header h3 {
	color:		rgb(75%,0%,0%);
	text-align:	center;
	padding-top: 0;
	}

#header img.logo {
	display:	 block;
	margin-left:	 auto;
	margin-right: auto;
	}