/* hide these rules from CSS-challenged browsers */
@media screen, projection {
/* below exploits a parsing error so @media rules will be visible to MacIE5 */
.BeNiceToMacIE5 {
  font-family: "\"}\"";
  font-family: inherit;
}
} /* end screen only rules */

/* left column */
#nav {
  width: 18%;              /* % of inner-container width is ~same width as right column */
  float: left;             /* left side of inner-container */
  margin: 0;               /* keep flush with adjacent containers */
  padding: .3em 0 0 1%;    /* space from window edge (IE messes up with margin, so use padding) */
  font-size: 1em;
}

#nav h1 {
	font-size:90%;  
	font-weight:bold; 
	color:#ff9900;
}

ul#navigation {
	padding:0px;
	margin:0px;
}

ul#navigation li{
	list-style-type:none;
	padding:2px;
}
ul#navigation li a:link{
	font-size:11px;
	color:#6699cc;
	text-decoration:none;
}
ul#navigation li a:visited{
	font-size:11px;
	color:#0066cc;
	text-decoration:none;
}
ul#navigation li a:hover{
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
	background-color:#3366cc;
	padding:2px;
}
ul#navigation li a:active{
	font-size:11px;
	color:#0000ff;
	text-decoration:none;
	background-color:#3366cc;
}

div.boxes {
width: 100%;
margin: 0 auto;
}

div.boxes ul{
  padding: 0;
  margin: 0 auto;
  list-style: none;
}

li.blueboxes {
float: left;
width: 130px;
height: 80px;
margin: 10px;
padding: 10px;
background-color: #002984;
border: 10px solid #00215A;
font-size: 20px;
text-align: center;
font-family: verdana, sans-serif;
} 

li.blueboxes a:link{
	font-size:18px;
	color:#b7b7b7;
	text-decoration:none;
}
li.blueboxes a:visited{
	font-size:18px;
	color:#ffcc33;
	text-decoration:none;
}
li.blueboxes a:hover{
	font-size:18px;
	color:#ffffff;
	text-decoration:none;
}
li.blueboxes a:active{
	font-size:18px;
	color:#0000ff;
	text-decoration:none;
}

#scross {
	background-image: url(images/southern-cross.gif); background-repeat:no-repeat;
	background-position: top right;
      text-align: right;
      margin: 10px 0px 0px;
      height: 87px;
      width: 100px;
}

#starwhite {
	background-image:url(images/starry2.gif); background-repeat:no-repeat;
	background-position:top center;
	width:20px;
	height:20px;
}

/* center column */
#content {
  width: 75%;              /* % of inner-container width */
  float: right;            /* right side of inner-container */
  padding: .2em 1.5%;      /* some padding for readability */
  margin: 0;               /* keep flush with adjacent containers */
}

div#content h2 {
	font-size:90%;  
	font-weight:bold; 
	color:#ff9900;
	text-align:center;
	margin-bottom:10px;
}

div#content h2.left {
	font-size:90%;  
	font-weight:bold; 
	color:#ff9900;
	text-align:left;
	margin-bottom:2px;
}

#content p {
	font-size:13px;
	margin:2px 0px 15px 0px;
}

.starsignspics {
	float:left;
	padding-right:5px;
	width:64px;
}

.giftguidepics img {
	float:left;
	padding-right:5px;
	width:50px;
}

#dvd {
	float: left;
	padding-right: 5px;
	width: 110px;
}

#content div.starsigns p {
	font-size:84%;
	margin-top:0px;
	padding:0px;
	line-height:1em;
}

p.greetings {
	font-size:13px;  
	font-weight:bold; 
	color:#00ff00; 
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	}

p.dates {
	font-size:10px;  
	font-weight:bold; 
	color:#00ff00; 
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	}

#content p.trendsyellow {
	font-size:17px;  
	font-weight:bold; 
	color:#FFCF2D; 
	font-family: Arial, Helvetica, sans-serif;
    text-align:center;
	}

