/* Stylesheet for the IJA web site.

Author: Greg Phillips (greg.phillips@juggler.net)

Following the lead of http://webstandards.org, this stylesheet is
divided into 3 parts. Each part is a set of things that typically must
be reviewed together.

1. colors, backgrounds, borders, link and emphasis indication 
2. font and text properties, exclusive of link indication, alignment,
   text-indent
3. box properties (exclusive of borders), positioning, alignments, list
   types, text-indent
*/

/*---------------------------------------------------------------------------
  1. colors, backgrounds, borders, link and emphasis indication
---------------------------------------------------------------------------*/

body { 
  color: #000000;
  background: #FFFFFF;
  background-image: url(/images/IJA-20110143.jpg); 
}

#container { background-color: #fff; padding: 10px; }
#content   { background-color: #fff; }


a:link { color: #006600; }
a:visited { color: #006666; }
a:active { color: #0000FF; }
a:hover { color: #0000FF; }

a em {
font-style: normal;
font-weight: normal;
text-decoration: underline;
    }

#logo { border: 0px }

/* Top level navigation */
.navbar, .navbar a:link, .navbar a:visited {
  color: white;
  background-color: #006666;
  text-decoration: none; 
}

/* Rollover effect */
.navbar hover, .navbar a:hover, .navbar a:active, .navbar li li a:hover,
.navbar li li a:active {
  background-color: #6699FF;
}

#navabout, #navbusiness, #navmember {
  /* display: none; */
  display: inline;
}

.google { color: #FFFFFF; }
.barhead { color: #FFFFFF; background-image: url(/images/006666.jpg); }


/*---------------------------------------------------------------------------
  2. font and text properties, exclusive of link indication, alignment,
     text-indent
---------------------------------------------------------------------------*/

body, #content { 
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 90%;
}

h1, h2, h3, h4, h5, h6, dd, div.sidebar, .figure {
  font-family: Tahoma, sans-serif;
}

div.sidebar, .figure, .notice, .search { font-size: 90%; }

div.floatright {
  float: right;
  }

div.float img {
  float: right;
  }

.inc img { border: 10px white solid; }

ul { 
   list-style-type: disc;
   margin: 0 auto;
}

/* The wider the #list_wrapper is, the more columns will fit in it */
   #list_wrapper{
       width: 700px;
    }

/* The wider this li is, the fewer columns there will be */
    ul.multi li{
        text-align: left;
        float: left;
        list-style: none;
        height: 30px;
        width: 150px;
    }

.navbar a { 
  font-size: 100%;
  font-weight: bold;
  text-align: left;
}

.navbar .navbar { 
  font-size: 80%;
}

.bodyb   { font-weight: bold; }
.bodybit { font-weight: bold; font-style: italic; }
.bodyit  { font-style: italic; }

.google { font-size: 70%; }
.barhead { font-weight: bold; }

.credits { font-size: 60%; }

.copyright { font-size: 70%; }


/*---------------------------------------------------------------------------
  3. box properties (exclusive of borders), positioning, alignments, list
     types, text-indent
---------------------------------------------------------------------------*/

body {
  margin: 0px;
  padding: 0px;
}

#oldbrowser { display: none }

h1, h2, h3, h4, h5, h6 { margin: 0px 0px 0.5ex 0px; }

.item h1, .item h2, .item h3, .item h4, .item h5, .item h6 { 
  margin: 0ex 0px 1ex 0px;
}

/*------I believe this can be deleted, it was for contacts page only
p { 
  margin: .5ex 0em 1ex 0em;
}
------*/

img {border: 0; vertical-align: bottom} /* deleted float:  left */

.barul { 
  margin-left: 0px;
  padding-left: 0px;
}

div.sidebar {
  float: right;
  margin: 0ex 0em 0.75ex 1em;
  padding: 0.333em 0.667em;
  width: 35%;
}

#navigation { 
  position: absolute;
  z-index: 5;
  top: 0px;
  left: 0px;
  width: 150px;
  padding: 0px 0px 15px 0px;
  text-align: center;
}

#rel {
  position: relative;
  left: 1px;
  top: 1px;
}

.navbar a {
  display: block;
}

input[type=text], input[type=password], input[type=file], select
    {
        border: 2px #000000;
        background-color: #ddd;
        font-size: 80%;
        font-family: verdana, arial, helvetica, sans-serif;
        vertical-align: middle;
	}

input[type=submit]
	{
        border: 1px #000000;
        background-color: #99CCFF;
        font-size: 80%;
        vertical-align: middle;
	}

    /* new class for layouting the submit-buttons in IE too */
.Submit { 
        border: 1px #000000;
        background-color: #99CCFF;
        font-size: 80%;
        vertical-align: middle;
    }    

	/* dropshadows */

div.img-ds {
background: url(shadow.gif) no-repeat bottom right;
margin: 10px 5px;
padding: 0;
position: relative;
}
 
 div.img-ds img {
 background-color: #fff;
 border: 1px solid #a9a9a9;
 margin: -5px 5px 5px -5px;
 padding: 4px;
 position: relative;
 vertical-align: bottom;
 }

	/* container to center content */

#container {
	width: 900px;
	margin: 0 auto;
	text-align: center;
}