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

fieldset,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:62.5% "Century Gothic",Arial,Helvetica,sans-serif,clean;
	color:#333333; /*See notes above about the sizing */
	line-height:normal;
	margin:0;
	background-color: #7250b3;
}

pre, code {font:115% monospace;}


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

p { margin: 10px 0 0 0; line-height:175%; font-size: 1.4em; vertical-align:top; color: #333; /*Set defaults here*/ }

p.white { color:#FFFFFF; margin-top:14px;}

p.white2 { color:#FFFFFF;}

p.whitesmall { color:#FFFFFF; margin-top:14px; font-size:1.1em; font-weight: bold;}

strong.name {font-size: 120%;} 

ul { margin-left:15px; list-style-type: square; /*Set defaults here*/ }

ol { margin-left:15px; list-style-type: decimal; /*Set defaults here*/ }

dl { /*Set defaults here*/ }

dl dt { /*Set defaults here*/ }

dl dd {/*Set defaults here*/ }

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

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

table.white { background: #FFFFFF;}

td.purple { background: url("../art/main/purple_bkg.png") 0 0 repeat; height:250px;}

td.news { background: url("../art/main/news_strip.png") 0 0 no-repeat; height:50px;}

td.text { height:197px;}

td.text2 { height:397px;}

td.middle { vertical-align:middle;}

* html td.topsection { background: url("../art/main/top_bkg.png") 0 0 repeat; height:30%;}  /* Shows only in IE Hack */

html>body td.topsection { background: url("../art/main/top_bkg.png") 0 0 repeat; height:10%;}  /* Hides from IE - Firefox Hack */  

* html .hometag {margin:6px 0 -4px 0;color:#666;font-size:150%;}

html>body .hometag {margin:4px 0 -6px 0;color:#666;font-size:150%;}

td.bottomsection { background: url("../art/main/bot_bkg.png") 0 0 repeat; height:70%; vertical-align:top;}

td.centersection { background: url("../art/main/center_bkg.png") 0 0 repeat-x; height:607; vertical-align:middle;}

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

h1, h2, h3, h4, h5, h6 {line-height: 200%; color: #240078; vertical-align:top;} 

h1 { font-size: 220%;} 

h2 { font-size: 200%;} 

h3 { font-size: 180%;} 

h4 { font-size: 160%;} 

h5 { font-size: 140%;} 

h6 { font-size: 120%;} 

.small { font-size: 120%; line-height: 150%;}

fieldset { padding: 5px 0; margin-bottom: 15px; }


/* 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: #240078; text-decoration: none; font-weight: bold;} 
 
a:hover { color: #666; text-decoration: none; } 

a.alt:link, a.alt:visited { color: #240078; text-decoration: none; font-weight: bold; border-bottom:1px dotted;}

a.alt:hover { color: #666; text-decoration: none; }