/* This layout adapted from http://realworldstyle.com/2col.html */

/* Text sizing adapted from Blue Robot method of setting size in body{} and using relative sizes thereafter */

/* colors
	pink	color:#FF3366;
	brown:	color:#996633;
*/

/********************************************************
					structure
********************************************************/

html, body {
	margin: 0;
	padding: 10px 30px;
	background: #fff;
	color: #333;
	font-size:12pt;
	font-family:Geneva, Lucida Sans, 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;

	}

.container {  
		color:#333;
		background:transparent;			
	}

#header {
	background-color: transparent;
	color: #333;
	margin:0;
	padding:0;
	border-bottom: 1px solid #663300;
	}
#contentfirst {
	padding: 10px 10px;
	width: 100%;
	float: none !important;
	}
#contentsecond {
	padding: 10px 20px 10px 20px;
	width: 100%;
	float: none !important;
	background: white url(images/roslea-snapphoto-brown.gif) repeat scroll 0% 0%;
	}
	
#footer {
	background-color: #fff;
	color: #333;
	border-top: 1px solid #663300;
	font-size: 11pt;
	text-align: center;
	padding: 2px 10px 0 0;
	clear: both;
	}

.spacer {
	clear: both;
	margin:0;padding:0;
	line-height:0;
	height:1px;
	}
	

/********************************************************
					text
********************************************************/

p {margin:0 0 1em;}

#contentfirst p, #contentsecond p {line-height:1.8em; /* ~20px */}

dd, dt, li{
	margin-top:5px;
	}
dt{
	color:#996633;
	background: transparent;
	font-weight:600;
	}

ul{margin-top:5px}



.leftheader {
  float: left;
  text-align: left;
  }

.rightheader {
  float:right;
  text-align: left;
  width:200px
  }

.container a {
	color:#FF3366;
	background: transparent;
	font-weight: normal;
}
.container a:visited {
	color:#FF3366;
	background: transparent;
}
.container a:hover {
	color: #fff;
	color:#FF3366;
	text-decoration: none;
}

.topmenu{display:none;}

.sectionmenu {line-height: 2em;}
.sectionmenu a {
	color:#996633;
	background: transparent;
	font-weight: normal;
}
.sectionmenu a:visited {
	color:#663300;
	background: transparent;
}
.sectionmenu a:hover {
	color: #fff;
	background: #996633;
	text-decoration: none;
}

.invisible {
	color:#fff;
	background:transparent;
	font-size: 1pt;
	margin:0;
	padding:0;
}
h1 {	
	font-size:1.5em;
	font-weight:500;
	color:#FF3366;
	background:transparent;
	margin:0;padding:0;
}
#header p{
	margin:0;padding:0;}
h2 {
	font-size:1.3em; 
	font-weight:600;
	margin:0 0 .83em; /* margin-bottom: ~20px */
	
	}
h3 {
	font-size:1.2em; 
	font-weight:600;
	margin:0 0 .83em; /* margin-bottom: ~20px */
	
	}

/********************************************************
				captions & quotes
********************************************************/


blockquote.largequote {  
	font: normal normal 500 1.5em/2em Geneva, Lucida Sans, 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	letter-spacing: .1em;
	color: #FF3366; 
	background:transparent; 
	padding:0 0 15px 0;
	margin:0;
}
blockquote.smallquote {  
	font: normal normal 300 .95em/1.5em Geneva, Lucida Sans, 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	color: #FF3366; 
	background:transparent; 
	padding:0 20px 10px 20px;
	margin:0;
}

.rightcaption {
	float:right;
	padding: 0 0 10px 10px;
	font-size:.80em;
	color:#996633;
	width:200px;
}

.leftcaption {
	float:left;
	padding: 0;
	font-size:.80em;
	color:#996633;
	width:200px;
}
.highlight {background:#FFFF00}

/********************************************************
					topic menu
********************************************************/

#button {
	padding: 0;
	margin:0;
	font: normal normal bold 12px Geneva, Lucida Sans, 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	width: 17em;
	text-align:left; 
	background-image: url(images/group-drawing.jpg); 
	color: #FF3366}

	#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#button li {
		border-bottom: 1px solid #ffffff;		
		margin: 0;
		padding: 0;
		font-weight:bold;
		}
	#button li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		color: #FF3366;
		text-decoration: none;
		font-weight:bold;
		width: 100%;
		}

	html>body #button li a {
		width: auto;
		}
	#button li a.selected, a.selected {
		color: #ffffff;
		background-color: #FF3366;
		}
	#button li a:hover {
		color: #ff3366;
		background-color: #ffffff;
		filter: alpha(opacity=70, style=0);
		-moz-opacity: 70%; 
		}

a.define {
		border-bottom: 1px dotted #f36;
		color:#333;
		cursor:help;
}