/** ============================================================= HELP-OSCAR ================================================================= **/

.text                      {font-family: Arial, sans-serif; font-size:  8pt}
.body                    {font-family: Arial, sans-serif; font-size:  9pt}
.body-white           {font-family: Arial, sans-serif; font-size:  9pt; color:#FFF;}
.caption                {font-family: Arial, sans-serif; font-size: 10pt}
.bigbody                   {font-family: Arial, sans-serif; font-size: 14px;}
.bigbody-white      {font-family: Arial, sans-serif; font-size: 11pt; color:#FFF;}
.colhead                   {font-family: Arial, sans-serif; font-size: 12pt; font-weight: bold;}
.title-pacifico          {color: #000; font-family: Pacifico, Arial, sans-serif; font-size: 28px; font-weight: bold;}

H1       {font: bold 24px Arial, sans-serif; padding-bottom: 1px;  margin: 0; line-height: 22px;}    
H2       {font: bold 18px Arial, sans-serif; padding-bottom: 1px;  margin: 0; line-height: 19px;}      
H3       {font: bold 16px Arial, sans-serif; padding-bottom: 1px;  margin: 0; line-height: 17px;}    

body         { background-color: #8790A2; }

#content { background: #8790A2; height: auto; margin-left: 150px; margin-top: 5px; width: 770px; }

#page       { background: #8790A2; border: 1px solid #FFF; font: 13px Arial, Verdana, sans-serif; height: auto; padding: 15px; width: 780px; }

#top-nav { background: #8790A2; font-family: Arial, sans-serif; font-size: 14px; font-variant: small-caps; font-weight: normal; }

#btm-nav { background: #8790A2; color: #FFF; font-family: Arial, sans-serif; font-size: 10px; text-align: center; }

/** --------------------------------------------------------- spacing -------------------------------------------------------------------------------- **/
.mid     {line-height: 5px; }
.graph {line-height: 7px; }

/** --------------------------------------------------------- alignment -------------------------------------------------------------------------------- **/
.hang-left           {display: inline; float: left; padding: 2px 10px 8px 5px; *padding: 5px 11px;} 
.hang-right         {display: inline; float: right; padding:  4px 5px 7px 5px; *padding: 5px 11px;}
.indent-left           {display: inline; float: left; padding: 2px 50px 8px 50px; *padding: 5px 45px;} 
.indent-right         {display: inline; float: right; padding:  4px 25px 7px 25px; *padding: 5px 25px;}
.move-left          {margin-left: 0; text-align: left;}     /** for some weird reason, this only works with DIV, not SPAN!! **/
.move-right        {display: inline; margin-right: 0; }  /** for some weird reason, this only works with DIV, not SPAN!! **/

.box { border: 1px solid; padding: 4px; }
.box-white { background: #FFF; border: 1px solid #000; color: #000; padding: 4px; }
.box-small { border: 1px solid; padding: 2px; }

/** ======================================= FORMS =============================================**/
fieldset { background-color: #8790A2;  font-weight: bold; margin: 0 auto; padding: 0 15px; width: 60%;}

/**input {  background-color: #F8F8F8; border: 1px solid #888;  font-size: 12px;  padding: 4px;   } 

input:focus  { border: 1px solid #000; background-color: #9DC6F3; } **/

hr { color: #FFF; height: 2px; width: 60%; }

li.square        { list-style-type: square; margin-left: 2em; }  html>body    li.square    {list-style-type: square; margin-left: 2em;}   

#none { background: #FFF; 	color: #000; font: 12px Arial, Helvetica, Verdana, sans-serif; margin: 0; padding-left: 2px; }
#none li{ list-style: none; margin: 0; }

/** white to black **/
a              {text-decoration: underline; color: #FFF;} 
a:link       {text-decoration: underline; color: #FFF;} 
a:hover  {text-decoration: underline; color: #000;} 

/** black to white **/
a.black:link    		{color: #000; text-decoration: none; }
a.black:visited    		{color: #000; text-decoration: none; }
a.black:hover			{ color: #FFF; text-decoration: none; }

/** black to grey **/
a.b2g:link    	   	{color: #000; text-decoration: underline; }
a.b2g:hover			{ color: #787878; text-decoration: none; }
a.b2g:visited    		{color: #000; text-decoration: underline; }