/* This file defines Cascaded Style Sheet properties to present a uniform */
/* appearance and organization of Cross Wrench Ranch screens. */
/* Background, text, and link colors, images, title bar, inventory border, inventory center, */
/* across all GUI screen frames that appear in the body. */
/* CSS style sheet info: http://www.htmlhelp.com/reference/css/all-properties.html */

/* h2 style is used for the animal name on the inventory pages to control their color, size, and font family */
/* titlebar style is used for the main heading of the animal name (currently in white letters on a black background) */
/* inventoryborder style is used as the background around the center info (of picture and text) (currently wood) */
/* inventorycenter style is used as the background for the center info (of picture and text) (currently white) */
/* IMG style puts the thin frame around the images (currently just a brownish-red frame) */
/* a:link, visited, and active set the color of the URL links (currently just on the home page) */
/* aname and ainfo (including BOLD) and adesc styles are used to control font color, size, and family */
/* for name and info of each animal (currently brown, red, green, and black) */
/* I don't think other items are used */




#fixed {       /* undo centering from body, set a fixed size for page, override background color of body */
   margin:0 auto;
   text-align:left;
   background-color: white;
   font-size: 14px;
   font-family: Arial, Helvetica;
   color: black;
   font-weight: normal;
}

#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:20px;   /* Height of the footer */
    float: left;
    color: white;
    text-align: center;
    background-color: rgb(142, 43, 200);
   font-family: Arial, Helvetica;
   font-size: 13px;
}

#title1 {
    text-align: center;
    color: rgb(142, 43, 200); 
    font-size: 18px;
    font-weight: bold;
}
#title2 {
    text-align: center;
    color: rgb(142, 43, 200); 
    font-size: 14px;
    font-weight: bold;
}
#container {
    float:left;
    min-width:100%;
    min-height:100%;
    position:relative;
    background-color: white;
}
#whole{
    float:left;
    left:1%;
    width:98%;
    position:relative;
}
#lefthalf{
    float:left;
    left:2%;
    width:49%;
    position:relative;
}
#righthalf{
    float:left;
    left:2%;
    width:49%;
    position:relative;
}
#left60{
    float:left;
    left:1%;
    width:60%;
    position:relative;
}
#right40{
    float:left;
    left:2%;
    width:38%;
    position:relative;
}
#left3rd{
    float:left;
    left:0%;
    width:28%;
    position:relative;
}
#mid3rd{
    float:left;
    left:0%;
    width:44%;
    position:relative;

}
#right3rd{
    float:left;
    width:28%;
    position:relative;
}




a:link
{
    color: darkblue;
    text-decoration: none;
}
a:visited
{
    color: blue;
    text-decoration: none;
} 
a:active 
{
    color: darkblue;
    text-decoration: none;
}
a:hover
{
    color: blue;
    text-decoration: underline;
}

b
{
	color: rgb(142, 43, 200); 
        font-size: 18px;
        text-align: center;
}

h1
{
	font-family: Comic Sans MS, Arial, Helvetica;
}
h1, h2, h3, h4, h5, h6
{
	font-family: Arial;
}
h1
{
	color: white;
        size: 39;
}
h2
{
	color: brown; 
}
h3
{
	color: darkgreen; 
}

h4
{
	color: rgb(44, 45, 45);
}
h5
{
	color: black;
}
h6
{
	color: black;
}

/* put images inside a border (frame) */ 
IMG
{
vertical-align: middle;
border-width: 0;
border-color: brown;
border-style: outset;
}




/* Title bar in body (only the color works in netscape). */
#titlebar {
 background: black;
 color: white;   /* text color */
 width: 100%;
 height: 80;
 font-family: Comic Sans MS, Arial, Helvetica;
 font-size: 24pt;
 text-align: center;
 vertical-align: middle;
}
#titlebar B {
 background: black;
 color: white;   /* text color */
 width: 100%;
 height: 80;
 font-family: Arial, Helvetica;
 font-size: 10pt;
 text-align: center;
 vertical-align: middle;
}

/* wood border in body (only the color works in netscape). */
/*  height: 500;*/
#inventoryborder {
 background-image: url(./images/wood.jpg);
 width: 100%;
 border: 0;
 text-align: center;
 text-valign: middle;
}


/* cell background in body (only the color works in netscape). */
#inventorycenter {
 background-color: white;
 width: 100%;
 height: 80;
 text-align: center;
}

/* Text styles for animal name, animal info (details), and animal description */
/* (by using <p class="aname"> or <td class="ainfo">) */
/* following used for Name of animal, heading (TtT, DoB) info about animal that we have in bold, and Info about the animal, and description about animal. */
.aname {color: brown; font-size: 18pt; font-weight: normal; text-decoration: blink; text-transform: uppercase;  font-family: Comic Sans MS, Arial, Helvetica;}
.ainfo B {color: green; font-size: 10pt; font-weight: normal; text-decoration: none; font-family: Times, Comic Sans MS, Helvetica;}
.ainfo {color: red; font-size: 9pt; font-weight: normal; text-decoration: none; font-family: Times, Comic Sans MS, Helvetica;}
.adesc {color: black; font-size: 10pt; font-weight: normal; text-decoration: none; font-family: Arial, Comic Sans MS, Helvetica;}




/* Area for controls at top and bottom of frame. */
td.controls {
 width: 100%;
 height: 55;
 background-color: #0088ff;
 border-width: 0;
 text-align: center;
}
td.controls h1 { font-size: 144% }

/* Report, result, and form formatting in body of screen frame. */
td.content {
 text-align: center;
 vertical-align: top;
 width: 100%;
 padding-top: 1em;
 padding-bottom: 1em;
}
td.content h1 { font-size: 120% }

.pumpkin
{
background-color: green;
table-border-color-dark: rgb(0,102,102); 
color: orange
}

/* ANNOUNCEMENT styles */
/* settings for announcement title (by using bold <b> within a <table> within a <span>) */
/* and announcement text (by using <table class="anbox">) */
/*        title text not required, covered by putting in bold inside a table inside a span -.antitle {color: darkblue; font-size: 16pt; font-weight: bold; text-decoration: none; font-family: Comic Sans MS, Arial, Helvetica;} */
/*        normal text not required, covered in anbox - .antext {color: red; font-size: 12pt; font-weight: normal; text-decoration: none; font-family: Arial, Serif, Helvetica;} */
/*        .anbox tells it to use this style when 'class="anbox"' and Span Table B says whenever you use <B> within a <Table> within a <spa> then use this style */
.anbox {color: red; font-size: 10pt; font-weight: normal; text-decoration: none; font-family: Arial, Comic Sans MS, Helvetica;}
SPAN Table B {color: darkblue; font-size: 12pt; font-weight: bold; text-decoration: none; font-family: Arial, Comic Sans MS, Helvetica;}