/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   
   Style.css 
   
   Originally designed by Adam Norwood (t-anorwo@mail.law.utexas.edu) for the 
     Computing Services Special Interest Section of the American Association of 
     Law Libraries (http://www.aallnet.org/sis/cssis/)
     
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */   

/* ----------------------------------------------------------------------------
    
    The following CSS classes are universal, in that they affect all pages:
    
       "body" controls the presentation of the entire page:
    
       ".stretcher" is applied to an empty div tag to ensure that the page is
         sized properly vertically on both main web browsers
       
       "#footer" controls the footer that appears beneath the page's contents
                        
............................................................................ */

    body {
	margin: 0em;
	padding: 0em;
	line-height: 1.12em;
	background: #ccc;
	font-family: verdana, helvetica, arial, "sans serif";
	color: #000033; }
    .stretcher 
      { clear: both; }

    #footer    
      { margin: .5em auto 2em auto; 
        width: 90%; 
        color: #000; 
        font: normal x-small verdana, helvetica, arial, "sans serif";
        text-align: center; }
                  
    #footer a 
      { margin: 0em .5em 0em .5em;
        color: #000066;
        font-size: x-small; }
                 
    #footer a:hover 
      { color: #000; }

	#bottomnav {
		margin: -2em auto 1em;
		width: 90%;
		background-color: #fff;
		border-top: 1px solid #336;
		border-right: 1px solid #aaa;
		border-bottom: 1px solid #aaa;
		border-left: 1px solid #aaa;
		 }
    #bottomnav p 
      { padding: 1em; 
		color: #333; 
        font: normal small verdana, helvetica, arial, "sans serif"; }

    #bottomnav a:link, #bottomnav a:visited  
      { color: #000099;
		text-decoration: none;
		font-family: verdana, helvetica, arial, "sans serif"; }
    
    #bottomnav a:hover
      { text-decoration: underline; }

    
/* ----------------------------------------------------------------------------
       
    The following CSS classes control the presentation of the homepage (and 
    only affect the homepage):
       
       "#homepage_container" is the 'box' that contains the contents of the 
         homepage
         
           margin     - The margin is set such that the homepage is centered on 
                        the page (the right margin is set to 'auto')
           background - This is where the banner for the homepage is added 
                        (change the url to point to the correct banner image, 
                        and it stays at the top of the 'box')
        
        "#left_column" controls the left column of links on the homepage
        
           margin - Note that the first margin number (which specifies 
                    margin-top) controls how far down on the page the links 
                    appear
        
        "#right_column" controls the right column of links on the homepage
        
           margin - Note that the first margin number (which specifies 
                    margin-top) controls how far down on the page the links 
                    appear
        
............................................................................ */
    
    #homepage_container
      { margin: 0em auto;
  	    width: 860px;
      /* background: #fff; */
        background: #fff;
        border: 1px solid #aaa; 
        text-align: left; }
   
    #homepage_banner
      { position: relative;
		clear: both;
		height: 105px;
		width: 600px;
		left: 0px;
		top: 0px;
		display:block;
		margin-top: 10px;
		margin-right: auto;
		margin-left: auto; }

	#header { 
	    position: relative;
		clear: both;
		left: 0px;
		top: 0px;
		display:block;
		margin: .5em;
		margin-right: auto;
		margin-left: auto; 
		padding-top: .5em; }

    #header img { 
		border: 0px none; 
	    float: left;
		margin: 0em 1em; }

    #homepage_container #content
      { margin: 2em 0em; }

    #left_column
      { display: block;
        float: left;
	/* 	background: #000066; */
   /*     background: #9c9BBB; */
     /*   background: #A58A2f; */
         background: #A60C2E;	
  /*       border: 1px solid #A60C2E; */
         margin: 1em;
		padding: 1em;
		padding-right: .8em;
	/*	padding-right: .5em; */
		padding-left: 0em;
    /*    width: 200px; } */
        width: 200px; }
    
    #left_column ul li
      { list-style-type: none; 
		color: #ffffff;
	    margin-left: 0em;
		padding-left: 0em; }
    
    #content #left_column ul li a, #content #left_column ul li a:visited
      { color: #ffffff; }

    #right_column
      { display: block; 
        float: right;
        margin: 1em;
		margin-top: 1.25em;
        width: 550px; }
    
    #right_column ul li a:visited
      { color: #000099; }

    .breadcrumb
      { font-size: x-small; }
    
/* ----------------------------------------------------------------------------

    The following CSS classes and selectors affect only the interior pages of
    the site, and control everything from page margins to font choices as well
    as positioning of elements like the banner 
    
      "#interior_container" is the 'box' that contains all of the content on 
        the interior pages (compare with "#homepage_container" above
      
      "#interior_banner" controls the placement and url of the banner graphic
      
      "#content" (and all of its child selectors) controls the presentation of 
       text that appears in the main content section of each page

............................................................................ */
    
    #interior_container
      {
	margin: 0.5em auto;
	width: 90%;
	background-color: #fff;
	border: 1px solid #aaa;
	border-bottom: 0px none;
	text-align: left; }
    
    #interior_banner
      { position: relative;
		clear: both;
		height: 67px;
		width: 600px;
		left: 0px;
		top: 0px;
		display:block;
		margin: 5px;
		margin-right: auto;
		margin-left: auto; }

    #interior_banner img { border: 0px none; }

    #content
      { margin: 2em 2em 2em 2em; }

    #content a:link 
      { color: #000099;
		text-decoration: none; }
    
    #content a:visited 
      { color: #663399;
		text-decoration: none; }

    #content a:hover
      { color: #663399;
		text-decoration: underline; }
    
    #content br
      { line-height: .5em; }

    #content h1, #header h1
      { color: #000;
		font: bolder small-caps 1em verdana, helvetica, arial, "sans serif";
		margin: .67em 0em; 
		text-align: center; }

    #content h2, #header h2
      { color: #000;
		font: bolder small-caps .83em verdana, helvetica, arial, "sans serif";
		margin: 1em 0em; 
		text-align: center; }	

    #content h3
      { color: #000;
	font: bolder 1em verdana, helvetica, arial, "sans serif";
	margin: .33em 0em 1.12em;
	text-align: left;
	letter-spacing: .1em; }	

    #content h4 
      { color: #000;
	font: bolder .83em verdana, helvetica, arial, "sans serif";
	margin: 1.5em 0em 1em; 
	text-align: left;
	letter-spacing: .1em; }	

    #content h5, #content h6 
      { color: #000;
	font: bold .75em verdana, helvetica, arial, "sans serif";
	margin: 1.67em 0em 1.12em; 
	text-align: left; }	

    #content p 
      { color: #333; 
        font: normal small verdana, helvetica, arial, "sans serif"; }
		
	.lgsmcaps
	  { font-variant: small-caps; }

    #content ul, #content ol, #content dl
      { color: #333; 
	  	font:  normal small verdana, helvetica, arial, "sans serif";
		margin-top: .5em; }
    
    #content ol
      {	list-style-type: decimal; }
	  
    #content ol ol
      { list-style-type: lower-alpha; }

    #content ul a, #content ol a, #content dl a
      { color: #000099; 
        font: normal small verdana, helvetica, arial, "sans serif"; 
        text-decoration: none; }

    #content ul a:visited, #content ol a:visited, #content dl a:visited
      { color: #663399; }

    #content ul a:hover, #content ol a:hover, #content dl a:hover
      { text-decoration: underline; }

    #content li, #content dt 
      { margin-top: .5em; }
	  
    #content dt, #content dd
      { margin-left: 0em; }
	  	  
	#content dt, #content dt a
	  { font-weight: bold; }        
        
	table
	  {
		border-collapse: collapse;
		border: 2px outset #666;
		margin: auto;
		margin-bottom: 1em;
}
		
	td
      { font: small verdana, helvetica, arial, "sans serif";
	  	vertical-align: top; 
		text-align: left;
		padding: .2em; 
		border: 1px inset #666; }

	#content th, thead td 
      { font: bold small verdana, helvetica, arial, "sans serif";
	  	vertical-align: top; 
		text-align: left;
		padding: .2em;  
		border: 1px inset #666; }

	.middle
		{ vertical-align: middle; }

	.center
		{ text-align: center; }

	.dateline 
		{ font-style: italic; }

	.download
		{text-align: right;
		  font-size: 80 %; }
		
	

/* ----------------------------------------------------------------------------      
   
    The following styles control the appearance and behavior of the drop-down 
    navigation menu that appears on all of the interior pages of the site.
    
    This code is based on Patrick Griffith's and Dan Webb's "Suckerfish 
    Dropdowns" technique, which was originally published in A List Apart, and
    has been modified to allow it to work identically across most browsers
    without problems. For more information about how this works, please see
    http://www.htmldog.com/articles/suckerfish/dropdowns/ or do a Google search
    for 'CSS Suckerfish'.
    
    The file ../js/navmenu.js is required for these to work properly in IE, 
    since IE does not adequately follow the specification for the CSS :hover 
    element.
      
      "#navbar_container" defines the overall shape, color and size of the menu
      
      "#navbar" is the parent container of the Unsorted List that defines the
        navigation menu
        
           list-style-type: none  - removes the bullet points that usually 
                                    accompany a list
       
      "#navbar em" controls the appearance of the font of the top-level 
        navigation items
        
      "#navbar li ul" is the class that describes the appearance of the 
        drop-down menu itself (its width, color, borders, etc)
        
           left: -999em -  This is the line that causes the menu to be 
                           'hidden' until the top-level link is hovered
                           over (this works better than setting it
                           display:none, because Opera and Safari render it
                           correctly this way)
                           
       "#navbar a" 
           
           display: block - Lets you click anywhere in the section surrounding
                            the anchor in the menu, instead of having to 
                            click right on the text of the link itself
                            
       "#navbar li.sfhover ul" is the class that works with the navmenu.js 
         script to enable Internet Explorer to handle the :hover 
         psuedo-selector properly
                         
............................................................................ */    
            
    #navbar_container 
      { height: 1.3em; 
        padding: 0em 0em 0em 0em; 
        width: 100%;
        background-color: #000099;  }
    
    #navbar, #navbar ul 
      { margin: 0; 
        padding: 0; 
        list-style-type: none; }

    #navbar em 
      { display: block;
		padding-right: 3em;
		color: #fff;
		border-right: 1px solid #aaa;
		font: bold small verdana, helvetica, arial, "sans serif";
		font-variant: small-caps;
		text-decoration: none;
		margin-left: 3em; } 

    #navbar li 
      { color: #fff;
        float: left; }

    #navbar li ul 
      { position: absolute; 
        left: -999em; 
        padding: 0em 0em 0em 0em; 
        width: 10em; 
        background: #fff; 
        border-top: 0.3em solid #ccc; 
        border-right: 1px solid #888; 
        border-bottom: 1px solid #555; 
        border-left: 1px solid #888; 
        line-height: 50%; }

    #navbar li:hover ul, #navbar li.sfhover ul 
      { left: auto; }

    #navbar li ul li 
      {	margin-bottom: 0.5em;
		padding-bottom: 0.5em;
		padding-left: 0.5em;
		padding-right: 0.5em;
		width: 9.4em;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		border-left: 1px solid #fff; }

    #navbar a 
      { display: block; 
        width: 1em; }
    
    #navbar li ul a:link, #navbar li ul a:visited 
      { color: #333; 
        font: normal small verdana, helvetica, arial, "sans serif";
        text-decoration: none; }

    #navbar li ul li:hover, #navbar li ul li.sfhover 
      { background: #000099; }

/* My Additions */

address, blockquote, body, dd, div, dl, dt, fieldset, form, 
frame, frameset, h1, h2, h3, h4, h5, h6, noframes, 
ol, p, ul, center, dir, hr, menu, pre { 
	display: block; }
li { display: list-item; }
head { display: none; }
table { display: table; }
tr { display: table-row; }
thead { display: table-header-group; }
tbody { display: table-row-group; }
tfoot { display: table-footer-group; }
col { display: table-column-group; }
colgroup { display: table-column-group; }
td, th { display: table-cell; }
caption { display: table-caption; }
th { font-weight: bolder; text-align: left; }
caption {text-align: center; }

	.attn { color: #ff0000; }
	a:link.attn { color:#ff0000; }
	a:visited.attn { color:#ff0000; }

	.roman { list-style-type: upper-roman; 
		margin-top: .5em; }
	.alpha { list-style-type: upper-alpha; }
	.smalpha { list-style-type: lower-alpha; }
	.smroman { list-style-type: lower-roman; }
	.noblt { list-style-type: none; }

	.centered { text-align: center; }
	.strikeout { text-decoration: line-through; }
	.underline { text-decoration: underline; }
	
	.noborder, table.noborder td {
		border:0px none; }

.italics {
	font-style: italic;
}

.formLabels {
	font: bold small verdana, helvetica, arial, "sans serif"; 
	text-align: right;
}
.formCell {
	font: small verdana, helvetica, arial, "sans serif"; 
}
.formElement {
	font: small verdana, helvetica, arial, "sans serif";
	white-space: normal;
}

.sponsor
	{ 
	margin: 0em 0em 0em; 
	text-align: center; }	
	
.white
	{ 
font: bold small verdana, helvetica, arial, "sans serif"; 
color: white;
}