/* General Selectors */
BODY {
    font-size: 1.25em;
	background-color: #FAF0E6;
	background-image: url(pics/bg.gif);
	color: #000000;
}
.body{
    line-height: 110%;
    top: 70px;
    left: 190px;
    width: 60%;
    position: absolute;
}

a:hover { color: Red; background-color: white; }
hr{ height: 0px; border-top: 1px dotted silver; }

.arrow{     /* Back to Top Arrow */
    width: 11;
    height: 8;
    border: none;
    cursor: pointer;
}

.header{    /* SC.com Heading */
    font-family: Garamond, Palatino, "Lucida Casual";
    font-size: 1.75em;
    font-weight: bold;
    font-style: italic;
    color: Maroon;
    padding-bottom: 4px;
    border-bottom: 1px dotted silver;
}
.footer{    /* Counter, LMod, etc. */
    font-size: .7em;
    font-style: italic;
    text-align: center;
    padding: 8px;
    border-top: 1px dotted silver;
}
.title, .subt{  /* Context Titles */
    font-family: Garamond, Palatino, "Lucida Casual";
    font-size: 1.2em;
    font-weight: bold;
}
.subt{
    font-size: .9em;
    font-style: italic;
    color: maroon;
}
.updated{
    font-size: .85em;
    font-style: italic;
    color: silver;
}

/* Menu Selectors */
div.nav{ top: 65px; width: 165px; position: absolute; }
.menuHeader { color: blue; font-weight: bold; width: 100% }
.menuItem { margin: 0px 0px 2px 4px; font-size: 80%; width: 100% }
.menuBlock {
    white-space: nowrap;
    border: 1px dotted silver;
    margin: 3px 2px; padding: 5px;
}

