html,body
{ 
background-color: #222;
background-image: url("http://i28.tinypic.com/ztcdjo.jpg");
background-position: top center;
background-repeat: repeat;
background-attachment: fixed;
text-align: center; /* for IE6 */
margin-bottom: auto;
}


#container
{
width: 980px;
text-align: center;
background-color: transparent;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
overflow: auto;
background-image: url("http://i25.tinypic.com/2yltgsy.png");
background-repeat: repeat-y;
padding-bottom: 10px;
}

#topbanner
{
background-image: url("http://charmedspace.com/images/charmedjuly2.png");
width: 980px;
height: 136px;
}

#ad
{
text-align: left;
position: relative;
left: 229px;
top: 24px;
width: 728px;
height: 90px;
}

#topmenu
{
width: 970px;
text-align: center;
background-color: #222222;
background-image: url("");
background-repeat: repeat;
color: #676767;
border-left: 5px solid;
border-right: 5px solid;
border-color: #fff;
margin-left: auto;
margin-right: auto;
}

#topmenu p
{ 
color: #676767;
font-family: arial, tahoma, sans-serif;
font-size: 11px;
letter-spacing: 0px;
text-transform: normal;
font-weight: normal;
text-decoration: none;
line-height: 24px;
}

#topmenu a 
{
color: #d2d2d2;
background-color: #;
font-family: arial, tahoma, sans-serif;
font-size: 11px;
letter-spacing: 0px;
text-transform: normal;
font-weight: bold;
text-decoration: none;
line-height: 24px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 6px;
padding-right: 6px;
-moz-transition: color, background-color 0.25s linear;
-webkit-transition: color, background-color 0.25s linear;
}

#topmenu a:hover 
{
color: #00bfdb;
background-color: #;
text-decoration: none;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 6px;
padding-right: 6px;
}

.thebox
{
width: 300px;
height: 285px;
background-color: #;
color: #000;
font-family: arial, tahoma, sans-serif;
font-size: 11px;
font-weight: normal; 
letter-spacing: 0px;
text-transform: normal;
line-height: 12px;
border: 0px solid #444;
padding: 0px;
margin: 4px;
text-align: left;
}

.welcome
{
width: 400px;
height: auto;
background-color: #f8f8f8;
color: #444;
font-family: arial, tahoma, sans-serif;
font-size: 11px;
font-weight: normal; 
letter-spacing: 0px;
text-transform: normal;
line-height: 12px;
border: 1px solid #dfdfdf;
padding: 2px;
padding-left: 4px;
margin: 6px;
}

#content
{
text-align: left;
margin-left: 5px;
}

.sidemenu
{
width: 163px;
margin-top: 4px;
margin-left: 5px;
margin-bottom: auto;
padding-bottom: auto;
padding-right: 5px;
float: left;
text-align: left;
background-color: #;
}

.sidemenu2
{
width: 163px;
margin-top: 4px;
margin-right: 0px;
margin-bottom: auto;
padding-bottom: auto;
padding-right: 5px;
float: right;
text-align: left;
background-color: #;
}

.sidemenu a, .sidemenu2 a
{
padding-right: auto;
font-family: arial, tahoma, sans-serif;
color: #;
background-color: #;
text-decoration: none;
text-transform: normal;
padding-left: 2px;
}

.sidemenu a:hover, .sidemenu2 a:hover
{
color: #;
background-color: #;
letter-spacing: 0px;
padding-left: 2px;
text-decoration: none;
text-transform: normal;
}

.menu1
{
border: 1px solid #00bfdb;
background-color: #63e6f9;
margin-bottom: 10px;
}
.menu1 a
{
font-size: 11px;
color: #000;
background-color: #00bfdb;
background-image: url("http://i32.tinypic.com/32ztfr6.png");
background-repeat: no-repeat;
padding-left: 10px;
line-height: 14px;
display: block;
font-weight: normal;
margin: 2px;
-moz-transition: color, background-color 0.3s linear;
-webkit-transition: color, background-color 0.3s linear;
}
.menu1 a:hover
{
font-size: 11px;
color: #000;
display: block;
background-color: #00b2cc;
background-image: url("http://i32.tinypic.com/32ztfr6.png");
background-repeat: no-repeat;
padding-left: 10px;
line-height: 14px;
font-weight: normal;
margin: 2px;
}

