/* Setting up primary formatting */
BODY { color: #000;
       font-family: Times, 'Times New Roman', serif;
       background: #FFF;
       font-size: 76%;
       line-height: 1.25em;
       margin: 0;
       padding: 0;}

P {margin: 0 0 1em 0;
   font-size: 1.0em;
   line-height : 1.5em;}

/* Setting up the headings */       
H1, H2, H3, H4, H5, H6 {font-family : Verdana, Helvetica, Arial, sans-serif;
       font-weight: bold;}

/* H1 functions as page title */
H1 {font-size: 1.5em;
	line-height: 1em;
    color: #CC3333;
    letter-spacing: 0em;
    margin: .3em 0 .25em 0;}

/* H2 functions as alternative title */
H2 {font-size: 1.1em;
font-style:italic;
    color: #339933;
    line-height: 1.2em;
    margin: 1em 0.25em .5em;}

/* H3,H4 function as subheading for body */ 
H3 {font-size: 1em;
    color: #339933;
    font-weight: bold;
    margin: 1em 0 0 0;}

H4 {font-size: .75em;
    font-weight: bold;
    margin: 1em 0 0 0;}

H6 { font-size: .75em;
color:#333333;
background-color:transparent;
font-weight:700;}
    

/* Setting up link tags */

A {	text-decoration : none;
	font-weight: bold;
}

A:link { color : #3300CC;}
A:visited { color : #36C;}
A:hover { color : #CC3333;
	text-decoration : underline;}
A:active { color : #CC3333;
	text-decoration : underline;}
	
BLOCKQUOTE      { margin-left: 2em; margin-right: 2em }
I, CITE, EM, VAR    { font-style: italic }
STRONG {font-weight: bold}
SMALL, SUB, SUP { font-size: .75em;}
SUB             { vertical-align: sub }
SUP             { vertical-align: super }

HR              { border: 1px inset }

OL, UL, DIR,
MENU, DD        { margin-left: 1em }
OL              { list-style-type: decimal }
OL UL, UL OL,
UL UL, OL OL    { margin-top: 0; margin-bottom: 0 }

U, INS          { text-decoration: underline }
CENTER          { text-align: center }
BR:before       { content: "\A" }
ABBR, ACRONYM   { font-variant: small-caps; letter-spacing: 0.15em;
                  border: none; }

/* Information regarding formatting forms */
LABEL {
    font-family : Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #339933;
   font-size: 1.0em;
   line-height : 1.0em;
   padding-top:0.5em;
	text-align:right;
	}

INPUT, SELECT, TEXTAREA {
border-style: solid;
border-width: 2px;
border-color: #CCC;
font-family: Helvetica, Arial, sans-serif;
font-size: 1em;
text-align: left;
font-weight: bold;
margin: .25em 0 .25em .5em;
background-color:#ccc;
} 

INPUT:focus, TEXTAREA:focus  {
background-color:#ffffff;
}        

p > label {
float:left;
width:36%;
}

TEXTAREA {

}

fieldset label {
display:inline;
width:auto;
}

select, input, textarea
{
vertical-align: middle;
}

legend {
color: #333;
background-color: #fff;
font-weight: bold;
}

fieldset {
margin: 1em 2em 1em 2em;
}

img.SnarkImg {
float:right
}

.ClearFloat {
clear:both;
}

/* -- This is where the major sections of the page are defined --*/
/* Define the top banner area */
#TopHead {
background-color: #9D7969;
}

#TopBanner {
margin-left: 1.5em;
}

/* Defining the display table */
TABLE#display_table {
width: 100%;
border-collapse: collapse; /* Removes the border from the table structure */
padding: 0;
margin: 0;
border-left: .75em solid #9D7969;
}

/*Defining the left hand navigational sidebar */

.sidebar {background-color: #ffffff;
			width: 12em;
			vertical-align:top;
}

.sidebar IMG {
margin-left:25%;
margin-right: 75%;
}

          
#SideNav A:hover {text-decoration: none;}

/*To pull the list over to the left margin in Moz need padding */
#SideNav UL { margin-left: 0;
              padding-left: 0;
              margin-right: 0;}           
              
#SideNav UL LI { font-family: Verdana, Helvetica, Arial, sans-serif;
                 font-weight: normal;
                 color: #fff;
                 font-size: 1em;
                 list-style-image: none;
				 margin : 0;
                 padding: .25em;}
                
#SideNav UL LI A {font-family: Verdana, Helvetica, Arial, sans-serif;
                 padding: .25em;
				 }
#SideNav UL LI A:link { color : #000;}
#SideNav UL LI A:visited { color : #000;}
#SideNav UL LI:hover { color : #ffffff;
	                     background-color: #9D7969;}
#SideNav UL LI A:hover { color : #ffffff;
	                     background-color: #9D7969;}
#SideNav UL LI A:active { color : #808080;}                 

/* Generic styling for the individual section links */
#SideNav UL UL LI {color: #000;
                font-family: Verdana, Helvetica, Arial, sans-serif;
				font-weight:200;
				font-size: 1em;
                margin-left: 15px;
                list-style-image: none;
                list-style-type: none;}

#SideNav UL UL LI A:link {color: #CCC;}
#SideNav UL UL LI A:visited { color : #CCC;}
#SideNav UL UL LI A:hover { color : #808080;
	                        background-color: #9D7969;}
#SideNav UL UL LI A:active { color : #808080;}

#SideNav UL LI.sis_nav:hover, #SideNav UL LI.more_nav:hover, 
#SideNav UL LI.ext_nav:hover, #SideNav UL LI.sis_ch_nav:hover {background-color:#FFFFFF;}

