/* BASE STYLES */ 
 * {margin:0px;padding:0px;top:0px;left:0px;} /* first make all standard settings for all elements 0px. */
html {  /* then set font size base for all html docs */
	font-size:62.5%;  /* 16px × 62.5% = 10px :code1..This allows setting font px sizes without weird fractions*/ /* setting html font-size also helps IE's font sizing to be more gradual than leaping */
	/* font-size:.75em;  code2...13px/16px = .8125em, .75em=12px */
	height:100%;
	width:100%;
}

BODY {
	color: #333; /*off-black*/
	background-color:#FBFBFB;  /*off-white  EEEEEE might be good for this site*/
	background:url(images/backg_red1.jpg) #AA3935; /* "/images/" for upload "images/" for local */
	/*NN+IE differ on relative url path, so specify whole pathThe second property is used if the first is unavailable*/
	background-attachment:fixed;  /* default = scroll  other= fixed */
	/* To cause the background image to scale to the window try these 3 settings: 
	background-attachment: fixed; 
	*/
	background-repeat: no-repeat; /* background image repeat vertically (y-axis), horizontally (x-axis), in both directions, or in neither direction */
	background-position: top center;
	/*font-family, font-height, font-size, font-style, font-variant, and font-weight*/
	font-family:Verdana, "Trebuchet MS", Arial, Sans-Serif;
	/* font-family:"Comic Sans MS",Palatino,"Times New Roman",Serif; */
	font-size:1.2em;  /* Set default font size to ~11px - works if html selector is set to 62.5%
						Also, when set to 1.1, imgs can be styled H+W to 1:1 ratio em resizing */
	font-weight:400;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	/*line-height:120%;  == set this in the base divs/Ps, etc */
	margin-left:3%;  /* default rule */
/* 	margin-left:10em;  rule for using vertical Left menu with width=9%. Turn Off for ColumnsDivs */
	margin-right:3%;
	height:auto;
	/* font shorthand - requires size and font included
	font: 62.5%/1.25em 400 Normal None verdana,sans-serif; */
}

/* After setting the global style standards (see first line), this resets default margins for ones that need it */
h1, h2, h3, h4, h5, h6, p, blockquote,
 form, label, ul, ol, dl, fieldset, address { 
    margin-bottom: 1em;
}