.menu2
{
border: 1px solid #bbea00;
background-color: #dfff61;
margin-bottom: 10px;
}
.menu2 a
{
font-size: 11px;
color: #000;
background-color: #bbea00;
background-image: url("http://i32.tinypic.com/32ztfr6.png");
background-repeat: no-repeat;
padding-left: 10px;
line-height: 14px;
display: block;
font-weight: normal;
margin: 2px;
-moz-transition: color, background-color 0.3s linear;
-webkit-transition: color, background-color 0.3s linear;
}
.menu2 a:hover
{
font-size: 11px;
color: #000;
display: block;
background-color: #acdc00;
background-image: url("http://i32.tinypic.com/32ztfr6.png");
background-repeat: no-repeat;
padding-left: 10px;
line-height: 14px;
font-weight: normal;
margin: 2px;
}

.menu3
{
border: 1px solid #ff2bf8;
background-color: #ff64fa;
margin-bottom: 10px;
}
.menu3 a
{
font-size: 11px;
color: #000;
background-color: #ff2bf8;
background-image: url("http://i32.tinypic.com/32ztfr6.png");
background-repeat: no-repeat;
padding-left: 10px;
line-height: 14px;
display: block;
font-weight: normal;
margin: 2px;
-moz-transition: color, background-color 0.3s linear;
-webkit-transition: color, background-color 0.3s linear;
}
.menu3 a:hover
{
font-size: 11px;
color: #000;
display: block;
background-color: #f61aef;
background-image: url("http://i32.tinypic.com/32ztfr6.png");
background-repeat: no-repeat;
padding-left: 10px;
line-height: 14px;
font-weight: normal;
margin: 2px;
}

.menu4
{
border-bottom: 1px solid #e6e6e6;
background-color: #;
margin-bottom: 12px;
padding-bottom: 14px;
}
.menu4 a
{
font-size: 11px;
color: #555;
display: block;
background-color: #;
background-image: url("");
background-repeat: no-repeat;
border: 0px solid #;
margin-bottom: 1px;
padding-left: 2px;
line-height: 13px;
font-weight: normal;
-moz-transition: color, background-color 0.3s linear;
-webkit-transition: color, background-color 0.3s linear;
}
.menu4 a:hover
{
font-size: 11px;
color: #555;
display: block;
background-color: #;
background-image: url("");
background-repeat: no-repeat;
border: 0px solid #;
margin-bottom: 1px;
padding-left: 2px;
line-height: 13px;
text-decoration: underline;
font-weight: normal;
}

.menu5
{
border-bottom: 1px solid #d2d2d2;
background-color: #;
margin-bottom: 12px;
padding-bottom: 6px;
}
.menu5 a
{
font-size: 11px;
color: #67018d;
background-color: #;
background-image: url("");
background-repeat: no-repeat;
border: 0px solid #;
margin-bottom: 1px;
padding-left: 4px;
line-height: 13px;
font-weight: bold;
-moz-transition: color, background-color 0.3s linear;
-webkit-transition: color, background-color 0.3s linear;
}

.menu5 a:hover
{
font-size: 11px;
color: #f608ee;
background-color: #;
background-image: url("");
background-repeat: no-repeat;
border: 0px solid #;
margin-bottom: 1px;
padding-left: 4px;
line-height: 13px;
text-decoration: none;
font-weight: bold;
}

.stats a
{
padding-right: auto;
font-family: arial, tahoma, sans-serif;
font-size: 9px;
color: #666;
background-color:;
border: 0px solid #;
border-top: 0px;
border-right: 0px;
width: 90px;
display: block;
text-decoration: none;
text-transform: lowercase;
font-weight: normal;
letter-spacing: 0px;
line-height: 10px;
padding-left: 2px;
}

.stats a:hover
{
padding-right: auto;
font-family: arial, tahoma, sans-serif;
font-size: 9px;
color: #222;
background-color:;
border: none;
border-top: 0px;
border-right: 0px;
border-bottom: 0px;
width: 90px;
display: block;
text-decoration: none;
text-transform: lowercase;
font-weight: normal;
letter-spacing: 0px;
line-height: 10px;
padding-left: 2px;
}

.sidemenutitle
{
background-image: url("");
background-repeat: no-repeat;
background-color: #;
color: #00bfdb;
font-family: impact,arial,tahoma,sans-serif;
font-size: 22px;
font-weight: normal;
display: block;
letter-spacing: 0px;
text-transform: uppercase;
text-align: left;
line-height: 22px;
border-bottom: 0px solid #;
margin-bottom: 0px;
padding-left: 0px;
}

