body { 
height : 100%; 
width : 100%; 
border : 0; 
margin : 0; 
padding : 0; 
font-family : tahoma, verdana, arial, helvetica, sans-serif; 
font-size : 85%; 
background : #fff; 
color : #666; 
} 
#container-left { 
height : 100%; 
width : 70%; 
float : left; 
clear : left; 
background-color : rgb(255, 255, 255); 
color : #666; 
border : 0; 
margin : 0; 
padding : 0; 
} 
#container-right { 
height : 100%; 
width : 25%; 
float : right; 
clear : right; 
background-color : #fff; 
color : #666; 
border : 0; 
margin : 1%; 
padding : 1%; 
} 
#header1 { 
height : 150px; 
padding : 0; 
margin : 0; 
background : #ffffff url(http://www.charlielive.mobi/img/color-banner.jpg) no-repeat left top; 
}

#content1 { 
height : auto; 
width : 98%; 
clear : left; 
float : left; 
padding : 5px; 
padding-top : 0; 
margin : 0; 
margin-bottom : 5px; 
text-align : left; 
background : #336699; 
} 
#content2 { 
height : auto; 
width : 45%; 
clear : none; 
float : left; 
z-index : 3; 
padding : 5px; 
margin : 0; 
margin-right : 5px; 
margin-bottom : 5px; 
text-align : left; 
background-color : #ffffff; 
border-right : 0 solid #669933; 
} 
#content3 { 
height : auto; 
width : 45%; 
clear : none; 
float : left; 
padding : 5px; 
margin : 0 0 5px 0; 
text-align : left; 
background-color : #ffffff; 
border-right : 0 solid #6af; 
} 
#content4 { 
height : 100%; 
width : 98%; 
clear : none; 
float : left; 
padding : 0; 
padding-top : 0; 
margin : 0; 
margin : 5px; 
text-align : left; 
background-color : #ffffff; 
border-bottom : 0 solid #669933; 
} 
#sidebar { 
font-size : 0.8em; 
position : relative; 
top : 0; 
right : 0; 
float : right; 
padding : 10px; 
margin-left : 1%; 
text-align : left; 
background-color : rgb(255, 255, 255); 
border : 1px solid rgb(200, 200, 200); 
} 
#footer { 
clear : both; 
float : left; 
width : 98%; 
text-align : center; 
color : #6af; 
padding : 0; 
margin : 0; 
background-color : #ffffff; 
} 
p { 
background : inherit; 
color : #666; 
width : auto; 
height : auto; 
padding : 5px; 
margin : 5px; 
} 
#sidebar p { 
background : inherit; 
color : #666; 
border : 0 solid #999; 
width : auto; 
height : auto; 
padding : 0 5px; 
margin : 0 0 5px 0; 
} 
#sidebar h1 { 
background : inherit; 
color : rgb(0, 0, 0); 
font-weight : bold; 
width : auto; 
margin-top : 0; 
margin-bottom : 5px; 
padding : 5px; 
font-size : 155%; 
} 
#sidebar p.note { 
font-size : 85%; 
font-family : arial, sans-serif, helvetica; 
background : rgb(240, 240, 240); 
color : #336699; 
padding : 0; 
margin : 0; 
} 
p.note { 
font-family : arial, sans-serif, helvetica; 
font-size : 85%; 
background : #ffffff; 
color : #336699; 
border : 0 solid #999999; 
padding : 5px; 
margin-bottom : 10px; 
} 
p.note1 { 
font-family : sans-serif, arial, helvetica; 
font-size : 85%; 
background : #ffffff; 
color : #336699; 
border : 0 solid #669966; 
padding : 5px; 
margin-bottom : 10px; 
} 
p.note2 { 
float : left; 
background : rgb(255, 255, 255); 
font-family : tahoma, arial, helvetica, sans-serif; 
font-size : 90%; 
color : #336699; 
padding : 5px; 
margin-bottom : 10px; 
} 
p.quote { 
float : left; 
width : 8em; 
background : #693; 
font-weight : bold; 
padding : 1em; 
margin : 0 1em 1em 0; 
} 
.box { 
background : rgb(255, 255, 255); 
color : #666; 
padding : 0; 
margin : 0; 
border : 0 solid #666; 
} 
.pictbox { 
float : left; 
background : rgb(220, 220, 220); 
color : #666; 
text-decoration : none; 
padding : 10px; 
margin : 5px; 
border : 1px inset #666; 
} 
.side { 
background : rgb(240, 240, 240); 
color : #666; 
width : auto; 
height : auto; 
padding : 5px; 
margin : 5px 0; 
} 
#header1 h1 { 
background : inherit; 
color : rgb(000,000,000); 
font-weight : normal; 
margin: 5px 0 0 15px; 
padding : 0px; 
font-size : 200%; 
} 
#header1 p { 
background : inherit; 
color : #669933;
font-size: 100%; 
padding : 0; 
margin: 5px 0 0 15px; 
} 
h1 { 
background : inherit; 
color : rgb(0, 0, 0); 
font-weight : normal; 
margin-top : 5px; 
margin-bottom : 5px; 
padding : 5px; 
font-size : 135%; 
} 
h2 { 
background : inherit; 
color : #669933; 
font-size : 125%; 
border : 0 solid #999; 
font-weight : normal; 
margin-top : 5px; 
margin-bottom : 5px; 
padding : 5px; 
} 
h3 { 
background : inherit; 
color : #224aa1; 
font-size : 115%; 
font-weight : normal; 
margin-top : 5px; 
margin-bottom : 5px; 
padding : 5px; 
} 
h4 h6 { 
background : inherit; 
color : #336699; 
font-size : 110%; 
font-weight : normal; 
margin-top : 5px; 
margin-bottom : 5px; 
padding : 5px; 
} 
h5 { 
background : inherit; 
color : #669933; 
font-size : 125%; 
font-weight : normal; 
margin-top : 5px; 
margin-bottom : 5px; 
padding : 5px; 
} 
a:link { 
color : #336699; 
font-weight : normal; 
text-decoration : none; 
background-color : inherit; 
} 
a:visited { 
color : #336699; 
font-weight : normal; 
text-decoration : none; 
background-color : inherit; 
} 
a:hover { 
color : green; 
font-weight : normal; 
text-decoration : underline; 
background-color : inherit; 
} 
a:active { 
color : #336699; 
font-weight : normal; 
text-decoration : none; 
background-color : inherit; 
} 
#tabs10 { 
float : left; 
width : 100%; 
height : 27px; 
font-size : 90%; 
background : #ffffff; 
color : inherit; 
padding-bottom : 1px; 
border-bottom : 1px dotted #2763a5; 
line-height : normal; 
} 
#tabs10 ul { 
margin : 0; 
padding : 0; 
list-style : none; 
} 
#tabs10 li { 
display : inline; 
margin : 0; 
padding : 0; 
} 
#tabs10 a { 
float : left; 
background : url(http://www.charlielive.mobi/img/tableft10.gif) no-repeat left top; 
margin : 0; 
padding : 0 0 0 4px; 
text-decoration : none; 
} 
#tabs10 a span { 
float : left; 
display : block; 
background : url(http://www.charlielive.mobi/img/tabright10.gif) no-repeat left top; 
padding : 5px 15px 4px 6px; 
color : #ffffff; 
} 
#tabs10 a span { 
float : none; 
} 
#tabs10 a:hover { 
background-position : 0% -42px; 
} 
#tabs10 a:hover span { 
background-position : 100% -42px; 
}