/* Catherine Yi-yu Cho Woo - October 2003 */
/* ie4-Mac, ie5-Mac, ns4-Mac, ns6-Mac, Opera5 */
/* ns6-PC, ns7-PC, and catch-all for browsers that don't get any other sheet.  Uses pixels to define font size. */


/* Allows you to test brower sniffer on multiple sheets */
/* Debugging color is AQUA for Net4/Mac - all other browsers are GOLD */
.sniffer {background-color: #99ffff;}

/* Misc. Hacks
----------------------------------------------- */

/* Hack to get IE5-Mac to ignore the following rules \*/
#header ul a, #header ul strong, #header ul em {height:1em; line-height:1em;}
/* End IE5-Mac hack */

/* Lists for all except nn4
----------------------------------------------- */

/* Hack to tell NS4 to ignore these styles - other browsers will use them .... */
/*/*/a{}  
.sniffer {background-color: #ffcc00;}
ul {
  margin:15px 0 19px;
  padding:0;
  list-style-type:none;
  }
ul li {
  background:url("/img/spiral_d00.gif") no-repeat 20px 0.4em;
  margin: 0 0 16px;
  padding:0 40px 0 40px;
  }
 
ul.spiral96c li {
  background:url("/img/spiral_96c.gif") no-repeat 20px .4em;
  margin: 0 0 10px;
  padding:0 0 0px 38px;
  }
  
ul.spiral96cpad li {
  background:url("/img/spiral_96c.gif") no-repeat 20px .4em;
  margin: 0 0 20px;
  padding:0 0 0px 40px;
  }   
  
/* First comment after hack allows NN4 to see the rest.... */




/* a workaround to set the margin height to 1px in Net 6 */
/* commented out oct 1 203 to allow you to add myTable style */
/* body { margin: 0; margin-top: 1px; height: 100%;} */
/* 12-19-03 Line below caused Netscape to print only first page of multi-page HTML page */
/* body { position: absolute; top: 1px; left: 0;} */
body, #myTable {margin: 0; padding: 0; width: 100%; height: 100%; }

/* Sept 2003 - changed from 12px to 13px because 12 was too small in Net 7 on PC - test on macs */
body, p,td,th,tr,li { font-family: Arial, Verdana, sans-serif; font-size:13px; color: #000033; }


/* XXX Netscape 6 hacks XXX */
/* This added Oct 2003 to enforce 1 px vert height in Net 6 */
td img.blok { display:block; }
/* This also works apply to td */
.font1 { font-size:1px; }

/* Use for mini-menu gifs */
/* Apply to images that are inside links and must align */
/* to bottom of line box, not merely bottom of baseline */
td img.vbot { vertical-align:bottom; }

.blok { display:block; }

b,i,strong,em,dt,dd,dl,sl,caption,u,blink,select,option,form,div {font-family: Arial, Verdana; sans-serif; }


/* Navbars
----------------------------------------------- */
/* top navbar  -  navbaract used by both navbars */
.navbar, A.navbar:link, A.navbar:visited , A.navbar:hover, .navbaract, a.navbaract:link, a.navbaract:visited, a.navbaract:hover
{FONT: 11px Arial,Helvetica,sans-serif; font-weight: bold; color: #88aadd; letter-spacing: 1px; text-decoration: none; }
A.navbar:hover, .navbaract, a.navbaract:link, a.navbaract:visited, a.navbaract:hover { color: #ffffff; }

/* second navbar */
.navbar2, A.navbar2:link, A.navbar2:visited, A.navbar2:hover
{FONT: 11px Arial,Helvetica,sans-serif; font-weight: bold; color: #e4c4ba; letter-spacing: 1px; text-decoration: none; }
A.navbar2:hover { color:#ffffff; }


/* Headers
----------------------------------------------- */
h1, .title, .hd1 { 
font-family:Georgia,"Times New Roman",Times,serif; font-weight:bold; color:#999966; 
font-size: 18px; 
padding-top:0; padding-bottom:0; margin-top:0; margin-bottom:10px; }

/* Use between text paragraphs, not alone in table cells or at top of page, P that follows uses class=vs0 */
/* 21px 600 weight for h1 and hd1, used for MSIE, was too bold */
h2, .hd2 { 
font-family:Georgia,"Times New Roman",Times,serif; font-weight:bold; color:#993322; 
font-size: 15px; 
padding-top:0; padding-bottom:0; 
margin-top:21px; margin-bottom:10px; }

/* prevents h2 from allowing tables, images, etc. to wrap left */
h2 {clear:left;}

/* Sets color of 2nd-level headers inside .bg568 to light blue */
.bg568 h2, .bg568 .hd2 {
color:#ddeeff; }

/* sets font family, size, and default vertical margins and underline behavior for all 3rd-level headers */
h3, .hd3, A.hd3:link, A.hd3:visited, A.hd3:hover, 
.hd3gra, A.hd3gra:link, A.hd3gra:visited, A.hd3gra:hover { 
font-family: Arial,sans-serif; font-weight:bold; color:#553366; 
font-size:13px;
padding-top:0; padding-bottom:0;
margin-top:18px; margin-bottom:10px;
text-decoration:none;}

/* sets h3 pseudoclass colors and underline behavior */
A.hd3:visited { color:#777777; }
.hd3gra, A.hd3gra:link, A.hd3gra:visited { color:#553366; }
A.hd3:hover, A.hd3gra:hover { color:#993322; text-decoration:underline; }

/* link within hd3 or h3 keeps pseudoclass colors and underline behavior */
/* this is useful on resources and press archive pages */
h3 a:link, .hd3 a:link { text-decoration: none; color: #553366; }
h3 a:visited, .hd3 a:visited { text-decoration: none; color: #777777; }
h3 a:hover, .hd3 a:hover { text-decoration: underline; color: #993322; }

/* Use hd4 for AUX col headers */
h4, .hd4, A.hd4:link, A.hd4:visited, A.hd4:hover { 
font-family: Arial,sans-serif; font-weight:bold; color:#335588; 
font-size:13px;
padding-top:0; padding-bottom:0;
margin-top:18px; margin-bottom:10px;
text-decoration:none;}
A.hd4:hover { color:#993322; text-decoration:underline; }

/* Sets color to aaccff for h4 WITHIN .bg568 */
.bg568 .hd4, .bg568 A.hd4:link, .bg568 A.hd4:visited { 
color:#aaccff; text-decoration:none;}
.bg568 A.hd4:hover { color:#ddeeff; text-decoration:underline; }

/* Sets vertical margins to zero for ALL HEADERS but Hn */
.hd1, .hd2, .hd3, .hd3gra, .hd4 { 
padding-top:0; padding-bottom:0;
margin-top:0; margin-bottom:0;}

/* Adds vertical padding to hd3 headers within archive class */
.archive .hd3 { 
padding-top:4px; padding-bottom:4px;
margin-top:0; margin-bottom:0;}

/* image captions */
.cap, A.cap:link, A.cap:visited, A.cap:hover { 
	font:11px/15px Arial,Verdana,sans-serif; font-weight:bold; color:#777788; 
	margin-top: 0; 
	padding-top:6px; padding-bottom:12px;
	text-decoration:none;}

A.cap:link, A.cap:visited, A.cap:hover { 
	color:#667788; text-decoration:underline;}
A.cap:visited { color: #999999; }
A.cap:hover { color:#993322;}

/* Use for CSS img rollovers - Same as cap except 6px margin left and right */
.cap2, A.cap2:link, A.cap2:visited, A.cap2:hover { 
	font:11px/15px Arial,Verdana,sans-serif; font-weight:bold; color:#777788; 
	margin-left: 6px; margin-right: 6px; /* not yet tested */ 
	padding-top:6px; padding-bottom:12px;
	text-decoration:none;}
.cap2, A.cap2:link, A.cap2:visited, A.cap2:hover { 
	font:11px/15px Arial,Verdana,sans-serif; font-weight:bold; color:#777788; 
	margin-left: 6px; margin-right: 6px; /* not yet tested */ 
	padding-top:6px; padding-bottom:12px;
	text-decoration:none;}
A.cap2:link, A.cap2:visited, A.cap2:hover { 
	color:#667788; text-decoration:underline;}
A.cap2:visited { color: #999999; }
A.cap2:hover { color:#993322; text-decoration:underline;}

/* use this to keep font attributes for links inside captions - but note size as percent not repeated */
/* or it becomes 83 percent of the parent element's 83 percent */
.cap a:link, .cap a:visited, .cap a:hover, .cap2 a:link, .cap2 a:visited, .cap2 a:hover { 
	font-family:Arial,sans-serif; font-weight:bold; color:#9977dd; 
	text-decoration:underline;}
.cap a:visited, .cap2 a:visited { color:#cc9977; } /* alt rollover color turquoise 0099cc */	
.cap a:hover, .cap2 a:hover { color:#cc0033; } /* alt rollover color green 557700 */	


/* more links - font same as subcap */
.more, A.more:link, A.more:visited , A.more:hover 
{ font: 12px/15px "Times New Roman",Times,serif; font-weight: normal; color: #993322;
margin-top: 0px; margin-bottom: 0px;  
border-bottom: 2px dotted #aabbcc; text-decoration: none; }
A.more:hover { border-bottom: 1px solid #993322; text-decoration: none;}


/* Misc.
----------------------------------------------- */
.sm { font-family: Arial, sans-serif; font-size: 12px; }
.vsm { font: 11px/15px Verdana, Arial, sans-serif; }
.vtiny { font: 10px/14px Verdana, Arial, sans-serif; }

/* default for .item on white bg */
.item { 
font: 13px/19px Arial, Helvetica, sans-serif; color:#000033;
margin-top: 6px; margin-bottom: 6px; padding-top: 0;}
.item  a:link { text-decoration: none; color: #000033; }
.item  a:visited { text-decoration: none; color: #000033; }
.item  a:hover { text-decoration: underline; color: #993322; }

.bg568 .item { 
font: 13px/19px Arial, Helvetica, sans-serif; color:#ddeeff;
margin-top: 6px; margin-bottom: 6px; padding-top: 0;}
.bg568 .item  a:link { text-decoration: none; color: #ddeeff; }
.bg568 .item  a:visited { text-decoration: none; color: #ddeeff; }
.bg568 .item  a:hover { text-decoration: underline; color: #ffff99; }

.views {color:#009999; letter-spacing:1px;}

/* Use for quoteboxes */
.quote { 
font: 11px/15px Verdana, Helvetica, Arial, sans-serif; font-weight:bold; color:#666677; 
padding-top:0; padding-bottom:0;
margin-top:0; margin-bottom:10px;
text-decoration:none;}

/* same font size as tiny */
.footer, A.footer:link, A.footer:visited, A.footer:hover, .footeract { 
font-family:Arial,Verdana,sans-serif; color:#777788;
font-size:11px; letter-spacing:1px; 
text-decoration:none; }
A.footer:visited { color:#777788; }
A.footer:hover { color:#e9cf80;}
.footeract { color:#777788;} /* alt color is cc8800 */

.bright .footer, .bright A.footer:link {color:#cc99ff;}
.bright A.footer:visited {color:#9999aa;}
.bright A.footer:hover {color:#ffe083;}
.bright .footeract { color:#ffe083;} 

.lh {font: 13px/19px Arial, Verdana, sans-serif;}
.vs0 { margin-top: 0; padding-top: 0; }
.vs4 { margin-top: 4px; padding-top: 0; }
.vs10 { margin-top: 10px; padding-top: 0; }
.vs19 { margin-top: 19px; padding-top: 0;}
.bot { margin-bottom: 0; padding-bottom: 0; }
.indent { margin: 0 0 2px 40px; }
.ind2 { margin-top:0; padding-top:0; margin: 0 0 2px 20px; }


/* CSS Rollovers
----------------------------------------------- */
/* adapted from webdevtips.com. Not yet tested outside MSIE 6 and Net 7 */
A.imglink, A.imglink:link, A.imglink:visited{ 
font:11px/15px Arial,Verdana,sans-serif; font-weight:bold; color:#445566; 
height:20px; 
background: url(../img/bg/menu_out.gif) no-repeat; 
text-align:left; 
padding-top:6px; padding-left:30px; padding-right:12px; 
display:block; 
text-decoration:none; } 
	
A.imglink:Hover{ 
font:11px/15px Arial,Verdana,sans-serif; font-weight:bold; color:#994400; 
background:white url(../img/bg/menu_over.gif) no-repeat;
text-decoration:none;}

.imglink{ 
font:11px/15px Arial,Verdana,sans-serif; font-weight:bold; color:#112233; 
height:20px; 
background: url(../img/bg/menu_over.gif) no-repeat; 
text-align:left; 
padding-top:6px; padding-left:30px; padding-right:12px; 
display:block; 
text-decoration:none; } 


/* Pseudo-classes
----------------------------------------------- */
a:link { text-decoration: underline; color: #6633bb; }
a:visited { color: #777777; }
a:hover { text-decoration: underline; color: #cc0033; }

a.noline:link, a.noline:visited {text-decoration: none;}
a.noline:hover {text-decoration: underline;}

.line {text-decoration: underline;}
a.line:link, a.line:visited, a.line:hover {text-decoration: underline;}


/* Color
----------------------------------------------- */
.cb60 { color: #bb6600; }
.bg123 { background-color: #112233; }
.bg568 { background-color: #556688; }
.bg900 { background-color: #990000; }
.bg1 { background-color: #334455; } /* for selected page on upper navbar */ 
.bg2 { background-color: #880000; } /* for selected page on lower navbar */ 
.boxyel {border-style: solid; border-width: 1px; border-color: #eeddaa; }
.boxblu {border-style: solid; border-width: 1px; border-color: #bbccdd; }
.boxbge {border-style: solid; border-width: 1px; border-color: #dad5d1; }
.mat {padding-top: 6px; padding-bottom: 6px; padding-left: 6px; padding-right: 6px;}

/* gallery text colors */
.page, a.page:link, a.page:visited {color:#998844; text-decoration:none;}
a.page:link, a.page:visited {color:#7766aa;}
a.page:hover {color:#ffe083; text-decoration:underline;}
.cb7 {color:#ccbb77;}
.itemb9f, a.itemb9f:link, a.itemb9f:visited {color:#bb99ff; text-decoration:none;}
a.itemb9f:hover {color:#ffe083; text-decoration:underline;}
.b9f, a.b9f:link, a.b9f:visited {color:#bb99ff; text-decoration:none;}
.a8e, a.a8e:link, a.a8e:visited {color:#aa88ee; text-decoration:none;}
.thisitem, a.thisitem:link, a.thisitem:visited {color:#e9cf80; text-decoration:none;}

/* styles for screen only - otherwise only first page prints out in Netscape */
/* but position absolute is needed to get vert align middle in MyTable */
@media screen { body { position: absolute; }}