/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   
   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/)
     
   Last updated: June 10th, 2004
   
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */   


/* ----------------------------------------------------------------------------
    
    The following CSS classes are universal, in that they affect all pages:
    
       "body" controls the presentation of the entire page:
    
           background - Change the url in 'background' to point to whatever 
                        image you want as a background pattern (or remove it 
                        completely to use the solid color that precedes it)
       
       
       ".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: 0px; 
        margin-bottom: 2em;
        padding: 0px; 
		line-height: 1.12em; 
        background: #663D37; 
		font: small verdana, helvetica, arial, sans serif; }

    .stretcher 
      { clear: both; }

    #footer    
      { margin: 5px auto 2em auto; 
        width: 720px; 
        color: #fff; 
        font: normal x-small verdana, helvetica, arial, sans serif;
        text-align: center; }
                  
    #footer a 
      { margin: 0px 5px 0px 5px;
        color: #ccc;
        font-size: x-small; }
                 
    #footer a:hover 
      { color: #fff; }
    
/* ----------------------------------------------------------------------------
       
    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
                    
        
        ".newsitem" controls the text that would appear as a one-sentence news
          blurb (used currently on the CSSIS homepage)
          
............................................................................ */
    
    #homepage_container
      { margin: 1em auto 0px;
	  	padding: 0px;
		width: 720px;
		background: #fff; 
		color: #333; 
		border: 2px solid #C51230;
		text-align: left; }
    
    #homepage_banner
      { position: relative; 
        clear: both; 
        height: 125px;
        left: 0px; 
        margin-bottom: 0px; 
        top: 0px; 
        width: 720px; 
        background: url(../img/interior_banner.jpg) no-repeat; }

    #left_column
      { display: block;
        float: left;
        margin: 20px 20px 20px 20px; }
    
    #right_column
      { display: block; 
        float: left;
        margin: 20px 20px 20px 20px;
        width: 280px; }
    
/* ----------------------------------------------------------------------------

    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
      
      
      "#interior_banner_cssis" and "#interior_banner_aallis are invisible 
        rectangles that allow the user to click on different parts of the 
        banner graphic to be taken to different urls (this essentially is a 
        CSS replacement for client-side image maps)
        
      "#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: 1em auto 0px;
	  	padding: 0px;
        width: 720px;
		background: #fff; 
		color: #333; 
		border: 2px solid #C51230;
		text-align: left; }
    
    #interior_banner
      { position: relative; 
        clear: both; 
        height: 125px;
        left: 0px; 
        margin-bottom: 0px; 
        top: 0px; 
        width: 720px; 
        background: url(../img/interior_banner.jpg) no-repeat; }

    #interior_banner_azall
      { position: relative; 
        float: left;
        height: 125px; 
        width: 400px;
        background-color: transparent;}
        
    #content
      { margin: 20px 20px 20px 20px; }

    #content a:link 
      { color: #036; }
    
    #content a:visited 
      { color: #600; }

    #content a:hover
      { text-decoration: underline; }
    
    #content br
      { line-height: 5px; }

    #content em { font-style:italic; }

    #content h1
      { color: #C51230;
		margin: .67em 0; 
        font:  bold small-caps medium verdana, helvetica, arial, sans serif; }
        
    #content h2
      { color: #666;
		margin: 1em 0; 
        font: bold small-caps small verdana, helvetica, arial, sans serif; }	

    #content h3
      { color: #666;
		margin: .83em 0; 
        font: bold small verdana, helvetica, arial, sans serif; }	

    #content h4
      { color: #666;
        font: bold italic small verdana, helvetica, arial, sans serif; }	

    #content p 
      { color: #333333; 
        font: small verdana, helvetica, arial, sans serif; }

    #content ul, #content ol, #content dl
      { font:  small verdana, helvetica, arial, sans serif;
        color: #333333; 
		margin-top: .5em;}
    
    #content ul a, #content ol a, #content dl a
      { color: #036; }

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

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

    #content li, #content dt, #content dd
      { margin-left: -10px; margin-top: .5em; }        
        
	#content td, #content th
      { font: small verdana, helvetica, arial, "sans serif";
		vertical-align: top; 
		text-align: left;
		padding: .3em;
		margin: .3em; }

	#content thead td, #content th, #content th p
	  { font-weight:bold; }
	  
	#content ol
	  { list-style:decimal; }
	
	#content ol ol
	  { list-style:lower-alpha; }
	  
	ol.roman li { list-style-type: upper-roman; }
	ol.alpha li { list-style-type: upper-alpha; }
	ol.smalpha li { list-style-type: lower-alpha; }
	ol.smroman li { list-style-type: lower-roman; }
	ol.noblt li, ul li.noblt { list-style-type: none; }

	      
/* ----------------------------------------------------------------------------      
   
    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.5em; 
        padding: 0.3em 0em 0em 20px; 
        width: 700px;
        background-color: #B99E45; }

    #navbar 
      { margin: 0; 
        padding: 0; }

    p#navbar, p#navbar a:link, p#navbar a:visited 
      { margin-right: 1em; 
        padding-right: 1em; 
        margin-left: 1em; 
        padding-left: 1em; 
        color: #fff; 
        font: small verdana, helvetica, arial, sans serif; 
		font-weight: bold;
        font-variant: small-caps; 
        text-decoration: none; } 

	p#navbar a:hover 
	  { color:#000000;
		text-decoration:underline;
		background-color: #FFFFFF; }

    
/* ----------------------------------------------------------------------------      
    added
............................................................................ */ 

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; }

.centered 
	{ text-align: center; }

.middle
	{ vertical-align: middle; }

.italics 
	{ font-style: italic; }

.lgsmcaps
	  { font-variant: small-caps; }

-----------------------------24464570528145
Content-Disposition: form-data; name="file2"; filename=""
Content-Type: application/octet-stream