/* @group Typography */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
   
body { font-size: 75%; }


/* Default fonts and colors. 
   If you prefer serif fonts, remove the font-family 
   on the headings, and apply this one to the body:
   font: 1em Georgia, "lucida bright", "times new roman", serif; */
   
body {
	color: #666666; /*grey*/
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	line-height: 1.6em;  
}
h1,h2,h3,h4,h5,h6 { 
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 2em; line-height: 1; margin-top: 1em; margin-bottom: .5em; color: #333333; /*almost black*/}
h2 { font-size: 1.65em; line-height: 1; margin-bottom: 0.75em; color: #3A6178; /*blue 04*/}
h3 { font-size: 1.4em; line-height: 1; margin-bottom: 1em; color: #3A6178; /*blue 04*/}
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; color: #3A6178; /*blue 04*/}
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; colour: #3A6178; /*blue 04*/}
h6 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; color: #3A6178; /*blue 04*/}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p.last      { margin-bottom: 0; }

ul, ol      { margin:0 1.5em 1.5em 1.5em; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

a:focus, 
a:hover     { color: #000; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }

.formSearch {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	line-height: 1.6em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0060AF;
	list-style-image: url(../images/bullet02.jpg);
	background-color: #FFFFFF;
}
.formLogin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	line-height: 1.6em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0060AF;
	list-style-image: url(../images/bullet02.jpg);
	background-color: #F6FBE8;
}

/* */

.content {
	color: #666666; /*grey*/
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	line-height: 1.6em; 
	list-style-image: url(../images/bullet02.jpg);
}

.content a:link {
	color: #83AE00;
	text-decoration: underline;
	padding: 4px;

}

.content a:visited {
	color: #83AE00;
	text-decoration: underline;
	padding: 4px;

}

.content a:hover {
	color: #990099;
	text-decoration: underline;
	/* background-color: #ffffff; */
	padding: 4px;

}

.content a:active {
	color: #99CC00;
	text-decoration: underline;
	padding: 4px;

}


/* ---------------------- small blue ------------------------*/

.smlBlue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	line-height: 1.6em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #2A4556;
	list-style-image: url(../graphics/bullet01.gif);
}

.smlBlue a:link {
	color: #FFFFFF;
	text-decoration: none;
	padding: 4px;

}

.smlBlue a:visited {
	color: #0099CC;
	text-decoration: underline;
	padding: 4px;

}

.smlBlue a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	/** background-color: #ffffff; **/
	padding: 4px;

}

.smlBlue a:active {
	color: #99CC00;
	text-decoration: underline;
	padding: 4px;

}

/* ----------- small light text for on dark background ----------------*/

.smllight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	line-height: 1.6em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #E2ECF1;

}

.smllight a:link {
	color: #ffffff;
	text-decoration: none;
	padding: 4px;

}

.smllight a:visited {
	color: #ffffff;
	text-decoration: none;
	padding: 4px;

}

.smllight a:hover {
	color: #ABD305;
	text-decoration: underline;
	/** background-color: #ffffff; **/
	padding: 4px;

}

.smllight a:active {
	color: #E2ECF1;
	text-decoration: underline;
	padding: 4px;

}

/* ---------------------- coontent nav ------------------------*/

.contentNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 2em;
	color: #99cc00;
	font-style: normal;
	font-weight: bold;

}

.contentNav a:link {
	color: #0060AF;
	text-decoration: none;
	padding: 4px;

}

.contentNav a:visited {
	color: #0060AF;
	text-decoration: none;
	padding: 4px;

}

.contentNav a:hover {
	color: #990099;
	text-decoration: underline;
	/* background-color: #ffffff; */
	padding: 4px;

}

.contentNav a:active {
	color: #990099;
	text-decoration: underline;
	padding: 4px;

}

/* ---------------------- footer nav ------------------------*/

.footNav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.2em;
	color: #99CC00;

}

.footNav a:link {
	color: #FFFFFF;
	text-decoration: none;
	padding: 4px;

}

.footNav a:visited {
	color: #0099CC;
	text-decoration: underline;
	padding: 4px;

}

.footNav a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	/** background-color: #ffffff; **/
	padding: 4px;

}

.footNav a:active {
	color: #99CC00;
	text-decoration: underline;
	padding: 4px;

}

/* ---------------------- content highlight ------------------------*/

.contentHigh {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	line-height: 1.8em;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #006699;
}

.contentHigh a:link {
	color: #0085B0;
	text-decoration: underline;
	padding: 4px;
}

.contentHigh a:visited {
	color: #0099CC;
	text-decoration: underline;
	padding: 4px;

}

.contentHigh a:hover {
	color: #99CC00;
	text-decoration: underline;
	/* background-color: #ffffff; */
	padding: 4px;

}

.contentHigh a:active {
	color: #99CC00;
	text-decoration: underline;
	padding: 4px;

}
/*-------------------- Custom Headers---------------*/

.headGreen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-style: normal;
	line-height: 1.8em;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #ABD305;
}

/*-------------------- Custom Headers---------------*/
img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.left { padding: 4px; margin: 0 7px 2px 0; display: inline; }

/* FixPNG from Komodo */ * html img, * html .fixPNG { azimuth: expression( this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "/cssimg/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true ); } 