Table, Form Table { /* this normalizes my tables and forms font-size in IE and FF, but I do not know about IE 6 or 7 or MAc yet*/
	/* font-size:inherit !important;  ...this does not work */
	font-size: 100%; /* but this does: use either 1em [in the case of this stylesheet] or 100%
					this should over-ride IE's default [13pt-static, go figure]
					 and render equally between the browsers. font-size:normal is supposed to work
					 but it didn't here */
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
After the base font size is set, then
ec H1 font-size: 2em;  ==  10px × 2em = 20px 
ec P  font-size: 1.2em; == 10px × 1.2em = 12px 
You may or may not wish to include Div in the following definition (check img style too!)
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
P { /* base font control */
	/* font-size: 1em;   baseBodycode1:if base set to 62.5% then 1em=10px size, 1.1=11px etc */
	/* font-size: 1em;   baseBodycode2:if base set to no% font-size .75em then 1em=10px size, 1.1=11px etc */
	line-height:1.5em;  /* Leading == Typical values are 1.3 to 1.5 times the base font size.
							 Set this in the base P's, etc */
	margin-top:1.25em;	/* Rythm == Calc font-size plus leading. 
						E.c: 12px with 1.5lh =18px, so Rythm should be 18px or ~1.5em
							(This is margins to set paragraph spacing) */
	margin-bottom:1.25em;
	font-weight:normal;
}  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

a:hover{color:red;}
strong {font-weight: bold;}
em {font-style: italic;}

P.redsml {
	font-size: .89em;
	font-family: Verdana, Arial, sans-serif;
	color: Maroon;
	line-height:1em;
	margin-top:1.1em;
	margin-bottom:1.1em;
}

.emMed {
	font-size: 1.2em; 
	line-height:1.3em;
}

ul { /* if zeroing margin/padding in first line, this then resets default ul values */
	list-style:  disc outside;
	padding-left:1.3em;
	margin:1.25em, 0;
 	line-height:1.3em;

}

/* li:before { content: "\00A7 \0020"; } for custom bullet, but doesn't work well in IE5.5 */

/* +++++ IMAGE SIZE HANDLING WITHOUT id= or classes applied  ++++++++++
NOTE1: Stylized-Size attributes must be specified in the tag for this to work (see next).
NOTE2: As well, Specifying regular width and height attribute properties in the img tag allows browsers to set aside space for images while continuing to load the page ;^)
If Base or Parent font-size=1.1em then images sizes set with em will multiply by 1.1 - making it weird to set the values. Compensation then needs to be set to 1/1.1=.909em. 
If Base or Parent does not have a font-size set, then the default baseBodyFont-SizeCode-x setting applies.
To test this, place an img tag both inside and outside of an affected parent tag.
*/
img {  /* when baseBodyFont-Size=code1 has font-size=1.1 applied */
	font-size: .83em;  /* .909em sets the base img em resize factor to 1:1 */
}
/* div img {
	font-size: .91em;  and this compensates for an img in a div default factor to 1.1:1 */
/* }  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++ IMAGE SIZE HANDLING WITHOUT id= or classes applied  ++++++++++
THIS IS AN ADJUSTMENT TO THE ABOVE SO YOU CAN INCLUDE LARGER IMAGES 
SO THEY LOOK BETTER WHEN THE USER SIZES THEM UP!! */

a img, :link img, :visited img {border: none}

H1 { /* example */
	font-size: 1.8em;
	line-height:1.8em;
	margin:1.8em;
	/* font-weight: 700;  default H1 weight is about 700 */
}

/* Forms ----------------------------------------*/
input, textarea
    {
    padding: 3px;
	margin: 1px 2px 1px 2px;
    border: 1px solid #999999;    
}

input[type='checkbox']
{
  /* width:100%; Width */
  /* Text and background colour, blue on light gray
  color:#00f; */
  /* background:black; for some reason these need to be used together
  background-color:Red;   */
  /* background:url(/i/icon-info.gif) no-repeat 100% 50% ;Background image */
  /* border-width:3px; Border width */
  /* border:1px solid #00f; Border width, style and colour */
  border:none; /* No border */
  border: 0px inset;
  padding:.5em; /* Increase padding */
   /* Change width and height */
  width:1em;
  height:1em;
 }

input.checkbox
{
  /* width:100%; Width */
  /* Text and background colour, blue on light gray
  color:#00f; */
  /* background:black; for some reason these need to be used together
  background-color:Red;   */
  /* background:url(/i/icon-info.gif) no-repeat 100% 50% ;Background image */
  /* border-width:3px; Border width */
  /* border:1px solid #00f; Border width, style and colour */
  border: none; /* No border */
  border: 0px inset;
  padding:.5em; /* Increase padding */
   /* Change width and height */
  width:1em;
  height:1em;
 }

input[type='submit'],input[type='reset']{
	background-color: lightblue; 
	font-weight: bold; 
	font-size: 1em; 
	color: white;  
	border: 3px outset lightgrey;
	margin:0px;
	padding:0px;
}
input.submit, input.reset{
	background-color: lightblue; 
	font-weight: bold; 
	font-size: 1em; 
	color: white;  
	border: 3px outset lightgrey;
	margin:0px;
	padding:0px;
}

/* Tables -----------------------------------    
table
     { 
      border-spacing: 0;
    border-collapse: collapse;
}  -----*/


TD, TR
    {
      text-align: left;
    font-weight: normal;
	/* font-size: .9em; */
}

/* +++++ BASE ELASTIC CONTAINER  ++++++++++ */
/* Apply the width in ems, center the layer in the viewport using the auto left and right margins, give it a 1px gray border with a white background and align the text left */
#wrap{
/* width: 46.25em;   ! 740px=This is based on em Calulation to relative Font Size (baseBodyCode2),
					   May be able to change this based on the Base Size settings above in Body */
/* width: 74em;   ! 740px=BaseBodyCode1 measure */
width: auto;   /* auto will cause it to resize to body content */
margin: 1.5em auto;  /* top/right */
border: 0.063em solid #ccc;
padding: .2em;
background: #fff;
text-align: left;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
 	/* line-height:0;
    font-size: 0;   */
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE5/Mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE5/Mac */
/* possibly need overflow:hidden; for IE 7 added to 2nd line up ?? */

/* ++++++ eMail Obfuscation CSS Classes ++++++++++ */
/* had to add bkwrds to Cee1 since FF3.6   */
/* something to do with bidi-override scope in CSS2    */
 .bkwrds {unicode-bidi:bidi-override; direction: rtl;}
 .noCee {display:none;}
 .Cee1, .Cee2 {display:inline;}

#central{
margin-right: auto;
margin-left: auto;
position: relative; /* it may do well to specify this so nested divs can position:absolute relative to this container */ 
width: auto;  /* had trouble with img height in div if using 100%, so trying auto */
/* text-align: left;
background-color: #FFFFFF;
background-image: url(background.gif);
background-repeat: repeat-y; */
background-position: right top;
overflow:hidden;
}
#rightside{
float: right;
width: 90%;
background-color: transparent;  /* backgound transparnt if using the background from the #central DIV*/
}
#footer{
clear: both;
background-color: #88a905;
position: relative;
height: auto;
}

.transparent_class10 { /* a 10% transparency class */
	filter:alpha(opacity=10);
	-moz-opacity:0.10;
	-khtml-opacity: 0.10;
	opacity: 0.10;
	zoom:1;  /* for ie need to set a placement attribute for opacity to kick in */
}

.transparent_class25 { /* a 25% transparency class */
	filter:alpha(opacity=25);
	-moz-opacity:0.25;
	-khtml-opacity: 0.25;
	opacity: 0.25;
	zoom:1;  /* for ie need to set a placement attribute for opacity to kick in */
}

.transparent_class50 { /* a 50% transparency class */
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	zoom:1;  /* for ie need to set a placement attribute for opacity to kick in */
}

.transparent_class75 { /* a 75% transparency class */
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	zoom:1;  /* for ie need to set a placement attribute for opacity to kick in */
}
.transparent_class100 { /* a 100% (no)transparency class */
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	zoom:1;  /* for ie need to set a placement attribute for opacity to kick in */
}

/* ie pngfix by angus turnbull http://www.twinhelix.com/test/ */
img, div, div img { behavior: url(iepngfix.htc) } /* may interfere with transparency
       if so, you can apply this to the tag style: "behavior: url();" */
.fx { behavior: url(iepngfix.htc) }