/* Format Selectors */
.formal{ text-indent: 8px; text-align: justify; }/* Paragraphs */
.lc:first-letter {  /* Paragraph, Large First Letter */
	color: Maroon;
	font-size: 1.25em;
	font-family: Times, serif, Georgia;
    text-align: justify;
}
.large { font-size: 1.25em; }
.larger { font-size: 1.35em; }
.xLarge { font-size: 1.5em; }
.small { font-size: .85em; }
.smaller { font-size: .75em; }
.xSmall { font-size: .65em; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.left { text-align: left; }
.right { text-align: right; }
.blink { text-decoration: blink }
.noWrap { white-space: nowrap }
.border { border: 1px dotted silver; }/* Borders, General */

/* Colors */
.white { color: white; }
.maroon { color: maroon; }

/* Calendar Selectors */
.config { font: bold italic small-caps sans-serif; }
.delete { font: small-caps 10px sans-serif; }
INPUT.button {
    background-color:#eeeeee;
    font:arial;
    font-weight:bold;
    color:#000080;
    font-size:.55em;
}

/* Misc. Stuff */
.smsite { font-size: .65em; font-weight: normal; font-style: italic; }
.order { font-size: .85em; }

.books{     /* Books and Videos Ad Box */
    font-family: "Arial, Helvetica, Geneva, sans-serif";
    font-size: .8em;
    background-color: white;
    top: 35px;
    left: 87%;
    padding: 8px;
    border: 1px dotted silver;
    position: absolute;
}
.books:first-line{
    font-weight: bold;
    font-style: italic;
    text-decoration: underline;
    color: navy;
}

/* Google Ad Boxes */
.googleRight{
	color: DarkGray;
    text-align: center;
    vertical-align: middle;
	top: 175px;
	left: 87%;
	height: 240px;
    padding: 8px;
    background-color: White;
    border: 1px dotted Silver;
	position: absolute;
}
.googleText{
    font-size: .85em;
	color: DarkGray;
    text-align: center;
}
.googleBottom{
	color: DarkGray;
    text-align: center;
    vertical-align: middle;
    width: 728px;
	height: 90px;
    margin: 0 auto 8px;
    background-color: White;
	border: 1px dotted Silver;
    position: relative;
}

/* What's New Selectors */
.news {
  margin-left: 48px;
  margin-right: 100px;
}
.news:first-line {
    font-weight: bold;
    font-style: italic;
    color: maroon;
}
ol.news, ul.news {
    margin-top: 0px;
    margin-left: 80px;
}

/* Keeper Pages, Author */
.author {
    font-weight: bold;
    font-style: italic;
    color: maroon;
}

/* Testimonials */
.tHr{ width: 20%; height: 2px; color: maroon; }
.noTo{ margin-top: 0px; }
.noTb{ margin-top: 0px; margin-bottom: 0px; }
.noBo{ margin-bottom: 0px; }
.tSig{
    font-size: .85em;
    font-style: italic;
    margin-top: 0px;
    margin-left: 15px;
    margin-right: 10px;
}

/*.blueHeader {
	background-color: Navy;
	color: White;
	font-size: larger;
	font-style: italic;
	font-weight: bold;
}
.sBlueHeader {
	background-color: Navy;
	color: White;
	font-size: small;
	font-style: italic;
	font-weight: bold;
}*/

/* NOTICE Boxes */
.notice{ padding: 4px; border: 1px dotted red; }
.noticeFlag{
	font-size: 1.15em;
	font-weight: bold;
	color: #FF0000;
	text-decoration: blink;
    font-variant: small-caps
}

/* Holly & Hunter's Pages */
body.petPages{
    background-color: White;
    background-image: url(pics/bg2.gif);
    background-repeat: repeat-y;
    margin: 8% 25% 0px 10%;
}
.petHeader{ top: 6px; left: 6%; position: absolute; }
p.pets {
	font-family: Times, serif, Georgia;
    text-align: justify;
    text-indent: 8px;
}
p.pets:first-letter {
	color: Maroon;
	font-size: 1.25em;
}
.hunter1{/* Young Hunter */
	top: 125px; left: 150px;
    border: none;
	position: absolute;
	z-index: 1;
}
.hunter2{/* Hi! My name is Hunter. */
	top: 115px; left: 125px; width: 200px; padding: 4px;
    font-size: .75em; font-weight: bold; text-align: center;
	background-color: white;
	border: 1px dotted silver;
	position: absolute;
	z-index: 2;
}
.hunter3{/* I was born... */
    top: 310px; left: 200px; width: 200px; padding: 4px;
    font-size: .52em; text-align: center;
	background-color: white;
	border: 1px dotted silver;
	position: absolute;
	z-index: 2;
}
.hunter4{/* The Sheep */
	top: 150px; left: 325px;
    border: none;
	position: absolute;
	z-index: 2;
}
.hunter5{/* I love to chase... */
    top: 245px; left: 335px; width: 125px; padding: 4px;
    font-size: .52em; text-align: center;
	background-color: white;
	border: 1px dotted silver;
	position: absolute;
	z-index: 3;
}
.hunter6{/* Kitty Label */
    font-size: .6em; text-align: center;
	top: 150px; left: 630px; width: 105px;
	background-color: white;
    border: 1px dotted silver;
	position: absolute;
	z-index: 2;
}
.hunter7{/* Holly */
	top: 200px; left: 490px;
    border: none;
	position: absolute;
	z-index: 1;
}
.hunter8{/* Mist */
	top: 200px; left: 690px;
    border: none;
	position: absolute;
	z-index: 1;
}
.hunter9{/* Now that I'm bigger... */
    font-size: .65em; text-align: center;
	top: 365px; left: 590px; width: 150px;
	background-color: white;
    border: 1px dotted silver;
	position: absolute;
	z-index: 2;
}
.hunter10{/* Hunter, recent... */
	top: 390px; left: 565px; width: 150px;
	position: absolute;
	z-index: 1;
}
.hunter11{/* Hunter, recent... */
	top: 392px; left: 718px; width: 150px;
	position: absolute;
	z-index: 1;
}
.hunter12{/* Paragraphs... */
    font-size: .9em; text-align: left;
	top: 375px; left: 150px; width: 325px;
	position: absolute;
	z-index: 1;
}
.hunter13{/* Footer/Nav Menu... */
    font-size: .85em; text-align: center;
	top: 575px; left: 100px; width: 450px;
	position: absolute;
	z-index: 1;
}
.picLeft{
    height: 160px; width: 450px;
    background-repeat: no-repeat;
    background-position: left;
    border: 1px dotted white;
    position: relative;
}
.picRight{
    height: 160px; width: 450px; margin-left: 150px;
    background-repeat: no-repeat;
    background-position: right;
    border: 1px dotted white;
    position: relative;
}
.capRight{
    font-size: small; font-style: italic; color: maroon;
    top: 25px; left: 250px; width: 48%;
    position: relative;
}
.capLeft{
    font-size: small; font-style: italic; color: maroon;
    top: 25px; left: 0px; width: 48%;
    position: relative;
}

/* Speed Test Containers */
.speedTest {
    font-size: .9em;
    width: 225px;
    margin: 0 auto;
    background-color: white;
    border: 1px dotted silver;
    padding-bottom: 8px;
}
.heading {
    color: white;
    font-size: .9em;
    font-weight: bold;
    text-align: center;
    background-color: maroon;
    width: 100%;
    padding: 6px 0;
}
.speedLine {
    font-size: .85em;
    font-weight: bold;
    padding: 6px 0;
}
.column1 {
    text-align: right;
    width: 49%;
    float: left;
}
.column2 {
    text-align: left;
    width: 49%;
    float: right;
}