/* CSS Document */

body {
	background-image:url(../images/bg.gif);
	margin: 0px;
	padding: 0px;	
}

h1, h2, h3, p, ul, ol, blockquote, form, fieldset, img, hr {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	border:none;
	list-style-type: none;
}

#mainLayout {
	width: 888px;
	margin: 12px auto;
	padding: 0px;
}

#navigation {
	position: relative;
	width: 700px;
	margin: 0px;
	left: 130px;
	padding: 0px;
	border:none;
}

#textLinks {
	float: left;
	position: relative;
	margin: 10px 0px;
	left: 0px;
	padding: 0px;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}

/*
Page Footer
*/
#mainFooter {
	width: 888px;
}

a.footerLinks:link { 	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration: none;
	}
a.footerLinks:visited { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration: none;
	}
a.footerLinks:active  { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration: none;
	}
a.footerLinks:hover  { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration: underline;	
	}
img.footerImage {
	float: right;
	position: relative;
	margin: 8px 0px;
	margin-bottom: 10px;
	right: 0px;
	padding: 0px;
	border:none;
}	

/*
Bakground Images
*/

#homeImage {
	background-image:url(../images/home/main.jpg);
	width: 888px;
	height: 592px;
}

#temporaryImage {
	background-image:url(../images/temporary/mainBackground.gif);
	width: 888px;
	height: 592px;
}

#goodnesssImage {
	background-image:url(../images/goodness/goodness_bg.gif);
	width: 888px;
	height: 592px;
}

#storyHomeImage {
	background-image:url(../images/story/story_bg.gif);
	width: 888px;
	height: 592px;
}

#registerImage {
	background-image:url(../images/register/mainBackground.gif);
	width: 888px;
	height: 592px;
}

#registerThanksImage {
	background-image:url(../images/register/mainBackground_ty.jpg);
	width: 888px;
	height: 592px;
}

#termsImage {
	background-image:url(../images/terms/terms_bg.jpg);
	width: 888px;
	height: 592px;
}


#charlieImage {
	background-image:url(../images/charlie/mainBackground.gif);
	width: 888px;
	height: 592px;
}
#marshaImage {
	background-image:url(../images/marsha/mainBackground.gif);
	width: 888px;
	height: 592px;
}
#mintyImage {
	background-image:url(../images/minty/mainBackground.gif);
	width: 888px;
	height: 592px;
}
#annaImage {
	background-image:url(../images/anna/mainBackground.gif);
	width: 888px;
	height: 592px;
}
#millyImage {
	background-image:url(../images/milly/mainBackground.gif);
	width: 888px;
	height: 592px;
}

/*
Home Page
*/
#millyHome { 
	float: left;
	position:absolute;
	width : 75px;
	height: 50px;
	margin-left: 90px;
	margin-top: 280px;
	text-decoration: none;
}

#annaHome { 
	float: left;
	position:absolute;
	width : 65px;
	height: 45px;
	margin-left: 250px;
	margin-top: 220px;
	text-decoration: none;
}

#marshaHome { 
	float: left;
	position:absolute;
	width : 65px;
	height: 45px;
	margin-left: 415px;
	margin-top: 290px;
	text-decoration: none;
}

#charlieHome {
	float: left;
	position:absolute;
	width : 65px;
	height: 45px;
	margin-left: 575px;
	margin-top: 246px;
	text-decoration: none;
}
#mintyHome { 
	float: left;
	position:absolute;
	width : 105px;
	height: 80px;
	margin-left: 708px;
	margin-top: 360px;
	text-decoration: none;
}
#freeCow { 
	float: left;
	position:absolute;
	width : 126px;
	height: 130px;
	margin-left: 758px;
	margin-top: 460px;
	text-decoration: none;
}

#homeButtons {
	float: right;
	position: relative;
	top: 38px;
	right: 37px;
	padding: 0px;
	border:none;
}


