/*NOTE: be sure that there is no space between measurement numbers and units, e.g., 5(no space)em*/

body {
	color: #600; 
	text-align:left;
	font-size: 90%; 
	font-family: "Trebuchet", "Helvetica", "Arial", sans-serif; 
	line-height: 1.5em;
	background-image: url("images/backgrounds/body_stripe.jpg");
	background-repeat: repeat-y;
	background-position: top-right;
	background-color:#bc0203; /*red*/
	
	margin: 0;
	padding: 0;
}

#wrapper {
	text-align: left;
	width:100%;
	max-width: 1500px;
	position: center:
	left: 0px;
	top: 0px;
}


	
#branding { 
	height: 216px; 
	background-image: url("images/backgrounds/branding.jpg");
	background-repeat: no-repeat; 
	background-position: left; 
	background-color: #fad250; /*yellow*/
	margin: 0;
}


/*NAVIGATION BAR STYLES*/
div#nav {
	height: 20px;
	background-color:transparent; 
	padding: 0px;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;
}


#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: "tahoma", "verdana", "geneva", "arial", "helvetica", sans-serif;
	font-size: 76%;
	letter-spacing: 1px;
	font-weight: bold;
	text-decoration: none;
}
#nav li { 	
	float: left;
	position: relative;
}
/* for widths on every menu item*/

.home 			{width: 6em;}
.events			{width: 7em;}
.calendar		{width: 8em;}
.groups			{width: 7em;}
.supervision	{width: 10em;}
.therapy		{width: 7.5em;}
.train			{width: 7em;}
.darci			{width: 10em;}
.contact		{width: 5em;}

#nav li:hover ul, li.over ul{ display: block; }


#nav li ul {
	display: none;
	position: absolute;
	top: 20px;
	left: 0;
	}
	

/*kludge for IE*/
li>ul {
	top: auto;
	left: auto;
	}

#nav ul li a {
	padding: 0.1em 8px;
	background-color: transparent;
	color: #360;
	text-decoration: none;
	float: left;
}


#nav ul li a:hover {
	background-color: orange;
	color: #red;
}

#navlist li a:hover, #navlist li a:active {
	color: #red;
	text-decoration: none;
}	


/*Groups sub navigation list - drop-down ala Suckerfish*/

#subNav li {
	width:17em;
	background-color: #fad250; /*yellow*/
	font-size: 120%;
	z-index:100;
}

#subNav ul li a {
	padding: .5em;
	color: #360;
	text-decoration: none;
	background-color: pink;
}
	
#subNav ul li a:hover {
	background-color: orange;
	color: red;
}


/*CURRENT PAGE IDS*/

#home #mainNav .home a,
#calendar #mainNav .calendar a,
#groups #mainNav .groups a,
#events #mainNav .events a,
#supervision #mainNav .supervision a,
#therapy #mainNav .therapy a,
#pd #mainNav .pd a,
#darci #mainNav .darci a,
#transform #mainNav .transform a,
#contact #mainNav .contact a, {
	background-color: orange;
	/*background-position: right bottom;*/
	color: red;
	cursor: default;
}


/* ------------- END OF NAVIGATION STYLES*/

#contentwrapper	{
	width: 100%;
	background-image: url("images/backgrounds/contentbackground.jpg");
	background-repeat: no-repeat;
	background-position: top-right;
} 

#textcontentwrapper {
	width: 100%;
	min-width: 675px;
		margin: 0px;
	}

#content1	{
	float:left; 
	width:70%;
padding: 15px 8px 0 20px;
} 

#content2{ 
	font-size: 90%;
	float:right;
	width:22%;
	text-align: right;
padding: 30px 15px 0 5px;
color: #fad250;
background-color: transparent;
}

.left {
	text-align: left;}
.right {
	text-align: right;}

div#content2 a {
	color: #fad250;
	text-decoration: underline;}
	
.quotetitle {
	font-size: 125%;
	color: #fad250;
	font-style: italic;
	text-align: center;
	
	}

.image1 {
	margin: 15px 4px 4px 4px; 
}



/*NAVIGATION SUB-LIST "NAVIGATION 2" BAR STYLES*/

#nav2 {
	width: 100%;
	float: left;
	background-color: #FFFFF2;
}

#nav2 ul { padding: 0; }
#nav2 ul li { 
	display: inline; 
}

#nav2 ul {
	margin: 0;
	padding: 0;
	color: #CC6600;
	font-family: "tahoma", "verdana", "geneva", "arial", "helvetica", sans-serif;
	font-size: 80%;
	letter-spacing: 2px;
	font-weight: bold;
	text-decoration: none;
}

#nav2 ul li a {
	padding: 0.1em 8px;
	background-color: #FFFFF2 ;
	color: #184000;
	text-decoration: none;
	float: left;
	border-right: .5px solid #F0E7C6;
	border-bottom: 1px solid #F0E7C6;

}

#nav2 ul li a:hover {
	color: #CC6600;
	background-color: #FFFFF2;
	text-transform:uppercase;
}

#nav2 ul li #current2 {
	color: #CC6600;
	background-color: #E4D398;
}

