/*This is everything inside the white content area, including the curvey top graphic. This is a sub-style to the one found in _main.css */
div#content {
	background-image:url(../images/inside_topcurve.jpg);
	background-repeat:no-repeat; 
	padding-top:50px;
	background-color:white;
}

/* These are the three navigation images with drop-down menus. */
div#topnav {
	position:relative;
	left:-41px;
	top:-10px;
	width: 300px;
	z-index: 10;
}

div.navelement {
	display:inline;
}

div.navelement div.menu {
	width:546px;
	visibility:hidden; 
	position:absolute;
	top:82px;
	left: 18px;
	text-align:left;
	line-height: 24px;
	_background: url(fake);
}/* need to make this menu relative positioning, and rearrange the fallout when i do that */

div.navelement div.menu a {
	text-decoration:none;
	text-transform:uppercase;
	font-size:60%;
	color:black;
	font-family:sans-serif;
	display:inline;
	padding: 13px 20px 15px 0;
	line-height: 24px;
	float: left;
}

div.navelement div.menu a:hover {
	text-decoration:underline;
}

div#main {
	width:100%;
	position:relative;
	padding-bottom:15px;
}

div#left { 
      width:150px; 
	  margin: 0 0 0 35px; 
      float:left;
			display: inline;
} 

div#quote { 
      font-style:italic; 
      font-size:90%; 
      color:#999999; 
      line-height:150%; 
      text-align:left; 
 } 
 
p.testimonial {
	margin-left:15px;
	margin-right:25px;
	font-style:italic;
	text-align:center;
}
 
div#right { 
      width:530px; 
      float:left; 
      margin-left: 30px;      
      text-align:left; 
      font-size:80%; 
      font-family:sans-serif;
	  line-height:150%;
 } 

div#stretch { 
      float:right;  
      height:400px;  
      width:1px; 
 }
	
br.clear {
	clear:both;
	margin:0;
	padding:0;
	height:1px;
}

h1 {
	font-size:150%;
	font-family:sans-serif;
	margin-top:10px;
}

li {
	padding-top:10px;
}

div.page_TOC {
	border:1px solid grey;
	background-color:#f3f3f4;
	padding:3px;
	float:right;
	display:block;
	margin-left:15px;
	margin-bottom:10px;
}

div.page_TOC ul {
	padding:0px;
	padding-left:18px;
	margin:0px;
}

div.page_TOC li {
	padding-top:3px;
	color:blue;
	list-style-type:square;
}

div.page_TOC a {
	color:blue;
	text-decoration:none;
}

div.page_TOC a:hover {
	text-decoration:underline;
}

h2 {
	font-size:120%;
	font-family:sans-serif;
	margin-bottom:0px;

}

div.QandA_question {
	background-color:#CCEEFF;
	margin-top:10px;
	margin-bottom:0px;
	padding:5px;
	font-style:italic;
}

div.QandA_answer {
	background-color:#CCFFBB;
	margin-bottom:10px;
	margin-top:0px;
	padding:5px;
}

a.external {
	background: url(../images/external.png) center right no-repeat;
	padding-right: 13px;
	color:blue;
}

a.document {
	background: url(../images/document.png) center right no-repeat;
	padding-right: 13px;
	color:blue;
}

div.addressblock {
	border:1px solid grey;
	background-color:#f3f3f4;
	padding:5px;
	display:block;
	float:left;
	margin-left:0px;
	margin-bottom:10px;
}