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

body {
margin: 0;
font-family:Arial, Helvetica, sans-serif;
padding: 0;
border: 0;
/* overflow: auto; 
height: 100%; 
max-height: 100%; */
}

#framecontent{
	position: absolute;
	top: 0px;
	bottom: 0;
	left: 0px;
	width: 16em; /*Width of frame div*/
/*	height: 100%;  */
/*	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	overflow:auto;
	background: #50667a;
	background-image:url(/kelly/newprofile/bluecanvasbkgrd01.png);
	background-repeat:repeat;
	color: white;
	font-size:.7em;
}
.img-shadow {
	float:left;
	background: url(dropshadow.gif) no-repeat bottom right;
	margin 10px 0 0 5px;
}

#maincontent{
position: fixed;
top: 0; 
left: 12em; /*Set left value to WidthOfFrameDiv*/
bottom: 0;
overflow: auto; 
background: #fff;
font-size:1em;
padding-right:2em;
}

.innertube{
margin: 0 0 0 0; /*Margins for inner DIV inside each DIV (to provide padding)*/
} 

#maincontent H1 {
	BACKGROUND-COLOR: white; 
	COLOR: #50667a; 
	DISPLAY: block; 
	FONT-FAMILY: sans-serif; 
	FONT-SIZE: 175%; 
	FONT-WEIGHT: bold; 
	MARGIN-LEFT: 2%;
}
#maincontent P {
	MARGIN-LEFT: 5%;
	line-height: 140%;
}

#maincontent UL {
	margin-left: 5%;
	list-style-type:circle;
}
#maincontent A:link {
	COLOR: #006699; 
	TEXT-DECORATION: none;
}
#maincontent A:visited {
	COLOR: gray; 
	TEXT-DECORATION: none;
}
#maincontent A:hover {
	background-color: #50667a;
	text-decoration: none;
	color:white;
}
.inlineimage {
	float:right;
	padding:10px;
}
.caption {
	font-size:75%;
	text-align:center;
	line-height:100%;
	margin-left:10px;
	margin-right:10px;
	margin-top:8px;
	margin-bottom:8px;
}
.footer {
	font-size:75%;
	text-align:center;
	_margin-left:-20%;
	font-style:italic;
}
.pullquote {
	padding: 10px;
	float: right;
	width: 200px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color:#b07b83;
	border-bottom-color:#b07b83;
	font-size: 1.1em;
	text-align:center;
	line-height: 1.1em;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:normal;
	color:#666666;
	display:block;
	clear:both;
}
.pullquote-left {
	padding: 5px;
	float: right;
	width: 200px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color:#b07b83;
	border-bottom-color:#b07b83;
	font-size: .9em;
	text-align:left;
	line-height: 1em;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:normal;
	color:#666666;
	display:block;
	clear:both;
}
.pullquote-left p {
	margin:0 0 0 0;
	padding:0;
	line-height:inherit;
}
.clearit {
	display:block;
	clear:both;
}
.pullquote-left ul{
	margin-left:0;
	margin-top:.5em;
	padding-left:0;
	list-style-position:inside;
	display:block;
	clear:left;
}
.anecdote-starter {
	border-color:#50667a !important;
	border-style:solid !important;
	border-width:1px !important;
	padding:5px;
	margin-top: 0;
	margin-bottom: 8px;
	margin-left: 5px;
	margin-right: 10px; 
/*	font-size: .9em; */
	text-align: left;
	line-height: 1.4em;
	font-family:Arial, Helvetica, sans-serif;
/*	font-family:Georgia, "Times New Roman", Times, serif; */
/*	color:#666; */
	background-color:#fff; 
}
.notes {
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5%;
	margin-right: 5%;
	font-size: .9em;
	line-height: 1.2em;
	background-color:#fff;
}
.anecdote-completion {
	display:none;
}