#navlist2 li a:hover, #navlist2 li a:active {
	color: #184000;
	text-decoration: none;
	background: #CC6600;
	text-align: left;
}

/*Default anchors/links used in page content*/
a:link 		{color: #360; font-weight: bold;text-decoration: underline;}
a:visited	{color: #360;	 text-decoration: underline;font-weight: bold;}
a:hover 	{color: #F00; text-decoration: underline;font-weight: bold;}
a:active	{color: #F00; text-decoration: underline; font-weight: bold;background-color: orange;}

/*a:link 		{color: #600; font-weight: bold;text-decoration: underline;}
a:visited	{color: #600;	 text-decoration: underline;font-weight: bold;}
*/

/*Heading Styles*/
h1 {margin-top:.25em;}
/*h3, h4, h5, h6 {margin-top: 1.5em; margin-bottom: .25em; }*/
h1, h2, h3, h4, h5, h6 {color: #c80000;font-family: "Trebuchet", "Helvetica", "Arial", sans-serif;line-height: 110%;}
h1 {font-size: 175%; letter-spacing: .05em;}
h2 {font-size: 150%; font-style: italic;}
h3 {font-size: 120%;}
h4 {font-size: 110%;margin-top:-.5em; font-style: italic;}
h5 {font-size: 100%;}
h6 {font-size: 90%;}

.skiplink {display:none}



/* Footer area and links */
#footer {
	font-size:80%;
	clear:both;
	background-color:transparent;
	text-align:center;
	padding:20px;
	letter-spacing:.15em;
	clear: both; 
	margin:0;
	color: #340;
	}
#footer p {
line-height: 130%;	}
.title {
font-size:130%;
letter-spacing:.2em;
font-weight: bold;
color: #340;
font-variant:small-caps;
}

.companyname {
	font-size:120%;
	font-variant:small-caps;
}

#footer a:link {
	color: #360; 
	font-weight: bold; 
	text-decoration: underline;
}

#footer a:visited {
	color: #360; 
	font-weight: bold; 
	text-decoration: underline;
}

#footer a:hover	{
	color: red; 
	font-weight: bold; 
	text-decoration: underline;
}

#footer a:active {
	color: red; 
	font-weight: bold; 
	text-decoration: underline;
}

.copyright	{font-size:90%;}

.note {font-style: italic;}

p.author {
	font-style: italic; 
	text-align: right;
}

/*Image floats: normal, floating right with a border; left float with border and left float without border (used on the "under construction" page*/

.imagefloat {
    border:solid 10px #600;
	padding: 0;
	margin: 0 0 15px 15px;
	float: right;
	text-align: center;
}


.imagefloatleft {border:solid 1px #0099CC;margin: 10px 15px 15px 0px; padding: 2px; float: left; }
.imagefloatclear {border: none;margin: .5em;padding: 3px; clear:both; float: left;}

/*this takes away the ugly blue border around images which are also links*/
a img {border: none; }

/*Ordered (numbered) list*/
ol.numberlist1 {line-height:1.5em;}
li.numberlist1 {margin-bottom:1em;}

/*Unordered (bulleted) list */
ul.bulletlist1 {list-style-type: square;}
li.bulletlist1 {margin-bottom:1em;}
.bulletlist1 ul li {list-style-type: square;  }
.bulletlist2 {list-style-type: square;}
.bulletlist2 li {margin-bottom: 1em;}
.bulletlist3 li {list-style-type:none;font-weight: bold;line-height: 2;margin-left: -1.5em; }
/*The following styles are used for the Connections page*/
.bulletlist4 li {margin-left:-1em;list-style-type:square; 
color: #003300;margin-bottom:.25em;font-size:95%;}
.resource {font-weight: bold;font-style:italic;}
.bulletlist5 li {text-decoration: none;font-weight: bold;line-height: 2;margin-left: -1.5em;text-align: center;
	list-style-type: none;}

#photos {
width: 595px;
height: 357px;
overflow:auto;
text-align: center;
border: solid 1px #999;
margin-top: 10px;}
/*The two 'overflow' options that make a <div> tag sprout scrollbars are:
-auto : scroll bars appear only when required.
-scrolling. : scrollbars always appear.*/

.photoimg {
	height: 300px;}

.phototable {
	border: none;
	padding: 4px 2px 0 2px;
	font-weight: bold;
}
	
	.indent1 {
margin-left:1em;
margin-top:-.03em;
margin-bottom:-.03em;
}

.indent2 {
margin-left:2em;
margin-top:-.03em;
margin-bottom:-.03em;
}

.indent3 {
margin-left:3em;
margin-top:-.03em;
margin-bottom:-.03em;
}

.indent4 {
margin-left:4em;
margin-top:-.03em;
margin-bottom:-.03em;
}

.indent5 {
margin-left:5em;
margin-top:-.03em;
margin-bottom:-.03em;
}

.darciBlog {
	margin:0px 0px 10px 15px;
	padding:10px;
	background-color:#600;
	width: 400px;
	float: right;
	color: #FAD24F;
	text-align:center;
}
.darciBlog a {
	color:#EE9C37
}