body {
 margin: 15px;
 height: 100%;
 padding: 0px;
 font-family: Arial, Helvetica, Sans Serif;
 line-height: 120%;
 font-size: 12px;
 color: #333333;
 background-color: #000000;
 /* background: #6489AF; */
}

#page {
 background-color: #FFFFFF;
 width: 800px;
}

#header {
 margin-bottom: 2px;
 margin-top: 2px;
}

#date  {
 color: #fff;
 padding-right: 5px;
}

#left_col  {
 background-image: url(http://www.uacastrology.com/images2/left_col_bg.jpg);
 background-repeat: no-repeat;
 height: 700px;
 vertical-align: top;
}

#content  {
 vertical-align: top;
/* padding-top: 20px; */
 background-color: #FFFFFF;
}

#titlebar  {
 background-color: #7a1a57;
 background-image: url(http://www.uacastrology.com/images2/titlebar.jpg);
 background-repeat: no-repeat;
 margin-bottom: 2px;
 width: 750px;
 height: 20px;
}




P, UL, LI, TD, H1, H2, H3, H4, H5, H6, CENTER, LEFT, RIGHT {
  font-family: arial, helvetica, sans-serif;
}

P, UL, LI, TD, INPUT, CENTER, LEFT, RIGHT {
  font-size: 13px;
  color: #333333;
}

.headline {
 font-size: 16px;
 font-weight: bold;
 border-bottom: 1px solid #000000;
 padding-top: 25px;
 padding-bottom: 5px;
}

.headline_no_us {            /* this is headline, but without the underline */
 font-size: 16px;
 font-weight: bold;
 padding-top: 25px;
 padding-bottom: 5px;
}

.strong {
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
}

.italic {            /* italic */
  font-family: arial, helvetica, sans-serif;
  font-style: italic;
}

.smaller {
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
}

.extra-small {
  font-family: arial, helvetica, sans-serif;
  font-size: 10px;
}

.larger {
  font-family: arial, helvetica, sans-serif;
  font-size: 15px;
}

.extra-large {   /* and for even bigger type ... */
  font-family: arial, helvetica, sans-serif;
  font-size: 25px;
  font-weight: bold;
}

.red {
  color: #FF0000;
}


.error {          /* use for error messages */
  padding: 8px;
  border: 1px solid #FF0000;
  background: #FFFFCC;
  font-weight: bold;
  color: #FF0000;
}




a:link {
 color: #3A2896;
 font-weight: bold;
 text-decoration: none;
}

a:visited {
 color: #3A2896;
 font-weight: bold;
 text-decoration: none;
}

a:active {
 color: #587012;
 font-weight: bold;
 text-decoration: none;
}

a:hover {
 color: #587012;
 font-weight: bold;
 text-decoration: none;
}


/* These are used in the left-hand menu */
a.mainlevel:link {
 color: #3A2896;
 font-size: 13px;
 font-weight: bold;
 text-decoration: none;
 background-color: transparent;
 background-repeat: no-repeat;
 background-attachment: scroll;
 background-position: 0 0;
 text-align: left;
 display: block;
 padding-top: 5px;
 padding-left: 5px;
 padding-bottom: 5px;
 width: 100%;
 height: 20px !important;
 vertical-align: middle;
}

a.mainlevel:visited {
 color: #3A2896;
 font-size: 13px;
 font-weight: bold;
 text-decoration: none;
 background-color: transparent;
 background-repeat: no-repeat;
 background-attachment: scroll;
 background-position: 0 0;
 text-align: left;
 display: block;
 padding-top: 5px;
 padding-left: 5px;
 padding-bottom: 5px;
 width: 100%;
 height: 20px !important;
 vertical-align: middle;
}

a.mainlevel:active {
 color: #587012;
 text-decoration: none;
 background-position: 0 -25px;
}

a.mainlevel:hover {
 color: #587012;
 text-decoration: none;
 background-position: 0 -25px;
}












/* Joomla core stuff */

a.mainlevel#active_menu     { color: #666; font-weight: bold }

a.mainlevel#active_menu:hover     { color: #7a1a57 }

a.sublevel:link, a.sublevel:visited      { color: #7a1a57; font-size: 11px; font-weight: bold; text-align: left; padding-left: 0; vertical-align: middle }

a.sublevel:hover     { color: #666; text-decoration: none }

a.sublevel#active_menu   { color: #666 }


#contentarea2 {
 vertical-align: top;
 width: 610px;
}