/*
Cow Links
*/
#subscribe a {
	text-decoration:none;
}
.hide {
	visibility:hidden;
}
#registerBirth {
	float: left;
	position:absolute;
	width : 150px;
	height: 90px;
	margin-left: 720px;
	margin-top: 270px;
	text-decoration: none;
}
#charlie {
	float: left;
	position:absolute;
	width : 55px;
	height: 90px;
	margin-left: 465px;
	margin-top: 470px;
	text-decoration: none;
}
#marsha { 
	float: left;
	position:absolute;
	width : 55px;
	height: 90px;
	margin-left: 542px;
	margin-top: 470px;
	text-decoration: none;
}
#milly { 
	float: left;
	position:absolute;
	width : 55px;
	height: 90px;
	margin-left: 628px;
	margin-top: 470px;
	text-decoration: none;
}
#minty { 
	float: left;
	position:absolute;
	width : 55px;
	height: 90px;
	margin-left: 698px;
	margin-top: 470px;
	text-decoration: none;
}
#anna { 
	float: left;
	position:absolute;
	width : 55px;
	height: 90px;
	margin-left: 776px;
	margin-top: 470px;
	
	
	text-decoration: none;
}
#cowText {
	float: left;
	position: absolute;
	margin-top: 146px;
	margin-left: 420px;
	width:260px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
}

#cowTextAnna
 {
	float: left;
	position: absolute;
	margin-top: 140px;
	margin-left: 420px;
	width:265px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
}

/*
Temp story link
*/
#charlieStoryLink {
	float: left;
	position:absolute;
	width : 55px;
	height: 90px;
	margin-left: 275px;
	margin-top: 295px;
	text-decoration: none;
	cursor:pointer;
}

#marshaStoryLink {
	float: left;
	position:absolute;
	width : 55px;
	height: 90px;
	/*margin-left: 542px;*/
	margin-left: 352px;
	margin-top: 295px;
	text-decoration: none;
	cursor:pointer;
}
#millyStoryLink {
	float: left;
	position:absolute;
	width : 55px;
	height: 90px;
	margin-left: 438px;
	margin-top: 295px;
	text-decoration: none;
	cursor:pointer;
}
#mintyStoryLink {
	float: left;
	position:absolute;
	width : 55px;
	height: 90px;
	margin-left: 508px;
	margin-top: 295px;
	text-decoration: none;
	cursor:pointer;
}
#annaStoryLink {
	float: left;
	position:absolute;
	width : 55px;
	height: 90px;
	margin-left: 586px;
	margin-top: 295px;
	text-decoration: none;
	cursor:pointer;
}

#makeStoryLink {
	float: left;
	position:absolute;
	width : 170px;
	height: 75px;
	margin-left: 350px;
	margin-top: 400px;
	text-decoration: none;
	
}


/*
Story Text - Charlie
*/

#storyCharliePage1 {
	background-image:url(../images/story/charlie/page1_bg.gif);
	width: 888px;
	height: 592px;
}

#charliePage1 {
	float: left;
	position: absolute;
	margin-top: 146px;
	margin-left: 444px;
	width:300px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
	color:#000000;
}

#charlieP1_next {
	float: left;
	position:absolute;
	width : 80px;
	height: 90px;
	margin-left: 780px;
	margin-top: 270px;
	text-decoration: none;
}

#storyCharliePage2 {
	background-image:url(../images/story/charlie/page2_bg.gif);
	width: 888px;
	height: 592px;
}

#charliePage2 {
	float: left;
	position: absolute;
	margin-top: 156px;
	margin-left: 154px;
	width:300px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
	color:#000000;
}

#storyCharliePage3 {
	background-image:url(../images/story/charlie/page3_bg.gif);
	width: 888px;
	height: 592px;
}

#charliePage3 {
	float: left;
	position: absolute;
	margin-top: 180px;
	margin-left: 134px;
	width:300px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
	color:#000000;
}

#storyCharliePage4 {
	background-image:url(../images/story/charlie/page4_bg.gif);
	width: 888px;
	height: 592px;
}