.sidemenutitle2
{
background-image: url("");
background-repeat: no-repeat;
background-color: #;
color: #bbea00;
font-family: impact,arial,tahoma,sans-serif;
font-size: 22px;
font-weight: normal;
display: block;
letter-spacing: 0px;
text-transform: uppercase;
text-align: left;
line-height: 22px;
border-bottom: 0px solid #;
margin-bottom: 0px;
padding-left: 0px;
}

.sidemenutitle3
{
background-image: url("");
background-repeat: no-repeat;
background-color: #;
color: #ff2bf8;
font-family: impact,arial,tahoma,sans-serif;
font-size: 22px;
font-weight: normal;
display: block;
letter-spacing: 0px;
text-transform: uppercase;
text-align: left;
line-height: 22px;
border-bottom: 0px solid #;
margin-bottom: 0px;
padding-left: 0px;
}

.sidemenutitle4
{
background-image: url("");
background-repeat: no-repeat;
background-color: #;
color: #4d0d65;
font-family: impact,arial,tahoma,sans-serif;
font-size: 22px;
font-weight: normal;
display: block;
letter-spacing: 0px;
text-transform: uppercase;
text-align: left;
line-height: 22px;
border-bottom: 0px solid #;
margin-bottom: 0px;
padding-left: 0px;
}

.newspost
{
background-color: #;
margin-top: 4px;
margin-bottom: 18px;
margin-left: 172px;
margin-right: auto;
width: 626px;
border: 0px solid;
border-color: #;
font-family: tahoma,arial,sans-serif; 
font-size: 11px; 
color: #000; 
line-height: 11px; 
letter-spacing: 0px;
}

.newspost h2
{
color: #fff;
font-family: impact,arial,tahoma,sans-serif;
font-size: 20px;
background-image: url("");
background-repeat: no-repeat;
background-color:#4d0d65;
display:block;
border: 0px solid #;
border-bottom: 0px solid #;
text-align: left; 
font-weight: normal; 
letter-spacing: 0px;
text-transform: uppercase;
line-height: 25px;
margin-top: 0px;
margin-bottom: 5px;
padding-left: 4px;
}

.newspost h3
{
color: #fa318f;
font-family: century gothic,arial,tahoma,sans-serif;
font-size: 18px;
background-color:#;
display:block;
border: 0px solid #;
border-bottom: 0px solid #;
text-align: left; 
font-weight: bold; 
letter-spacing: 0px;
text-transform: normal;
line-height: 22px;
padding-left: 5px;
margin-top: 0px;
margin-top: 2px;
}

.newspost h4
{
color: #555;
font-family: arial,tahoma,sans-serif;
font-size: 12px;
background-color:#dedede;
display:block;
text-align: center; 
font-weight: bold; 
letter-spacing: 0px;
text-transform: uppercase;
line-height: 12px;
padding: 2px;
margin-top: 2px;
margin-bottom: 5px;
}

.newspost p
{
font-family: arial,tahoma,sans-serif; 
font-size: 11px; 
color: #222; 
line-height: 11px; 
letter-spacing: 0px;
padding: 2px;
text-align: justify;
text-transform: normal;
font-weight: normal;
}

#footer
{
width: 955px;
height: auto;
background-color: #222222;
background-image: url("");
color: #d2d2d2;
text-align: center;
clear: both;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 12px;
padding-left: 15px;
padding-bottom: 10px;
border-left: 5px solid;
border-right: 5px solid;
border-color: #fff;
}

#footer p
{
font-family: tahoma, arial, sans-serif;
font-size: 11px;
letter-spacing: 0px;
font-weight: normal;
line-height: 12px;
text-transform: normal;
padding-bottom: 0px;
}

#content a {font-family: arial,tahoma,sans-serif; color:#000; text-decoration: none; font-size: 11px; font-weight: normal; line-height: 11px; text-transform: normal; letter-spacing: 0px;}
#content a:hover {font-family: arial,tahoma,sans-serif; color:#67018e; text-decoration: none; font-size: 11px; font-weight: normal; line-height: 11px; text-transform: normal; letter-spacing: 0px; text-decoration: none;}

#footer a {font-family: tahoma,arial,sans-serif; color:#d2d2d2; text-decoration: none; font-size: 11px; font-weight: bold; line-height: 11px; text-transform: normal;}
#footer a:hover {font-family: tahoma,arial,sans-serif; color: #fff; font-size: 11px; font-weight: bold; line-height: 11px; text-decoration: underline; text-transform: normal;}

