/* ------------------------------------------------------------------
   Base - Styles to be used globally throughout a site
   ------------------------------------------------------------------ */

/* Resets CSS
------------------------------------------------------------------ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,select,textarea,p,blockquote,th,td {font-size:100%;}

img {border:0;}

address,caption,cite,code,dfn,th,var {font-style:normal; font-weight:normal;}

caption,th {text-align:left;}


/* Fonts
---------------------------------------------------------------------------------
 
  * Most browsers have a default font size of Medium which is 16px. 
    So on body, assuming a font size is not specified on html and that the 
    default font size is set to 16px, font-size:1em or 16px or 100%.

  * Making the "body and/or html" font-size 62.5% brings the default font size of 16px to 10px/1em/100%
    This makes it easier to determine the px values for em or % --- for example:
    em to px sizing can now be determined by multiplying "em*10" : 1em is 10px, 0.8em is 8px, 1.6em is 16px, etc.
	% to px sizing can now be determined by dividing "10/%" : 100% is 10px, 50% is 5px, 200% is 20px, etc
	
  * this is based on "child(tags other than body) / parent(body and/or html tag) = child" relationship
    that is why I reset all tags above to font-size:100%.  This way the child tags don’t get any inherited sizes from the parent.
  
----------------------------------------------- */

body {font-size:62.5%; /*See notes above about the sizing */ line-height:normal;}

/* Tags
------------------------------------------------------------------ */

html,body {background:url(/art/main/bkg_gradient.png) repeat-x; margin:0;}

p {font-family:'Arial Narrow',Arial,Helvetica,sans-serif,clean; margin:14px 0 0 0; line-height:135%; font-size:140%; vertical-align:top; color:#000; /*Set defaults here*/}

p.footer {font-family:'Arial',Arial,Helvetica,sans-serif,clean; line-height:125%; font-size:100%; vertical-align:top; text-align:center; color:#000;}

p.small {font-size:110%;}

p.arial {font-size:130%; font-family:'Arial',Arial,Helvetica,sans-serif,clean; line-height:140%; text-align:center;}

blockquote {background:#CCCCCC; color:#333333; padding:10px; margin:10px; /*Set defaults here*/}

table {font-size:100%; border-collapse:collapse; border-spacing:0;}

td, th {line-height:normal; vertical-align:top;}

h1, h2, h3, h4, h5, h6 {color:#19438B; vertical-align:top; font-family:'Arial',Arial,Helvetica,sans-serif,clean; margin:10px 0 0 0;}

h1 {font-size:220%;} 

h2 {font-size:200%;} 

h3 {font-size:180%;} 

h4 {font-size:160%;} 

h5 {font-size:140%;} 

h6 {font-size:120%;} 

/* Form Elements
------------------------------------------------------------------ */

.input-text {border:1px solid #666; padding:2px; color:#666; font-size:11px;}

.input-select {border:1px solid #666; color:#333; font-size:11px;}


/* Links
------------------------------------------------------------------ */

a img {border: 0;} 

a:link, a:visited {color:#fff; font-family:'Arial',Arial,Helvetica,sans-serif,clean; font-weight:bold;} 
 
a:hover {color:#ffff00; text-decoration:none;} 

a.alt:link, a.alt:visited {color:#19438B; font-family:'Arial',Arial,Helvetica,sans-serif,clean; font-weight:bold;} 
 
a.alt:hover {color:#0033FF; text-decoration:none;}

a.alt2:link, a.alt2:visited {color:#19438B; font-family:'Arial Narrow',Arial,Helvetica,sans-serif,clean; font-weight:bold;} 
 
a.alt2:hover {color:#0033FF; text-decoration:none;}

a.nav:link, a.nav:visited {color:#FFFFFF; font-family:'Arial Black',Gadget,sans-serif,clean; font-weight:normal; text-decoration:none;} 
 
a.nav:hover {color:#ffff00; text-decoration:none;}

a.nav2:link, a.nav2:visited {color:#19438B; font-family:'Arial Black',Gadget,sans-serif,clean; font-weight:normal; text-decoration:underline;} 
 
a.nav2:hover {color:#0033FF; text-decoration:none;}