@charset "UTF-8";
/* CSS Document */

body {
	color:#333333;
	margin:auto;
	margin-bottom:20px;
	font-family:Helvetica,Arial, sans-serif;
	text-align:left;
	font-size:14px;
	margin-top:20px;
}

body a, body a:link, body a:visited{
	color:#333333;
	text-decoration:underline;
}

p {
	text-align:left;
	margin:0px 0px 10px 0px;
	line-height:150%;
}

h1 {
	color:#C6829B;
	font-size:12px;
}

h1 a, h1 a:link, h1 a:visited{
	color:#C6829B;
	text-decoration:none;
}

h1 a:hover{
	color:#C6829B;
	text-decoration:underline;
}

h2 {
	color:#C6829B;
	font-size:25;
	font-weight:bold;
	margin:0px 0px 10px 0px;
}

h4 {
	border-bottom:#C6829B dotted 1px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:10px;
	font-weight:normal;
	padding-bottom:5px;
	
}

#container {
	width:800px;
	margin:auto;
}

#nav {
	text-align:right;
}

#header {
	background-image:url(annie_images/main.jpg);
	background-repeat:no-repeat;
}

#content {
}

.line {
	border-bottom:#C6829B dotted 1px;
	margin-top:20px;
	margin-bottom:20px;
}

li {
	list-style:none;
}

#tiny {
	font-size:10px;
}

.accordion_toggle {
		display: block;
		padding: 0 10px 10px 0px;
		color: #C6829B;
		text-decoration: none;
		outline: none;
		font-size: 25px;
		border-bottom:#C6829B dotted 1px;
		cursor: pointer;
		margin: 0 0 0 0;

}
		
.accordion_toggle_active {
	
}
		
.accordion_content {
	font-size:14px;
	font-weight:normal;
	color: #333;
	overflow: hidden;
}
			
.accordion_content h2 {
		margin: 15px 0 5px 10px;
		color: #333;
}
			
.accordion_content p {
		line-height: 150%;
		padding: 5px 0px 15px 0px;
}
			
.vertical_accordion_toggle {
		display: block;
		height: 30px;
		background: #eee;
		padding: 0 10px 0 10px;
		line-height: 30px;
		color: #ffffff;
		font-weight: normal;
		text-decoration: none;
		outline: none;
		font-size: 11px;
		color: #000000;
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-top: 1px solid #f5f5f5;
		border-left: 1px solid #f5f5f5;
		cursor: pointer;
		margin: 0 0 0 0;
}

.vertical_accordion_toggle_active {
		background: #999;
		color: #ffffff;
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-top: 1px solid #f5f5f5;
		border-left: 1px solid #f5f5f5;
}

.vertical_accordion_content {
		background-color: #ffffff;
		color: #444444;
		overflow: hidden;
}

.vertical_accordion_content h2 {
		margin: 0px 0 0px 0px;
		color: 333;
}

.vertical_accordion_content p {
		line-height: 150%;
		padding: 5px 10px 15px 10px;
}
  			
/* Horizontal Accordion */
		
.horizontal_accordion_toggle {
		/* REQUIRED */
		float: left;	/* This make sure it stays horizontal */
		/* REQUIRED */

		display: block;
		height: 150px;
		width: 30px;
		background:  #eee;
		color: #ffffff;
		text-decoration: none;
		outline: none;
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-top: 1px solid #f5f5f5;
		border-left: 1px solid #f5f5f5;
		cursor: pointer;
		margin: 0 0 0 0;
}
		
.horizontal_accordion_toggle_active {
		background: #999;
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-top: 1px solid #f5f5f5;
		border-left: 1px solid #f5f5f5;
}
		
.horizontal_accordion_content {
		/* REQUIRED */
		height: 100px;	/* We need to define a height for the accordion as it stretches the width */
		float: left;	/* This make sure it stays horizontal */
		/* REQUIRED */
			
		overflow: hidden;
		background-color: #ffffff;
		color: #444444;
}
			
.horizontal_accordion_content p {
		width: 450px;
		line-height: 150%;
		padding: 5px 10px 15px 10px;
}
					
					
    /* Container styling*/
#horizontal_container {
      margin: 10px 10px 10px 10px;
      width: 80%;   
      height: 100px;    
}
    
#vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 80%;
    }