/* Creates the colour highlights for the section navigational links  */

#SideNav UL LI.sis_nav A:link, #SideNav UL LI.sis_nav A:visited { color : #006600;}
#SideNav UL LI.sis_nav UL LI:hover, #SideNav UL LI.sis_nav A:hover, #SideNav UL LI.sis_nav A:active { color : #ffffff; background-color:#006600;}
 
#SideNav UL LI.sis_nav UL LI A:link,  #SideNav UL LI.sis_nav UL LI A:visited { color : #000000;}
#SideNav UL LI.sis_nav UL LI A:hover, #SideNav UL LI.sis_nav UL LI A:active { color : #ffffff;}

/* More with Less Navigational Links */
#SideNav UL LI.more_nav A:link, #SideNav UL LI.more_nav A:visited { color : #ff9900;}
#SideNav UL LI.more_nav UL LI:hover, #SideNav UL LI.more_nav A:hover, #SideNav UL LI.more_nav A:active { color : #ffffff; background-color:#ff9900;}

#SideNav UL LI.more_nav UL LI A:link,  #SideNav UL LI.more_nav UL LI A:visited { color : #000000}
#SideNav UL LI.more_nav UL LI A:hover, #SideNav UL LI.more_nav UL LI A.more_nav:active { color : #ffffff;}

/* Extending the Table cookbook links */
#SideNav UL LI.ext_nav A:link, #SideNav UL LI.ext_nav A:visited { color : #660066;}
#SideNav UL LI.ext_nav UL LI:hover, #SideNav UL LI.ext_nav A:hover, #SideNav UL LI.ext_nav A:active { color : #ffffff; background-color:#660066;}

#SideNav UL LI.ext_nav UL LI A:link,  LI.ext_nav UL LI A:visited { color : #000000;}
#SideNav UL LI.ext_nav UL LI A:hover, LI.ext_nav UL LI A:active { color : #ffffff;}

/* Simply  in Season Childrens cookbook */
#SideNav UL LI.sis_ch_nav A:link, #SideNav UL LI.sis_ch_nav A:visited { color : #d70016;}
#SideNav UL LI.sis_ch_nav UL LI:hover, #SideNav UL LI.sis_ch_nav A:hover, #SideNav UL LI.sis_ch_nav A:active { color : #ffffff;  background-color:#d70016;}

#SideNav UL LI.sis_ch_nav UL LI A:link,  #SideNav UL LI.sis_ch_nav UL LI A:visited { color : #000000;}
#SideNav UL LI.sis_ch_nav UL LI A:hover, #SideNav UL LI.sis_ch_nav UL LI A:active { color : #ffffff;}

#SearchPanel {background-color: #FDFDFD;}
                             
#ContentArea { width: 35em;
          margin: 1em 1.5em 1.5em 1.5em;
          padding : .25em;
          background-color: #FFF; }

/* This is a definition for positioning an image at 
   the top of the page */

#SplashImage {
display: block;
float: right}

 .RightPanel {
 width : 12em;
 float : right;
 background-color : #F3F3F3;
 padding: 1em;
 margin : 1.25em;
 font-size: .8em;
 font-family : Verdana, Helvetica, Arial, sans-serif;
 font-weight: 400;
 }

 /* -- Collapse gaps around table, didn't work --*/
 .toblColla {border-collapse: collapse;}
 
 .firstPara {margin-top: 0em}
 
 .UnderConst {
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-weight: bold;
 color:  #F03;
 }
 
 p.indent {
    margin-left: 2em;
           margin-right: 2em;  }

.rightAlign {text-align: right;}
 
.Redtext {
    font-weight : bold;
    color: #CC3333;
    }

.Greentext {
    font-weight : bold;
    color: #339933;
    }

.siteFooter { margin: 1em 1em ;}

.Spring {
       color: #66cc00;
       font-weight : bold;}
.Summer { 
       color: #cc0000;
       font-weight : bold;}
.Autumn {
       color: #ff9900;
       font-weight : bold;}
.Winter {
       color: #660066;
       font-weight : bold;}
.Rainbow {
       color: #996600;
       font-weight : bold;}

/* Used on maintainance pages */
.Multiple {
       color: #D166D8;
       font-weight : bold;}

.Green { 
       color: #00FF00;
       font-weight : bold;}

.Yellow { 
       color: #FFFF00;
       font-weight : bold;}

.Red { 
       color: #FF0000;
       font-weight : bold;}	   	   

.bigDot {
    font-weight : bold;
    color: #CC3333;
	font-size: 1.5em;
	}

.rightfloat {
	padding: 6px 0px 6px 6px;
	float: right;
	margin: 6px 0px 6px 6px;
}

.Caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-style: normal;
	line-height: normal;
	font-weight: 400;
	padding: .25em .1em;
	width: 75%;
}

@media screen
{
span.invisiblescreen {display:none;}
}

/* Style sheet for forms */

FORM {
background-color: #F3F3F3;
border-color: #F3F3F3;
padding: 8px;
border-style: solid;
}

LABEL {
   font-size: 1.0em;
}

.frmLabelDetail {
font-size: 13px;
font-weight: normal;
}

.RightPanel {
	background-color: #FFFFFF;
	padding: 8px;
	margin: 12px;
	position: absolute;
    left:575px;
    height: auto;
	width: 150px;	
}

.FieldLabel {
    font-weight: bold;
    font-family : Verdana, Helvetica, Arial, sans-serif;
    color : #339933;
    margin-bottom : .25em;
    font-size : .95em;
    letter-spacing: 0.09em;
}