

body {
max-width: 1050px;
background-color:#ffffff; 
font-family: Arial, Verdana,  sans-serif;
font-size: 93%; /*leave this*/
color: #000099;
margin:auto;
padding:0;
text-align:left;
}


.max-width {
width:expression(document.body.clientWidth > 1052? "1050px": "auto" );
}

table {
font-size:100%; 
color:inherit;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}


hr{
border: 0;
color:#ccc;
background-color: #ccc;
height: 2px;
width: 95%;
text-align: left;
}

 
ul {
list-style-type: none;
padding-left: 0;
margin-left: 10px;
}
 
li.custom {
background: url(http://www.familyfuncartoons.com/images/button3.jpg) left center no-repeat;
padding-left: 20px;
margin-bottom: 10px;
text-align: left;
}
 

a { font-family: Arial, Verdana, sans-serif; 
font-size: 100%; color: #000066; 
text-decoration: underline;
}

a:hover { font-family: Arial, Verdana, sans-serif;
 font-size: 100%; 
 background-color: #660000;
 color: #fff;
 }


h1 { font-family: Arial, Verdana, sans-serif; font-size: 150%;  color: #333333; text-align:center;}
h2 { font-family: Arial, Verdana, sans-serif; font-size: 116%;  color: #000066; text-align:center;}
h3 { font-family: Arial, Verdana, sans-serif; font-size: 108%;  color: #000066; text-align:center;}



td.logo {
background-color:#fff;
font-size: 100%; 
}

td.headerbg {
background-color:#fff;
 font-size: 93%; 
}

td.spacerbg {
background-color:#fff;
 font-size: 93%;  
}

td.contentbg {
background-color:#fff;
border-left: 1px solid #cccccc;
border-right: 1px solid  #cccccc;
border-top: 1px solid  #cccccc;
border-bottom: 1px solid  #cccccc;
font-size: 93%;
color:inherit;
padding:10px;
}

td.rightbg {
font-family: Arial, Verdana, sans-serif;
font-size: 86%;
color:inherit;
background-color:#fff; 
padding:5px;
}

td.leftbg {
font-size: 86%;
color:inherit;
margin-left: 5px;
background-color:#fff;
padding:5px; 
}

td.footerbg {
font-size: 86%;
color:inherit;
background-color:#c97fc9;
padding:5px; 
}

.hbg{
background-color:#b74ec3; 
color:#fff;
width: auto;
text-align:center;
}

.hbg2{
background-color:#b74ec3; 
color:#fff;
width: 30px;
text-align:center;
}

.hbg2grey{
background-color:#ccccff; 
color:#fff;
width: 40;
text-align:left;
}

.right-column-image { text-align: center; position:relative } 

.storyInput {
height: 150px;
}


#customers
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
#customers td, #customers th 
{
font-size:1em;
border:1px solid #d38ed2;
padding:3px 7px 2px 7px;
}
#customers th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#c460c3;
color:#ffffff;
}
#customers tr.alt td 
{
color:#000000;
background-color:#e8e7e8;
}
/* information below is to remove the link styling for anchor links.
Just leave this as it is.... and shouldn't be modified */
a.jumplink{
text-decoration: none;
font-size: 100%; 
background-color: transparent;
color: #000;
}

a:hover.jumplink  {
text-decoration: none;
font-size: 100%; 
background-color: transparent;
color: #000;
} 