b {font-weight:bold; color:; letter-spacing: 0px;}
s {color:67018d;}
i {color:#f913f1; font-weight:none;}
u {color:#00a7bf; border-bottom: 1px dashed; border-color: #c8f41a; text-decoration:none;}

big {
font-family: arial, tahoma, sans-serif;
font-size: 24px;
color: #181818;
letter-spacing: -1px;
line-height: 28px;
text-transform: lowercase;
font-weight: normal;
}

small {
font-family: small fonts, arial;
font-size: 7px;
color: #333;
background-color: #ebebeb;
letter-spacing: 0px;
line-height: 7px;
text-transform: uppercase;
font-weight: normal;
}

textarea 
{
font-family: arial, tahoma, sans-serif;
font-size: 11px;
line-height: 11px;
font-weight: normal;
color: #999;
border: 1px solid;
border-color: #dfdfdf;
background-color: #f8f8f8;
margin-top: 2px;
width: 220px;
height: 40px;
}

.largetext textarea
{
font-family: arial;
font-size: 11px;
line-height: 11px;
font-weight: normal;
color: #999;
border: 1px solid;
border-color: #dfdfdf;
background-color: #f8f8f8;
margin-top: 2px;
width: 252px;
height: 50px;
}

.mediumtext textarea
{
font-family: arial;
font-size: 11px;
line-height: 11px;
font-weight: normal;
color: #999;
border: 1px solid;
border-color: #dfdfdf;
background-color: #f8f8f8;
margin-top: 2px;
width: 178px;
height: 20px;
}

.midtext textarea
{
font-family: arial;
font-size: 11px;
line-height: 11px;
font-weight: normal;
color: #999;
border: 1px solid;
border-color: #dfdfdf;
background-color: #f8f8f8;
margin-top: 2px;
width: 140px;
height: 20px;
}

.smalltext textarea
{
font-family: arial;
font-size: 11px;
line-height: 11px;
font-weight: normal;
color: #999;
border: 1px solid;
border-color: #dfdfdf;
background-color: #f8f8f8;
margin-top: 2px;
width: 110px;
height: 20px;
}

.icontext textarea
{
font-family: arial;
font-size: 11px;
line-height: 11px;
font-weight: normal;
color: #999;
border: 1px solid;
border-color: #dfdfdf;
background-color: #f8f8f8;
margin-top: 2px;
width: 99px;
height: 20px;
}

.smallertext textarea
{
font-family: arial;
font-size: 11px;
line-height: 11px;
font-weight: normal;
color: #999;
border: 1px solid;
border-color: #dfdfdf;
background-color: #f8f8f8;
margin-top: 2px;
width: 65px;
height: 20px;
}

.layout textarea
{
font-family: arial;
font-size: 11px;
line-height: 11px;
font-weight: normal;
color: #999;
border: 1px solid;
border-color: #dfdfdf;
background-color: #f8f8f8;
margin-top: 2px;
width: 200px;
height: 222px;
}

.warning
{
border: 2px dashed;
border-color: #cec964;
background-color: #f6f078;
width: 510px;
margin-left: auto;
margin-right: auto;
padding: 5px;
font-family: tahoma, helvetica, sans-serif;
font-size: 12px;
color: #000;
}

.surroundingdoubleborderboxrectangle {
  width: 119px;
  height: 174px;
  border: 1px solid #222;
  margin: 2px;
  float: left;
}

.layoutbox {
  width: 115px;
  height: 170px;
  border: 0px;
  margin: 2px;
  float: left;
}

a.linkBLUE:link, a.linkBLUE:visited {background-color:#bbea00!important;
font-family:tahoma !important; font-size:12px !important; color:#627a00!important; font-weight: bold !important; text-decoration: none !important; letter-spacing: 0px !important; text-transform: lowercase !important; padding:0px !important; text-align:center !important; line-height:12px !important; border:1px solid !important; border-color:#627a00!important; padding: 2px !important; margin-left: 2px;}

a.linkBLUE:hover {background-color:#d1ee5b!important;
font-family:tahoma !important; font-size:12px !important; color:#627a00!important; font-weight: bold !important; text-decoration: none !important; letter-spacing: 0px !important; text-transform: lowercase !important; padding:0px !important; text-align:center !important; line-height:12px !important; border:1px solid !important; border-color:#627a00!important; 
padding: 2px !important; margin-left: 2px;}


#currpage {
  background-color:#f8f8f8!important;
  font-family:tahoma !important;
  font-size:12px !important;
  color:#999!important;
  font-weight: normal !important;
  text-decoration: none !important;
  letter-spacing: 0px !important; 
  text-transform: lowercase !important;
  padding:0px !important;
  text-align:center !important;
  line-height:12px !important;
  border:1px solid !important;
  border-color:#d0d0d0!important; 
  padding: 2px !important;
}