/*
   text-transform: capitalize;
*/

body 
{
  font-family:           trebuchet ms, tahoma, verdana, arial, sans-serif;
  font-size:             16px;
  margin:                0px 0px 0px 0px;
  background-attachment: fixed;
  background-repeat:     repeat-x; 
  background-image:      url('/jocke/images/backdrop.png');
  width:                 100%;
}

h1 
{
  font-family:    georgia, times, serif; 
  font-size:      24px;
  font-weight:    bold italic;
  text-align:     left; /* center; */
  color:          black; 
  margin:         0px;
  padding:        0 0 0 .4em;
}

h2 
{
  font-family:    georgia, times, serif; 
  font-size:      20px;
  font-weight:    normal;
  border-bottom:  1px solid #999;
  text-decoration:none;
  margin-bottom:  10px;
  font-weight:    bold;
  color:          #333; 
  margin:         0px;
  padding:        0px;
  padding-top:    5pt;		
}

h3
{
  font-family:    georgia, times, serif;
  font-size:      18px;
  text-align:     left;
  color:          #333;
  margin:         0px;
  padding:        0px;
}		

h4
{
  font-size:      16px;
}


p 
{
  font-weight:    normal;
  color:          #333;
  padding-left:   10px;
  padding-right:  10px;
  padding-top:    0px;
  padding-bottom: 0px;
  margin: 0px;
  margin-bottom: 10px;
}

a[href], a[href]:link, a[href]:visited, a[href]:active, a[href]:hover
{ 
  font-weight:     normal;
  text-decoration: underline;
}

a[href]         { color: #003366; }
a[href]:link	{ color: #003366; }
a[href]:visited { color: #003366; }
a[href]:active  { color: #999999; }
a[href]:hover	{ color: #999999; }


pre, tt
{ 
  font-size:   10px;
  overflow: auto;
  width: auto;
}

pre
{
  background:  #EEEEEE; 
  border:      1px dashed #888888; 
  padding: 5px;
  margin: 5px;
}

code
{ 
  white-space: pre;
  font-family: monospace;
}

.outline
{ margin: 1em 3em 1em 3em; }

.inline
{
  display: inline;
}

.main
{
  font-size:      12px;
  color:          #333;
  padding-left:   10px;
  padding-right:  10px;
  padding-top:    5px;		
  padding:        15px;
}


.menu
{
  font-size:             12px;
  font-weight:           bold;
  color:                 #333;
  margin-bottom:         1em;
  margin-left:           0;
  padding-left:          -2em;
  text-indent:           0em;
  list-style-position:   outside; /* inside; */
}	


.copyright 
{
  font-family:    geneva, arial, verdana, sans-serif;
  font-size:      9px;
  margin-top:     5pt;
  text-align:     right;
  color:          #999;
}		


.left
{
  text-align:     left;
}

.right
{ 
  float:          right;
  text-align:     right;
  margin:         0px 0px 0px 10px;
}

dt
{
  margin-top:     20pt;
}

ol
{
  font-family:    verdana, arial, sans-serif;
  text-indent:    0px;
  padding-left:   0px;
  color:          #333;
  margin-left:    3em; 
  margin-right:   0px; 
  margin-top:     0px;
  margin-bottom:  0px;
}

ul
{ 
  text-indent:    0px;
  padding-left:   0px;
  color:          #333;
  list-style:     url('/jocke/images/brown-item.png') disc; 
  margin-left:    3em; 
  margin-right:   1em; 
  margin-top:     0px;
  margin-bottom:  1em;
}

ul.menu
{
  color:                 #000;
  list-style-type:       none;
}	

ul.submenu
{
  margin-left: 0em;
}

li
{ 
  margin-top: 0px;
}

li.green, li.orange, li.blue, li.red, li.yellow, li.brown
{
  margin-top:            20px;
  margin-left:           3em;
  padding-left:          0em;
}

li.green  { list-style: url('/jocke/images/green-bullet.png') square; }
li.orange { list-style: url('/jocke/images/orange-bullet.png') square; }
li.blue   { list-style: url('/jocke/images/blue-bullet.png') square; }
li.red    { list-style: url('/jocke/images/red-bullet.png') square; }
li.yellow { list-style: url('/jocke/images/yellow-bullet.png') square; }
li.brown  { list-style: url('images/brown-bullet.png')  square; }

li.none   { list-style-type: none; list-style-image: none; }