
body
{	margin:0 0px 0px 30px;
	background-color:#ffffff;
	padding:0  30px 0 200px; /* top rightPillar bottom leftPillar */
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-weight: normal;
	font-size: 10pt;
	line-height: 150%;}

#container
{	background-color:#ffffff;
	float:left;
	width:100%;	
	border-left:200px solid #add8ef; /* The width and color of the left Pillar */
	margin-left:-200px;
	border-right: 30px solid #ffffff; /* The width and color of the right Pillar */
	margin-right:-30px;
	display:inline; /* So IE plays nice */}

#Main
{	float:left;
	width:100%;
	margin-right:-100%;}

#leftPillar
{	float:left;
	width:200px;
	margin-left:-200px;
	position:relative;}

#rightPillar
{	float:right;
	width: 30px;
	margin-right: -30px;
	background-color:#ffffff;
	position:relative;}

#header
{	height: 194px;
	background-color:#ffffcc;
	margin: 10px 0px 10px -200px;
	border-top: solid #0000ff 2px;
	border-bottom: solid #0000ff 2px;
	vertical-align: baseline;
	background-image: url(http://1stedition.net/Images/PicturebookLogo3.gif); 
	background-repeat: no-repeat; 
	background-position: 50% 50%; 
	clear:both;}

#footer
{	background-color:#ffffcc;
	margin: 10px 0px 10px -200px;
	border-top: solid #0000ff 1px;
	border-bottom: solid #0000ff 1px;
	clear:both;}

.words p
{	margin:2px;}

.main p
{	margin:5px;}

.wordsContent p
{	margin: 6px;
    padding:5px 10px 5px 10px;}

#footer p
{	font-size: 8pt;
	text-align: center;
	line-height: .5em;}
	
#leftPillar p
{	margin: 4px 4px 0px 12px; }

h2
{	margin:0;
	font-size: 150%;
	padding: 5px 10px 5px 10px;}

#Main h2
{	font-size: 18pt;
	background-color:#ffffff;
	color: #0000ff;
	margin:0 0px 0 0px;
	border-top: solid #add8ef 0px;
	padding:15px 5px 5px 5px;
	text-align: center;}

.words h2
{	background-color:#ff9933;
	margin:0 0 0 220px;
	padding:5px;
	border-bottom:2px solid #444;
	text-align: center;}

#leftPillar h2
{	background-color: #0000ff;
	color: #ffffff;}

h3
{	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	font-size: 100%;}

#Main h3
{	font-size: 130%;
    color: #0000ff;
    background-color:#add8ef;
    font-weight: bolder;
	margin:20px -5px 0 5px;
	padding:4px 2px 4px 10px;
/*	border: 0px 0px 10px 0px;
	border-color: #ffffff;*/
	text-align: left;
	line-height: 1.25em;}

#leftPillar h3
{	font-size: small;
    background-color:#66ccff;
	color: #0000ff;
	margin: 15px 8px 4px 8px;
    border-right: 1em solid blue }
    	
#Main h4
{	font-size: 125%;
    color: #0000ff;
    background-color: #ffffff;
    margin: 10px 0px 0px 8px;
	font-weight: bold;
	padding:2px;
	text-align: left;}

.menu
{	list-style-type:none;
	border:0px solid black;
	margin:0px;
	padding-left:8px;
	font-weight: normal;
	font-size: small;
	line-height: 160%;}

/*#rightPillar fieldset
{	border:1px solid #222;
	margin:5px;
	padding:5px;}*/

.words
{	background-color: #ffffff;
/*	border:2px solid #ffffff;*/
	margin:15px;
	padding:0px 5px 5px 5px;
	overflow:hidden;
	list-style-type:none;}

* html .words
{	height:1%; /* So IE plays nice */}

.leftbord
{	font-size: 125%;
    background-color:#ffffff;
	margin: 10px;
    padding: 0px 5px;
    list-style-type:none;
    border-left: 0.5em solid blue }

table /* 3/6/2009 */
{table-layout: fixed;
overflow: scroll;
color: #404040;
/* width: 260px; */
background-color: #fafafa;
border: 1px #d79900 solid;
border-collapse: collapse;
border-spacing: 0px;
padding: 2px 2px;
margin: 2px 2px;
line-height: 1.0em;}

.em15 /* 3/6/2009 */
{line-height: 1.5em;}

/* Zero Out .wordcontainer */
/*.wordsContainer
{	width:100%;
	border-left:1px solid #699;
	margin-left:-1px;
	background-color:#fefefe;
	display:inline;
	float:left;}*/
/* Zero Out .wordcontainer */

.wordsContent
{	width:100%;
	float:right;
/*	border-left:2px solid #444;*/
	margin-left:-2px;
	list-style-type:none;
	overflow:hidden;
	position:relative;}

/* Zero Out .wordspillar */
/*.wordsPillar
{	float:left;
	width:100px;
	margin-left:-102px;
	border-right:2px solid #444;
	position:relative;}*/
/* Zero Out .wordspillar */

img.right 
{ 	margin: 4px 2px 2px 7px;
	border: solid #000000 1pt;
	padding: 0px; 
	display: inline; }

img.left 
{ 	margin: 4px 7px 2px 2px; 
	border: solid #000000 1pt;
	padding: 0px;
	display: inline; }

img.middle 
{ 	display: block; 
	margin-left: auto; 
	margin-right: auto; }

.right { float: right; }

.rightclear { float: right; clear:right ;margin:4px; }

.left { float: left; }

.clearall { clear:both;}
    
.scroll { clear:both; overflow: scroll;}

a {	text-decoration: underline;}

a:link 
{ 	color: #0000ff; }

a:visited 
{ 	color: #660033; }

a:active 
{ 	color: #0033ff; }

a:hover 
{ 	color: #ffffff;
	font-size: 100%;
	background-color:#0000ff; }

li
{	margin: 0px 0px 0px 5px;}