ul.famous1 {
	padding-left:20px;
	}

.famous1 {
	font-size:13px;  
	font-weight:normal; 
	color:#aaaaff; 
	font-family: verdana, Arial, Helvetica, sans-serif
	}

.famous2 {
	font-size:13px;  
	font-weight:normal; 
	color:#ff40ff; 
	font-family: verdana, Arial, Helvetica, sans-serif
	}

.famous3 {
	font-size:13px;  
	font-weight:normal; 
	color:#c1c100;
	font-family: verdana, Arial, Helvetica, sans-serif
	}

.famous4 {
	font-size:13px;  
	font-weight:normal; 
	color:#ff8000;
	font-family: verdana, Arial, Helvetica, sans-serif
	}

.famous5 {
	font-size:13px;  
	font-weight:normal; 
	color:#66b3ff; 
	font-family: verdana, Arial, Helvetica, sans-serif
	}

.famous6 {
	font-size:13px;  
	font-weight:normal; 
	color:#00ff00;  
	font-family: verdana, Arial, Helvetica, sans-serif
	}

.famous7 {
	font-size:13px;  
	font-weight:normal; 
	color:#aaaaff;  
	font-family: verdana, Arial, Helvetica, sans-serif
	}

.famous8 {
	font-size:13px;  
	font-weight:normal; 
	color:#ff40ff; 
	font-family: verdana, Arial, Helvetica, sans-serif
	}

.famous9 {
	font-size:13px;  
	font-weight:normal; 
	color:#c1c100;
	font-family: verdana, Arial, Helvetica, sans-serif
	}

.famous10 {
	font-size:13px;  
	font-weight:normal; 
	color:#ff8000;
	font-family: verdana, Arial, Helvetica, sans-serif
	}

.one {
	font-size:13px;  
	font-weight:bold; 
	color:#cc8df1; 
	font-family: verdana, Arial, Helvetica, sans-serif
	}
	
.two {
	font-size:13px;  
	font-weight:bold; 
	color:#e4a205; 
	font-family: verdana, Arial, Helvetica, sans-serif
	}
	
.three {
	font-size:13px;  
	font-weight:bold; 
	color:#379bff; 
	font-family: verdana, Arial, Helvetica, sans-serif
	}
	
.four {
	font-size:13px;  
	font-weight:bold; 
	color:#80ffff; 
	font-family: verdana, Arial, Helvetica, sans-serif
	}

div#content h2.historyheadings {
      margin-bottom: 15px;
	  margin-top:30px;
}

div#content h2.historyofastrology {
	font-size:90%;  
	font-weight:bold; 
	color:#ffcc33;
	text-align:center;
	margin-top:50px;
	margin-bottom:10px;
}
div#content h2.downloads {
	font-size:90%;  
	font-weight:bold; 
	color:#ff9900;
	margin-bottom:10px;
}

.alignleft {
	float:left;
	padding-right:15px;
}

.alignright {
	float:right;
	padding-left:15px;
}

#blogpic {
      float: left;
      padding: 1px;
      border: 1px solid #609;
      margin-right: 3px;
}

