body
{
	background-color: #a19f95;
	margin: 0;
	font-family: arial, helvetica, lucida-sans, sans-serif;
	color: #716f61;
	font-size: 10pt;
}

a
{
	color: #716f61;
	border: 0;
}

img
{
	border: 0;
}

form fieldset
{
	border: 0;
	font-size: 10pt;
}

form label
{
	font-soze: 10pt;
}

h1
{
	margin-top: 0;
	font-size: 16pt;
}

h2
{
	margin-top: 0;
	font-size: 14pt;
}

#container
{
	position: absolute;
	width: 862px;
	height: 600px;
	left: 50%;
	top: 50%;
	margin-left: -431px;
	margin-top: -300px;
}

#logo
{
	position: relative;
	left: 0;
	top: 20px;
	/*border: 1px solid blue;*/
	width: 373px;
	height: 147px;
	background: url(../images/dots2tots-logo.png) no-repeat;
	float: left;
}

#navigation
{
	position: absolute;
	margin-top: 100px;
	right: 5px;
}

#navigation ul
{
	margin: 0;
	display: inline;
}

#navigation ul li
{
	display: inline;
	list-style: none;
}

#logo h1
{
	display: none;
}

#copyright
{
	margin-top: 480px;
	clear: both;
	text-align: center;
	color: black;
	font-size: 8pt;
}

/* Title Box */
#titleBox
{
	position: absolute;
	margin-top: 50px;
}

#titleBox img
{
	width: 250px;
}

/* Body Box */
#bodyBox
{
	position: absolute;
	left: 120px;
	margin-top: 20px;
	background: #dad7c6;
}

#bodyBox .bottomLeft
{
	background: url(../images/bottom-left.png) 0 100% no-repeat;
}

#bodyBox .bottomRight
{
	background: url(../images/bottom-right.png) 100% 100% no-repeat;
}

#bodyBox .topRight
{
	background: url(../images/top-right.png) 100% 0 no-repeat;
}

#bodyBox .topLeft
{
	background: url(../images/top-left.png) 0 0 no-repeat;
}

#bodyBox .left
{
	background: url(../images/left.png) 0 0 repeat-y;
}

#bodyBox .right
{
	background: url(../images/right.png) 100% 0 repeat-y;
}

#bodyBox .top
{
	background: url(../images/top.png) 0 0 repeat-x;
}

#bodyBox .bottom
{
	background: url(../images/bottom.png) 0 100% repeat-x;
}

#bodyBox .center
{
	display: block;
	width: 740px;
	height: 415px;
	padding-top: 15px;
}

#bodyBox .content
{
	padding: 15px 15px 15px 140px;
	overflow: auto;
	width: 573px;
	height: 365px;
}

#bodyContainer
{
	clear: both;
}

/* scroll pane */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	/*background: #aaa;*/
	background: #a19f95;
}
.jScrollPaneDrag {
	position: absolute;
	/*background: #666;*/
	background: #716f61;
	/*background: url(../images/scroll-button.png) center no-repeat;*/
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

#birth_stories
{
	display: block;
	list-style: none;
	margin: 0;
}

#birth_stories li
{
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 10px;
	text-align: center;
	width: 125px;
}

#birth_stories li a
{
	display: inline-block;
	text-decoration: none;
	text-align: center;
}

#birth_stories li span
{
	width: 100%;
	height: 100%;
	vertical-align: middle;
	display: block;
}

#birth_stories li span img
{
	margin: auto;
	text-align: center;
}

#birth_story img
{
	float: right;
	margin-left: 10px;
}