* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
  
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
    Wilson Miner      [wilsonminer.com]
   * Richard Rutter    [clagnut.com]
   
   Read more about using a baseline here:
   * alistapart.com/articles/settingtypeontheweb
  
-------------------------------------------------------------- */

/* 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: 100%; }


/* 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: #222;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight: normal;
}
h1,h2,h3,h4,h5,h6 { 
  color: #58595B; 
   font-family: "Arial"; 
}
h4{
text-decoration:underline; font-weight:bold;
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 {
	font-size: 30px;
	line-height: 1;
	margin-bottom: 0.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #58595B;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-bottom: 0.75em;
	color: #58595B;
	font-weight: bold;
}
h3 {
	font-size: 16px;
	line-height: 1;
	margin-bottom: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }


/* Text elements
-------------------------------------------------------------- */
.intro{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-bottom: 0.75em;
	color: #808284;
	font-weight: bold;
	line-height: 150%;
}
.intro1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-bottom: 0.75em;
	color: #808284;
	font-weight: bold;
	line-height: 150%;
}
.intro_highlight{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-bottom: 0.75em;
	color: #58595B;
	font-weight: bold;
}
.footNotes{
	font-size: 10px;
	color: #808284;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
p           { margin: 0 0 1.5em; }
p.last      { margin-bottom: 0; }
/*p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }*/
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
img         {
	margin: 0 0 0 0;
	cursor: default;
}

ul, ol      { margin:0 1.5em 1.5em 1.5em; }
ul          {
	list-style-type: circle;
	list-style-position: outside;
	list-style-image: url(../../../Images/bullet1.gif);
	line-height:12px;
}
ol          { list-style-type: decimal; }
ol.MainList {}
ol.MainList li{
	padding-bottom: 8px;
	font-weight: bold;
}
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: #FFFFFF;
}
a           {
	color: #FFCE5B;
}

blockquote  {
	margin: 1em;
	color: #666;
	font-style: normal;
}
strong      { font-weight: bold; }
em,dfn      { font-style: italic; color: #808284; }
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; }