.scopes {font-size:13px; color:#00ffff; font-family: verdana, Arial, Helvetica, sans-serif; padding: 5px;}
.aries {font-size:13px;  font-weight:normal; color:#FF0000; font-family: verdana, Arial, Helvetica, sans-serif}
.taurus {font-size:13px;  font-weight:normal; color:#FF01E8; font-family: verdana, Arial, Helvetica, sans-serif}
.gemini {font-size:13px;  font-weight:normal; color:#00FF00; font-family: verdana, Arial, Helvetica, sans-serif}
.cancer {font-size:13px;  font-weight:normal; color:#BD9CDE; font-family: verdana, Arial, Helvetica, sans-serif}
.leo {font-size:13px;  font-weight:normal; color:#FF6600; font-family: verdana, Arial, Helvetica, sans-serif}
.virgo{font-size:13px;  font-weight:normal; color:#ffffff; font-family: verdana, Arial, Helvetica, sans-serif}
.libra {font-size:13px;  font-weight:normal; color:#5792FF; font-family: verdana, Arial, Helvetica, sans-serif}
.scorpio {font-size:13px;  font-weight:normal; color:#E30D5F; font-family: verdana, Arial, Helvetica, sans-serif}
.sagittarius {font-size:13px;  font-weight:normal; color:#C55EC1; font-family: verdana, Arial, Helvetica, sans-serif}
.capricorn {font-size:13px;  font-weight:normal; color:#00E699; font-family: verdana, Arial, Helvetica, sans-serif}
.aquarius {font-size:13px;  font-weight:normal; color:#FD6BFF; font-family: verdana, Arial, Helvetica, sans-serif}
.pisces {font-size:13px;  font-weight:normal; color:#00ffff; font-family: verdana, Arial, Helvetica, sans-serif}
.plumburg {font-size:13px;  font-style:normal; color:#cc0066; font-family: verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.red {font-size:13px;  font-style:normal; color:#ff0000; font-family: verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.greeny {font-size:13px;  font-style:normal; color:#359966; font-family: verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.yellow {font-size:13px;  font-style:normal; color:#ffff00; font-family: verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.gold {font-size:13px;  font-style:normal; color:#ffcc33; font-family: verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.moon {font-size:13px;  font-style:normal; color:#cccccc; font-family: verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.green {font-size:13px;  font-style:normal; color:#008000; font-family: verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.pink {font-size:13px;  font-style:normal; color:#ff6699; font-family: verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.blue {font-size:13px;  font-style:normal; color:#6699ff; font-family: verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.purple {
	font-family:  verdana, Helvetica, arial narrow, sans-serif;
	color: #9999CC;
	font-style: normal;
	font-weight: bold;
	font-size: 12px; }
.largerGold {font-size:13px; font-style:normal; color:#ff9900; font-family: verdana, Arial, Helvetica, sans-serif; font-weight:normal;}
.white12 {font-family:verdana, Helvetica, sans-serif; color:#ffffff; font-style:normal; font-weight:bold; font-size: 12px; }
.goldtext {
	color:#ff9900;
}

p.biorhythms {
	background-color:#fff;
	text-align:center;
      color: #000;
      padding: 10px;
}

ul.tutorial li {
	margin-bottom:20px;
}

ul#types {
	list-style-type:none;
	padding:0px;
	margin:0px;
	}

ul#types li {
	background-image:url(images/right.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:20px;
	margin:0px;
	}
	
ul#historylist {
	list-style-type:none;
	padding:0px;
	margin:0px;
	}
	
ul#historylist li {
	background-image:url(images/starseed.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:20px;
	margin-left:20px;
	margin-bottom:5px;
	font-size:13px;
	}

@media screen, projection, print {
/* below exploits a parsing error so @media rules will be visible to MacIE5 */
.BeNiceToMacIE5 {
  font-family: "\"}\"";
  font-family: inherit;
}
html, body {
  margin: 0;
  padding: 0;
  border:0;
  width: 100%;
  background-image:url(images/astback.jpg);
  font:100%/1.2 Verdana, Arial, Helvetica, sans-serif;
  color:#9cf;
}

body.home ul#navigation li a.home, body.history ul#navigation li a.history, body.whatisastrology ul#navigation li a.whatisastrology, body.chinese ul#navigation li a.chinese, body.starsigns ul#navigation li a.starsigns, body.astrologycoursesclasses ul#navigation li a.astrologycoursesclasses, body.historyastrology ul#navigation li a.historyastrology, body.astrologybooks ul#navigation li a.astrologybooks, body.dailyhoroscopes ul#navigation li a.dailyhoroscopes, body.astrologygraphics ul#navigation li a.astrologygraphics, body.downloads ul#navigation li a.downloads, body.astrologylinks ul#navigation li a.astrologylinks, body.about ul#navigation li a.about, body.astrologygifts ul#navigation li a.astrologygifts, body.linktoastrosense ul#navigation li a.linktoastrosense, body.biorhythms ul#navigation li a.biorhythms, body.currenttrends ul#navigation li a.currenttrends, body.astrologyarticles ul#navigation li a.astrologyarticles, body.astrologytutorials ul#navigation li a.astrologytutorials, body.contact ul#footernav li a.contact, body.astrologycharts ul#navigation li a.astrologycharts {
	color:#fc3;
	font-size:12px;
	font-weight:bold;
	background-color:#000;
}

img {
	border:0px;
}

img.history {
	margin: 20px auto;
	display:block;
}

.starsigns img {
	border:0px;
	margin:10px;
}

.starsignsglyphs img {
	border:0px;
	margin:20px;
}

.center {
	text-align: center;
}

h1 {
  font-size: 175%;
  margin-bottom: .3em;
}
h2 {
  font-size: 125%;
}
a:link {
  color: #9cf;
  background-color: transparent;
}
a:visited {
  color: #909;
  background-color: transparent;
}

.bold {
	font-weight:bold;
}

a:link.smallBlue {font-size: 11px; color: #6699cc; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline}
a:visited.smallBlue {font-size: 11px; color: #0066cc; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline}
a:hover.smallBlue {font-size: 11px; color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #3366CC; text-decoration: underline}
a:active.smallBlue {color: #0000ff; text-decoration: underline}

a:link.largerBlue {font-size: 13px; color: #6699cc; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline}
a:visited.largerBlue {font-size: 13px; color: #0066cc; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline}
a:hover.largerBlue {font-size: 13px; color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #3366CC; text-decoration: underline}
a:active.largerBlue {color: #0000ff; text-decoration: underline}

a:link.largerGold {font-size: 13px; color: #ff9900; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration: underline; padding:2px;}
a:visited.largerGold {font-size: 13px; color: #ff9900; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration: underline;padding:2px;}
a:hover.largerGold {font-size: 13px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; background-color: #ff9900; text-decoration: none; padding:2px;}
a:active.largerGold {color: #0000ff; text-decoration: underline; font-weight:bold; padding:2px;}

/* page header, uses body colors */
#header {
  width: 100%;             /* full window width */
  margin: 0px;
  padding:0px;
}

#header {
	background-image:url(images/buscard_blk.gif); background-repeat:no-repeat;
	background-position:top left;
	height:100px;
}

#header h2 { 
	display: none; 
}

#moonright {
	float:right;
	background-image:url(images/earthmoon.gif); background-repeat:no-repeat;
	background-position:top left;
	width:84px;
	height:100px;
	padding-right:10px;
}
#pulstar {
	position:absolute;
	top:50px;
	right:300px;
	background-image:url(images/pulstar.gif); background-repeat:no-repeat;
	background-position:top left;
	width:40px;
	height:40px;
}
#starry {
	position:absolute;
	top:20px;
	right:500px;
	background-image:url(images/starry.gif); background-repeat:no-repeat;
	background-position:top left;
	width:20px;
	height:20px;
}
#star {
	position:absolute;
	left:200px;
	top:80px;
	background-image:url(images/star2.gif); background-repeat:no-repeat;
	background-position:top left;
	width:20px;
	height:20px;
}

/* page footer, uses body colors */
#footer {
  clear: both;             /* below all columns */
  width: 100%;             /* full window width */
  margin: 0;
  padding-top: .5em;
  padding-bottom: .5em;
  font-size: 88%;
}

#footerright, #footerleft, #footercenter {
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}
#footerright {
	float:right;
	width:160px;
}

#footerleft {
	float:left;
	width:160px;
	padding-left:10px;

}
#footercenter {
	color:#FFFFFF;
	text-align:center;
}

ul#footernav, ul#footernav2 {
	margin-bottom:10px;
}
ul#footernav li, ul#footernav2 li{
	list-style-type:none;
	padding:2px;
	display:inline;
}
ul#footernav li a:link, ul#footernav2 li a:link{
	font-size:11px;
	color:#6699cc;
	text-decoration:underline;
	padding:2px;
}
ul#footernav li a:visited, ul#footernav2 li a:visited{
	font-size:11px;
	color:#0066cc;
	text-decoration:underline;
	padding:2px;
}
ul#footernav li a:hover, ul#footernav2 li a:hover{
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
	background-color:#3366cc;
	padding:2px;
}
ul#footernav li a:active, ul#footernav2 li a:active{
	font-size:11px;
	color:#0000ff;
	text-decoration:none;
	background-color:#3366cc;
	padding:2px;
}

#header p,
#footer p {
  margin-bottom: 0;        /* prevent gaps between divs in some browsers */
}

/* container for the 3 columns */
.outer-container {
  width: 100%;             /* full window width */
  margin: 0;               /* keep flush with adjacent containers */
  color:#9cf;
}
/* container for just the left and center columns */
.inner-container {
  width: 77%;              /* leaves 23% of window width for right column */
  float: left;             /* left side of window */
  color:#9cf;             /*   delete these colors to get same color as right column */
  margin: 0;               /* keep flush with adjacent containers */
}

.chineseastroleft {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	width:80px;
	height:80px;
}

.chinesegentext {
	color:#FFFFFF;
}

.clearing {
	clear:both;
}

/* right column */
#sidebar {
  width: 20%;              /* a little less than available 23% */
  float: right;            /* right side of window */
  margin: 0;               /* keep flush with adjacent containers */
  padding: .3em 1.5% .3em 0;      /* some space from right window edge */
  font-size: 90%;
}

#birthday {
	padding:20px 5px;
	background-image:url(images/shimmering-multistars.gif);
	height:20px;
	width:100px;
}

a:link.birthday {
	font-size: 11px; color: #f90; text-decoration: underline; font-weight: bold;
}
a:visited.birthday {
	font-size: 11px; color: #f90; text-decoration: underline; font-weight: bold;
}
a:hover.birthday {
	font-size: 11px; color: #fff; text-decoration: underline; font-weight: bold;
}
a:active.birthday {
	color: #00f; text-decoration: underline; font-weight: bold;
}

#blog {
    margin-top: 30px;
	font-size:80%;
	color:#0ff;
}

.blog {
    margin-top: 30px;
	font-size:80%;
	color:#0ff;
}

a:link.blog {font-size: 12px; font-weight:bold; color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline}
a:visited.blog {font-size: 12px; font-weight:bold; color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline}
a:hover.blog {font-size: 12px; font-weight:bold; color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #3366CC; text-decoration: none}
a:active.blog {color: #0000ff; font-weight:bold; text-decoration: none}

#learnbook {
	background-image:url(images/learnastr.gif); background-repeat:no-repeat;
	background-position:top center;
	width:57px;
	height:90px;
	border: 1px solid #fff;
	margin-bottom:10px;
}

#bookblurb {
	font-size:80%;
}

.comet {
	background-image: url(images/comet.gif); background-repeat:no-repeat;
	background-position: top right;
    text-align: right;
    margin: 10px 0px 0px;
    height: 50px;
    width: 100px;
}

.clear {
  clear: both;
  margin: 0;               /* keep flush with adjacent containers */
  padding: 0;
  height: 0;
  overflow: hidden;
}
} /* end screen/print rules */

/* rules for WinIE only */
@media screen, projection {
* html .clear {
  display: none;           /* prevent excessive gap at div bottom in WinIE5 */
}
} /* end WinIE only rules */