/* .anecdote-container {
	width:100%;
	background-color:#50667a; 
	background-image:url(bluecanvasbkgrd01.png);
	background-repeat:repeat;
} */
.anecdote-container {
	display:inline;
	float:left;
	background: url(dropshadow.gif) no-repeat bottom right;
/*	margin: 10px 0 0 5px; */
	margin-top:0px;
	margin-left:2%;
	margin-right:5px;
	margin-bottom:8px;
	background-color:white;
}
.about-container {
	width:60%;
	float:left;
	background: url(dropshadow.gif) no-repeat bottom right;
/*	margin: 10px 0 0 5px; */
	margin-top:10px;
	margin-left:20%;
	_margin-left:5%;
	margin-right:20%;
	margin-bottom:8px;
	background-color:white;
}

.anecdote-container p {
	margin-right: 5%;
	margin-left: 5%;
	line-height:inherit;
}
#welcome-container {
	position:absolute; 
	float:none; 
	background-color:white;
	width:90%;
	margin-left:5%;
	margin-top:10px;
	margin-bottom:10px;
}
#welcome-container h1 {
	BACKGROUND-COLOR: white; 
	COLOR: #50667a; 
	DISPLAY: block; 
	FONT-FAMILY: sans-serif; 
	FONT-SIZE: 175%; 
	FONT-WEIGHT: bold;

}
#welcome-container H3 {
	COLOR: #b07b83; 
	FONT-FAMILY: sans-serif; 
	FONT-SIZE: 125%; 
	FONT-STYLE: normal; 
	FONT-VARIANT: normal; 
	FONT-WEIGHT: normal; 
	MARGIN-LEFT: 2%;
}

.welcome-box {
	display:inline;
	float: left;
	width: 44%;
	margin-left:3%;
	margin-right:3%;
	background: url(dropshadow-short.gif) no-repeat bottom right;
	background-color:white;
	margin-top:10px;
	margin-bottom:10px;
}
.welcome-inner-box {
	border-color:#50667a !important;
	border-style:solid !important;
	border-width:1px !important;
	padding:5px;
	margin-top: 0;
	margin-bottom: 8px;
	margin-left: 0px;
	background-image: url(down-nobullet.jpg);
	background-color: #999999; 
	margin-right: 8px;
	width:95%;
	float:left;
	display:inline;
	color:white;
	height:8em;
}
.welcome-inner-box p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2em;
	font-variant:small-caps;
	margin-top:0;
	margin-bottom:0;
	padding:0;
	line-height:1em;
	text-align:center;
}
.welcome-inner-box:hover {
	background-image:url(over-nobullet.jpg); 
	background-color: #b07b83; 
	color: #2d1e2d;
	}

#maincontent H2 {
	BACKGROUND-COLOR: white; 
	COLOR: #b07b83; 
	DISPLAY: block; 
	FONT-FAMILY: sans-serif; 
	FONT-SIZE: 125%; 
	FONT-WEIGHT: normal; 
	MARGIN-LEFT: 2%;
}
#maincontent H3 {
	COLOR: #b07b83; 
	FONT-FAMILY: sans-serif; 
	FONT-SIZE: 125%; 
	FONT-STYLE: normal; 
	FONT-VARIANT: normal; 
	FONT-WEIGHT: normal; 
	MARGIN-LEFT: 2%;
}
#maincontent H4 {
	COLOR: black; 
	FONT-FAMILY: sans-serif; 
	FONT-SIZE: 100%; 
	FONT-STYLE: normal; 
	FONT-VARIANT: normal; 
	FONT-WEIGHT: bold; 
	MARGIN-LEFT: 5%;
}




* html body{ /*IE6 hack*/
padding: 0 0 0 200px; /*Set value to (0 0 0 WidthOfFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

#navlist {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
#framecontent .cat {
	display: block;
	padding-left: 6px;
}

#navlist a, #navlist a:visited {
	display: block;
	padding: 2px 2px 2px 24px;
	border: 1px solid;
	border-color: #ddd #000 #000 #ddd;
	background-image: url(l1_down.jpg);
	background-color: #999999; 
	background-repeat: no-repeat;
	background-position: 0% 50%;
	color: #eee;
	text-decoration: none;
	}	

#navlist a:hover {
	background-image:url(l1_over.jpg); 
	background-color: #b07b83; 
	color: #2d1e2d;
	}

.uberlink {
	background-color: #b07b83;
	background-image:url(l1_over.jpg) !important;
	background-repeat: no-repeat;
	background-position: 0% 50%;
	color: #white !important;
	font-weight: bold;
	cursor: default;
	}