/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 1.4em; }
th      { border-bottom: 2px solid #ccc; font-weight: bold; }
td      { border-bottom: 1px solid #ddd; }
th,td   { padding: 4px 10px 4px 0; }
tfoot   { font-style: italic; }
caption { background: #ffc; }

/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; } 


/* Some default classes
-------------------------------------------------------------- */

.small      { font-size: 10px;}
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }

.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
.align_top  { vertical-align: top;}
.align_bottom{
	vertical-align:bottom;
	padding-top: 11px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.upper{
	text-transform:uppercase;
}

/*ADDITIONAL STYLES*/

/*MainMenu{
border-top:0px solid #999;
border-left:1px solid #999;
border-right:1px solid #999;
border-bottom:1px solid #999;
background-color:#F3F3F3;
}*/

.SubMenu{
border-top:0px solid #999;
border-left:1px solid #999;
border-right:1px solid #999;
border-bottom:1px solid #999;
background-color:#F9F9F9;
}
.BottomMenu{
	background-color:#7AC142;
}

.MainMenu a {
font-family:Tahoma;
color:#000000;
font-size:11px;
text-decoration:none;
font-weight:bold;
}

.MainMenu a:hover {
text-decoration:underline;
}

.BottomMenu a {
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

.BottomMenu a:hover {
text-decoration:underline;
color:#FFFFFF;
}


.SubMenu a {
font-family:Tahoma;
color:#000000;
font-size:11px;
text-decoration:none;
}

.SubMenu a:hover {
text-decoration:underline;
}

.Header{
	/*border:1px solid #000;*/ /* NP */
	padding:0px;
	height:100px; /* NP */
	background-color: #CCDD66;
	background-attachment: scroll;
	background-image: url(../../../headerbkgrnd.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

.Login{
border-top:0px solid #999;
border-left:1px solid #999;
border-right:1px solid #999;
border-bottom:1px solid #999;
padding-top:10px!important;

}

.footer{
/*border-top:0px solid #999;
border-left:1px solid #999;
border-right:1px solid #999;
border-bottom:1px solid #999;*/
height:40px;
padding:5px;
background-color:#FFFFFF;
}
.pageCount{
	text-align:right;
}
.pageCount a:link{
	color:#7AC142;
	text-transform: uppercase;
	text-decoration:underline;
}
.pageCount a:hover{
	color:#7AC142;
	text-transform: uppercase;
	text-decoration:none;
}
.pageCount a:visited{
	color:#7AC142;
	text-transform: uppercase;
	text-decoration:underline;
}
.GreenShade{
	background-color: #E7EDDA;
	/*border-top:solid 1px #7AC142;
	border-bottom: solid 1px #7AC142;*/
	padding: 10px;
}
.FlashMap{
	margin-left: 10px;
}
.Clear{
	height:20px;
	min-height:20px;
}
.BodyContent{
	padding-top: 24px;
	padding-right: 18px;
	padding-bottom: 36px;
	padding-left: 18px;
	line-height: 1.5em;
}
.bodyContent1{
	line-height: 140%;
}

.TopBorder{
	border-top:solid 1px #808284;
	padding-top: 20px;
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.Bold{
	font-weight:bold;
} 
.normal{
	font-weight:normal;
}
.green{
	color:#C6DE5C;
}
.cyan{
	color:#67C7C6;
}
.align_right{
	float:right;
}
.align_left{
	float:left;
}
.textCenter{
	text-align:center; 
}
.textRight{
	text-align:right; 
}

.subScr {
	position: relative;
	top: 0.3em;
	font-size: 0.8em;
}

.supScr {
	position: relative;
	top: -0.5em;
	font-size: 0.6em;
}

.lblGr {
	color:#999 !important;

}
.maintext1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 14pt;
	color: #666666;
	padding: 24px;
	list-style-type: square;
}
.maintext1 a:link {
	color: #F8BF3A;
	text-decoration: none;
	font-weight: bold;
}
.maintext1 a:visited {
	color: #F8BF3A;
	text-decoration: none;
	font-weight: bold;
}	
.maintext1 a:hover {
	color: #41AB57;
}
.BotLink2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #58595B;
	text-decoration: none;
}
.sidebarlinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	padding: 12px;
}
.sidebarlinks a:link {
	color: #9F6614;
}
.sidebarlinks a:visited {
	color: #9F6614;
}
.sidebarlinks a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.menu {
	background: #F4E6A0;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 16em;
}
.menu li {
	color: #9F6614;
	font: bold 10px/normal Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}	
.menu a:link {
	font: bold 10px/normal Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 4px
	color: #9F6614;
	color: #9F6614;
}	
.menu a:visited {
	font: bold 10px/normal Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 4px
	color: #9F6614;
	color: #9F6614;
}
.menu a {
	background: #F4E6A0;
	border-bottom: 1px solid #00AA4F;
	color: #9F6614;
	display: block;
	margin: 0;
	padding: 4px 0px 4px 12px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 9pt;
}
.menu a:hover {
	background: #FFCE5B url(../../../images/hover.gif) no-repeat left center;
	color: #FFFFFF;
	padding-bottom: 4px;
}                    
.menu a:active {
	background: #FFCE5B url(../../../images/hover.gif) no-repeat left center;
	color: #FFFFFF;
	padding-bottom: 4px;	
}
.menulrg {
	background: #F4E6A0;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 15em;
}
.menulrg li {
	font: bold 12px/normal Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
.menulrg a {
	background: #F4E6A0;
	border-bottom: 1px solid #00AA4F;
	color: #9F6614;
	display: block;
	margin: 0;
	padding: 4px 0px 4px 12px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 9pt;
}
.menulrg a:hover {
	background: #FFCE5B url(../../../images/hover.gif) no-repeat left center;
	color: #FFFFFF;
	padding-bottom: 4px;
}                    
.menulrg a:active {
	background: #FFCE5B url(../../../images/hover.gif) no-repeat left center;
	color: #FFFFFF;
	padding-bottom: 4px;
}                    
#sidemenu {
	padding-left:12px;
	font-size:12px;
	font-weight:bold;
}
#sidemenu li {
	padding-bottom:10px;
	padding-right:12px;
}
#sidemenu li a:link, #sidemenu li a:visited {
	color:#916f2d;
}
#sidemenu li a:hover, #sidemenu li a#side_now {
	color:#f2a34a;
}
#sidemenu ul.sub_lv3{
	padding-left:15px;
	font-size:11px;
}
#sidemenu ul.sub_lv3 li{
	padding-bottom:2px;
}
#sidemenu ul ul.sub_lv4{
	padding-left:15px;
	font-size:11px;
	font-weight:normal;
}
#sidemenu ul ul.sub_lv4 li{
	padding-bottom:2px;
}
#menu2 {
	background: #F4E6A0;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 15em;
}
.menu2 li {
	font: normal 10px/normal Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
.menu2 a {
	background: #F4E6A0;
	border-bottom: 1px solid #00AA4F;
	color: #9F6614;
	display: block;
	margin: 0;
	padding: 4px 0px 4px 12px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 9pt;
	font-weight: normal;
}
.menu2 a:hover {
	background: #FFCE5B url(../../../images/hover.gif) no-repeat left center;
	color: #FFFFFF;
	padding-bottom: 4px;
}                    
.menu2 a:active {
	background: #FFCE5B url(../../../images/hover.gif) no-repeat left center;
	color: #FFFFFF;
	padding-bottom: 4px;
} 
.menu2 a:link {
	color: #9F6614;
	padding-bottom: 4px;
	font-weight: normal;
} 
.menu2 a:visited {
	color: #9F6614;
	padding-bottom: 4px;
	font-weight: normal;
}