body{
margin:0;
padding:0;
line-height: 1.5em;
font-family:Verdana, sans-serif;
font-size:0.8em;
}

b{font-weight:bold;}
em{font-style:italic;}
a{color:#201E5C;}

#maincontainer{
width: 800px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
position:relative;
}

#topsection{
height: 130px; /*Height of top section*/
background-image:url("../images/header5.png");
}
#withimage{
position:absolute;
top:0px;
right:0px;
background:#201E5C;
padding:10px;
padding-top:30px;
padding-bottom:13px;
text-align:center;
width:280px;
}
#topsection .innertube{
margin: 0;
color:#DEE6EE;
padding-top: 15px;
margin-left:-9999px;
}

#contentwrapper{
float: left;
width: 100%;
}

#aboutwrapper{
width:264px;
margin:10px;
overflow:hidden;
background: #9DAAC6;
color:#201E5C;
padding:7px;
}

#contentcolumn{ /*IE*/

margin-left: 200px;
margin-top:15px;
margin-bottom:15px;
}
html > body #contentcolumn{
margin-left: 200px;
margin-top:15px;
margin-bottom:15px;
}
#contentcolumn h1{
color:#CC2026;
font-weight:normal;
font-size:2.5em;
line-height:1.2em;
padding-bottom:3px;
border-bottom:2px solid #CC2026;
}
#contentcolumn h2{
color:#5A79A5;
border-bottom:1px solid #5A79A5;
font-weight:normal;

}
.imgintext img{
display:block;
margin-left: auto;
margin-right: auto;
width: expression(document.body.clientWidth > 472? "470px" : "auto");
max-width:470px;

}

div#leftcolumn{ /* IE */
float:left;
width:200px;
margin-left: -800px; /*Set left margin to -(MainContainerWidth)*/
background: #9DAAC6;
color:#201E5C;
margin-top:15px;
margin-bottom:15px;
}
html > body div#leftcolumn{
float:left;
width:200px;
margin-left: -800px; /*Set left margin to -(MainContainerWidth)*/
background: #9DAAC6;
color:#201E5C;
margin-top:15px;
margin-bottom:15px;
}
#leftcolumn h3{  /* IE */
width:170px;
line-height:1.4em;
margin:0;
padding:0;
padding-left:10px;
margin-top:10px;
background:#5A79A5;
color:#DEE6EE;
font-family:serif;
font-weight:bold;
font-size:1.2em;
}

html > body div#leftcolumn h3{
width:170px;
line-height:1.4em;
margin:0;
padding:0;
margin-left:0px;
padding-left:10px;
margin-top:10px;
background:#5A79A5;
color:#DEE6EE;
font-family:serif;
font-weight:bold;
font-size:1.2em;
}
#leftcolumn h3.general{
background:#CC2026;
color:#DEE6EE;
}
#leftcolumn span#puppetry{ /* IE */
display:block;
width:170px;
background: #9DAAC6;
background-image:url("../images/puppetry2.png");
background-repeat:no-repeat;
height:42px;
}
html > body #leftcolumn span#puppetry{
display:block;
width:190px;
background: #9DAAC6;
background-image:url("../images/puppetry2.png");
background-repeat:no-repeat;
height:42px;
}
#leftcolumn span.icon{
display:block;
width:170px;
height:40px;
margin:15px 0px 15px 0px;
background-image:url("../images/icon.png");
background-repeat:no-repeat;
background-position:40% 0%;
}
html > body #leftcolumn span.icon{
display:block;
width:200px;
height:40px;
margin:15px 0px 15px 0px;
background-image:url("../images/icon.png");
background-repeat:no-repeat;
background-position:40% 0%;
}
.innertext{
margin-left:-9999px;
}
#leftcolumn ul{
list-style-type:none;
margin:0;
padding:5px 10px 5px 10px;
}
#leftcolumn ul li{
font-size:0.9em;
line-height:1.3em;
margin-bottom:1em;
}

#leftcolumn a{
text-decoration:none;
color:inherit;
}
#leftcolumn ul.nav a{
display:block;
color:#201E5C;
padding-right:10px;
padding-left:5px;
}
#leftcolumn ul.nav a:hover{
background-color:#E9C17C;
}
#leftcolumn h3 a{
color:#DEE6EE;
display:block;
}
#leftcolumn h3 a:hover{
display:block;
color:#CC2026;
}
#leftcolumn h3.hovered{
background-color:#E9C17C;
}
#leftcolumn a.selected{
display:block;
background-color:#E9C17C;
color:#CC2026;
}
#leftcolumn h3.selected{
display:block;
background-color:#E9C17C;
color:#CC2026;
}

#comercial{
width:150px;
float:right;

margin-left:10px;
}
#amazon{
height:400px;
background:white;
border:3px solid black;
}
#footer{
clear: left;
width: 100%;
background: #201E5C;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

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

#contentcolumn .MsgSent h1 {
	font-size:1.7em;
	border-width:0px;
	color:green;
}
#contentcolumn .MsgError h1 {
	font-size:1.7em;
	border-width:0px;
	border:none;
}

.actions{
padding:20px 10px 0 0;
}
html > body .actions a{
font-size:.85em;
text-decoration:none;
display:block;
float: left;
margin-right:15px;
padding:3px 7px;
background-color:#201E5C;
color: white;
}

.actions img{
border:none;
padding-right:5px;
vertical-align:middle;
}
.links {
	float:none;
	margin-top:60px;
	width:100%;
}

#books{
	padding:20px 50px 0px 60px;
}
#books iframe {
	padding:5px;

}
#howtoicons{
	background:#9daac6;
	padding:0px;

	width:186px;
	float:right;
	margin-left:10px;
	margin-right:-10px;
}
#howtoicons a{
	
	display:block;
	width:170px;
	height:90px;
	background:#dee6ee;
	
	text-align:center;
	vertical-align:middle;
	margin:8px;
	line-height:90px;
}
#howtoicons img{


vertical-align:middle;
	border:none;

}
.toright {
	display:block;
	text-align:right;
	padding-right:50px;
}
