html{
margin: 0; padding:0; border:0; width:100%; height:100%; 
}
body {
width:100%; height:100%; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; color:#555;
}
h1, h2, h3, h5, h6 {
font-family: Arial, Helvetica, sans-serif; color:#808080 ; margin:5px 20px 5px 20px; padding:0;
}
h4 {font-family: Arial, Helvetica, sans-serif; color:#808080 ; margin:5px 20px 5px 20px; padding:0; font-size:0.9em; font-weight:bold;}
p, i {
font-family: Arial, Helvetica, sans-serif; color:#333;  margin:5px 20px 20px 20px; padding:0; font-size:0.8em; text-align:left;
}
img {
border: 0;
}
a{text-decoration: none; color: #000000;}
a:hover {text-decoration: none; color: #787777;}
/* define layout */
/* div#floatImage1{position:absolute; top: 20px; left:660px; width:110px; height: 150px; background: url(../i/i_escribir.gif) no-repeat top left; z-index:99;}*/
div#wrapper{
width:100%; height:100%; margin: 0; padding:0;
}
div#headerWrap{
width:100%; height:100px; margin: 0; padding:0; border:0; background: url(../i/logo.gif) no-repeat top left; background-color:#006600; text-align:center;
}
div#navigationWrap{
width:100%; height:32px; margin: 0 0 15px 0; background-color:#000; text-align:center; border-top:1px solid #FFF;
}
div#contentWrap{
width:100%; margin: 0; padding:0; text-align:left;
}
div#contentLeft{
float: left; width:488px; margin: 0 3px 0 0; text-align:left;
}
div#contentRight{
float: left; width:249px; margin: 0; text-align:left;
}
div#contentRight p{
color:#444;  margin:0 20px 20px 20px; padding:0; font-size:0.7em;
}
div#footer{
width:470px; height:50px; margin: 10px 0 0 0;  padding:0; float:left;
}
div#footer p{font-size:0.7em; text-align:center; margin:0 auto; padding:10px;}
/* columns and content*/
.colcontentLeft{float:left; width:230px;  border-right: 1px dashed #EEE;}
.colcontentLeft p{height:90px;}
.colcontentLeft2{float:left; width:240px;}
.colcontentRight{float:left; width:230px;}
.colcontentRight p{height:90px;}
.colcontentRight2{float:left; width:240px;}
.bookImage{margin:10px 20px 10px 20px; }
.proGuideImage{margin:10px 10px 10px 10px; }
.infoLink{font-size:0.85em; font-weight:bold; color: #555; text-decoration:underline;}
.orderLink{font-size:1.2em; font-weight:bold; color: #FF9900; text-decoration:underline;}
/* links used for pure links */
.links {
margin: 0; padding:0;
}
.links ul{
list-style:url(../i/li_bullet1.gif);margin:0 15px 15px 35px; padding:0;
}
.links li{
margin: 0 0 0 0px; padding:0; font-size:0.8em; color:#333;
}
/* quotes */
.links .quote{font-style:italic; font-weight:bold; font-size:0.85em;}
.links .reviewer{font-size:0.6em;}

/* links2 used for icons */
.links2 {
margin: 0; padding:0;
}
.links2 ul{
list-style:none; margin:0 20px 15px 20px; padding:0;
}
.links2 li{
margin: 0; padding:1px 5px 0 0; display: inline;
}
/* links used for quote */
.links3 {
margin: 0; padding:0;
}
.links3 ul{
list-style:url(../i/li_bullet1.gif); margin:0 15px 15px 35px; padding:0;
}
.links3 li{
margin: 0 0 2em 0px; padding:0; font-size:0.7em; color:#333;
}
/* quotes */
.links3 .quote{font-size:0.85em; font-weight:bold;}
.links3 .reviewer{font-size:0.8em; font-weight:normal;}
/* news */
div#news {
margin: 0; padding:0;
}
div#news ul{
list-style:none; margin:0 15px 15px 20px; padding:0;
}
div#news li{
list-style:none; margin: 0 0 0 0px; padding:0; font-size:0.7em; color:#333;
}
/* pronunciation guides */
.links4 {
margin: 0; padding:0;
}
.links4 ul{
list-style:none; margin:0 15px 0px 20px; padding:0;
}
.links4 li{
margin: 0; padding:0; font-size:0.8em; color:#333;
}
/* content */
.icon{
margin:1px 0px 0px 1px;
}
.hline01{
width:auto; height:1px; padding: 1px 15px 1px 15px; border-bottom:1px dashed #DDD; margin:0 15px 10px 15px;
}
.hline03{
width:250px; height:15px; margin:0; padding:0; background: url(../i/hline03.gif) no-repeat top left;
}
/* navigation 1*/
div#nav1 {
float:right; height: 30px; width: auto; margin: 0; padding:0 0 0 1em; text-align:right; background: url(../i/pixelplaster_header_nav1.gif) no-repeat left;
}
div#nav1 ul {
margin: 0; padding:0; list-style: none;
}
div#nav1 li {
margin: 0; padding:2px .5em 6px 1em; display: inline;
}
div#nav1 li a{
margin: 0; padding:2px 0 0 0; text-decoration: none; color: #EEE; font-size:0.6em; font-weight:bold; 
}
div#nav1 li a:hover {
color: #FFCC00;
}
/* navigation 2*/
div#nav2 {
margin: 0; padding:5px 2px 5px 4px; text-align:left;
}
div#nav2 ul {
margin: 0; padding:0 0 0 1px;
}
div#nav2 li {
margin: 0; padding:1px 10px 1px 10px; border-right:1px solid #FFF; display: inline; list-style: none;
}
div#nav2 li a{
height: 31px; width: 100px; margin: 0; padding:2px 0 0 0; text-decoration: none; color: #FFF; font-size:14px; font-weight:bold; 
}
div#nav2 li a:hover {
color: #FFCC00;
}
/* used to define main content in relation to right hand NAV */
div#nav li, ul {
font-family: Arial, Helvetica, sans-serif;
}
div#nav {
width: 220px; padding: 0; margin: 0px 0 15px 15px; background: #E1F7CE;
}
div#nav ul {
margin: 0; padding: 0; width: auto; border-left: 1px dashed #E1F7CE; border-right: 1px dashed #E1F7CE; border-top: 1px dashed #E1F7CE;
}
div#nav ul.level2 {
margin: -1px 0 0 -245px;
} 
div#nav ul.level3 {
margin: -1px 0 0 0;
}
div#nav li {
position: relative; list-style: none; margin: 0; border-bottom: 1px dashed #E1F7CE;
}
div#nav li:hover {
 
}
div#nav li.submenu {
background: url(../i/arrow0.gif) 100% 50% no-repeat;
}
div#nav li.submenu:hover {

}
div#nav li a {
display: block; padding: 0.25em 0.5em 0.25em 0.5em; text-decoration: none; width: 100px; border-right:0px solid #F5F4DF; color: #808080 ; font-size:0.8em;
}
div#nav li a:hover {
border-right-color: #F5F4DF; color: #99CC33;
}
div#nav>ul a {
width: auto;
}
div#nav ul ul {
position: absolute; top: 0px; left: 133px; display: none;
}
div#nav ul.level1 li.submenu:hover ul.level2, div#nav ul.level2 li.submenu:hover ul.level3 {
display:block;
}
/* float right*/
.floatImg{
float:right; margin: 0 0 10px 10px; padding:0;
}
/* float right*/
.floatImg2{
float:right; margin: 0 10px 10px 10px; padding:0;
}
/* search guide */
#contentshell { width: auto; vertical-align: top; padding: 1px 1px 5px 1px;}
div#cList {padding: 0px; margin: 0px; border: 0px;}
div#cList ul {padding: 0; margin: 15px; border: 0px;}
div#cList li {list-style: none; padding: 0;	margin: 0; border: 0px;}
div#cList li a{vertical-align: middle; background-color: #DDDDDD; font-weight: bold; font-size: 12px; text-decoration: none; width: auto; color: #003366; padding: 5px 5px 5px 5px; display: block; border: 1px solid #3399CC;}
div#cList li a:hover{vertical-align: middle; font-weight: bold; font-size: 12px; text-decoration: none; background-color: #3399CC; color: #FFFFFF; padding: 5px 5px 5px 5px; border: 1px solid #003399;}
div#cTable ul {list-style: none; padding: 0; margin: 0 0 0 10px; border: 0;}
div#cInf {list-style: none; padding: 0; margin: 15px; border: 0;}
.nonLi{background-color: #EEEEEE; border: 1px solid #CCCCCC; margin: 0 0 3px 0; padding: 0px; width: 105px; height: 30px;}
div#cTable li {vertical-align: middle; text-align: center; list-style: none; padding: 0px; margin: 0 1px 0 1px; width: 105px; height: 30px; font-size: 11px; display: inline;}
/* ABC search bar*/
#ABC td {padding: 10px 2px 0px 2px; text-align: center; vertical-align: top; font-weight: bold; font-size: 14px; color: #CCCCCC; height: 16px;}
#ABC td a{padding: 0px 2px 0px 2px; text-align: center; vertical-align: top;font-weight: bold; font-size: 14px; color: #003399; border: 1px solid #FFFFFF; height: 16px;}
#ABC td a:hover {padding: 0px 2px 0px 2px; text-align: center; vertical-align: top; font-weight: bold; font-size: 14px; color: #003399; text-decoration: none; border: 1px solid #D8EEFB; height: 16px;}
#ABC table{	margin: 10px 0px 10px 0px; padding: 0px; background-color: #DDDDDD; width: auto;}
/* language table*/
div#language {margin: 0px; padding: 0px; background-color: #EEEEEE; height: 20px; width: auto; text-align: right;}
div#language table{margin: 0px; padding: 0px; background-color: #EEEEEE; width: auto;}
div#language td{margin: 0px; padding: 2px; background-color: #EEEEEE; height: 20px;}
/* verb table */
div#vtitle {width:700px; height:30px; margin: 0 0 0 20px; font-size:1.2em; font-weight:bold; color: #99CC33;}
div#vtable {margin: 0 0 0 20px; padding:0;}