#storyRepeat {
	float: left;
	position:absolute;
	width : 200px;
	height: 90px;
	margin-left: 130px;
	margin-top: 90px;
	text-decoration: none;
}

#storyRestart {
	float: left;
	position:absolute;
	width : 200px;
	height: 90px;
	margin-left: 520px;
	margin-top: 110px;
	text-decoration: none;
}
#storyPrint {
	float: left;
	position:absolute;
	width : 150px;
	height: 90px;
	margin-left: 680px;
	margin-top: 110px;
	text-decoration: none;
	cursor:pointer;
}

/*
Marsha Story
*/
#storyMarshaPage1 {
	background-image:url(../images/story/marsha/page1_bg.gif);
	width: 888px;
	height: 592px;
}

#storyMarshaPage2 {
	background-image:url(../images/story/marsha/page2_bg.gif);
	width: 888px;
	height: 592px;
}

#storyMarshaPage3 {
	background-image:url(../images/story/marsha/page3_bg.gif);
	width: 888px;
	height: 592px;
}

#storyMarshaPage4 {
	background-image:url(../images/story/marsha/page4_bg.gif);
	width: 888px;
	height: 592px;
}

#storyMarshaPage5 {
	background-image:url(../images/story/marsha/page5_bg.gif);
	width: 888px;
	height: 592px;
}

#marshaPage3 {
	float: left;
	position: absolute;
	margin-top: 150px;
	margin-left: 150px;
	width:300px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
	color:#000000;
}

#marshaPage4 {
	float: left;
	position: absolute;
	margin-top: 152px;
	margin-left: 438px;
	width:300px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
	color:#000000;
}


/*
Milly Story
*/
#storyMillyPage1 {
	background-image:url(../images/story/milly/page1_bg.gif);
	width: 888px;
	height: 592px;
}

#storyMillyPage2 {
	background-image:url(../images/story/milly/page2_bg.gif);
	width: 888px;
	height: 592px;
}

#storyMillyPage3 {
	background-image:url(../images/story/milly/page3_bg.gif);
	width: 888px;
	height: 592px;
}

#storyMillyPage4 {
	background-image:url(../images/story/milly/page4_bg.gif);
	width: 888px;
	height: 592px;
}

#millyPage3 {
	float: left;
	position: absolute;
	margin-top: 150px;
	margin-left: 165px;
	width:300px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
	color:#000000;
}


/*
Minty Story
*/
#storyMintyPage1 {
	background-image:url(../images/story/minty/page1_bg.gif);
	width: 888px;
	height: 592px;
}

#storyMintyPage2 {
	background-image:url(../images/story/minty/page2_bg.gif);
	width: 888px;
	height: 592px;
}

#storyMintyPage3 {
	background-image:url(../images/story/minty/page3_bg.gif);
	width: 888px;
	height: 592px;
}

#storyMintyPage4 {
	background-image:url(../images/story/minty/page4_bg.gif);
	width: 888px;
	height: 592px;
}

#storyMintyPage5 {
	background-image:url(../images/story/minty/page5_bg.gif);
	width: 888px;
	height: 592px;
}

#mintyPage3 {
	float: left;
	position: absolute;
	margin-top: 150px;
	margin-left: 160px;
	width:300px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
	color:#000000;
}

#mintyPage4 {
	float: left;
	position: absolute;
	margin-top: 146px;
	margin-left: 450px;
	width:300px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
	color:#000000;
}

/*
anna Story
*/
#storyAnnaPage1 {
	background-image:url(../images/story/anna/page1_bg.gif);
	width: 888px;
	height: 592px;
}

#storyAnnaPage2 {
	background-image:url(../images/story/anna/page2_bg.gif);
	width: 888px;
	height: 592px;
}

#storyAnnaPage3 {
	background-image:url(../images/story/anna/page3_bg.gif);
	width: 888px;
	height: 592px;
}

#storyAnnaPage4 {
	background-image:url(../images/story/anna/page4_bg.gif);
	width: 888px;
	height: 592px;
}

#storyAnnaPrint {
	z-index:-1;
	width: 595px;
	height: 842px;
}

#storyCharliePrint {
	z-index:-1;
	width: 595px;
	height: 842px;
}

#storyMarshaPrint {
	z-index:-1;
	width: 595px;
	height: 842px;
}

#storyMillyPrint {
	z-index:-1;	
	width: 595px;
	height: 842px;
}

#certBG {
	z-index:-1;	
	width: 205px;
	height: 710px;
}

#storyMintyPrint {
	z-index:-1;
	width: 595px;
	height: 842px;
}


#annaPage1 {
	float: left;
	position: absolute;
	margin-top: 128px;
	margin-left: 457px;
	width:300px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:18px;
	color:#000000;
}

#annaPage2 {
	float: left;
	position: absolute;
	margin-top: 128px;
	margin-left: 448px;
	width:300px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
	color:#000000;
}

#annaPage3 {
	float: left;
	position: absolute;
	margin-top: 136px;
	margin-left: 174px;
	width:300px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
	color:#000000;
}

/*
Register
*/
#viewCert { 
	float: left;
	position:absolute;
	width : 180px;
	height: 90px;
	margin-left: 562px;
	margin-top: 300px;
	text-decoration: none;
}
#registerText {
	float: left;
	position: absolute;
	margin-top: 56px;
	margin-left: 440px;
	width:400px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333333;
}
.registerFormText{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333333;
}
#termsText {
	float: left;
	position: absolute;
	margin-top: 56px;
	margin-left: 240px;
	width:500px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
}
#goodnessText {
	float: left;
	position: absolute;
	margin-top: 115px;
	margin-left: 385px;
	width:300px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333333;
}

#storyHomeText{
	float: left;
	position: absolute;
	margin-top: 115px;
	margin-left: 300px;
	width:300px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333333;
}

#formArea {
	float: left;
	position: absolute;
	margin-top: 185px;
	margin-left: 440px;
	width:400px;
	padding: 0px;
}
form.hbform fieldset {
  margin-bottom: 10px;
}
form.hbform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.hbform fieldset ol {
  margin: 0;
  padding: 0;
}
form.hbform fieldset li {
  list-style: none;
  padding: 3px;
  margin: 0;
}
form.hbform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.hbform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.hbform fieldset fieldset label {
  display: block;
  width: auto;
}
form.hbform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.hbform label {
  width: 188px; /* Width of labels */
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333333;
}
form.hbform fieldset fieldset label {
 	 margin-left: 123px; /* Width plus 3 (html space) */
}

.registerTextfield { 
	font-family:Arial, Helvetica, sans-serif; 
	color: #333333;
	font-size: 14px; 	
	border-color:#333333;
	padding:3px;
	border-width:1px;
	background-color:#FFFFFF;
}
.sumitButton{
	float: left;
	position: absolute;
	margin-top: 15px;
	margin-left: 230px;
	padding: 0px;
}

#storyAnnaPrintText{
	float: left;
	position: absolute;
	margin-top: 240px;
	margin-left: 90px;
	width:420px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
}

#storyCharliePrintText{
	float: left;
	position: absolute;
	margin-top: 240px;
	margin-left: 90px;
	width:420px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
}

#storyMarshaPrintText{
	float: left;
	position: absolute;
	margin-top: 240px;
	margin-left: 90px;
	width:420px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
}

#storyMillyPrintText{
	float: left;
	position: absolute;
	margin-top: 240px;
	margin-left: 90px;
	width:420px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
}

#storyMintyPrintText{
	float: left;
	position: absolute;
	margin-top: 240px;
	margin-left: 90px;
	width:420px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
}

#certText{
	float: left;
	position: absolute;
	margin-top: 200px;
	text-align:center;
	width:578px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
}




.highlighted{
	color:#0000CC;
}