/* Style sheet for Outdoor First Aid web site */

  body
    {
    font-family: arial, Helvetica, sans-serif; 
    background-color: #036;
    padding: 0;
    margin: 0;
    }
    
    h1#header
    {
    text-align: center;
    height: 2.5em;
    padding-top: 20px;
    clear: right;
    }

    h1#header .sub
    {
    font-family: Lucida Handwriting, Bradley Hand ITC, Helvetica, sans-serif;
    font-size: .9em;
    color:#000;
    background-color:transparent;
    font-weight: light;
    }

/* Menu - The whole of the left column containing menu and copyright */

  div#menu
    {
/*    float: left;*/
    font-family:arial, Helvetica, sans-serif;
    width: 100%;
    min-height: 25px;
    overflow: auto;
    background: #000;
    }

  #menu ul
    {
    list-style-type:none;
    margin: 0 3px;
    padding:0;
    text-align: center;
    }

  div#menu li
    {
    float: left;
    font-weight:bold;
    background: #000;
    border-right: 1px solid #036;
    width: 24%;
    text-align: center;
    padding: 2px 0;
    margin: 0 .1em;
    }

  div#menu li a
    {
    color:#fff;
    display:block;
    text-decoration:none;
    margin: 0px;
    padding: 1px;
    }

  div#menu li.current
    {
    display:block;
    color:#000;
    background: #bcb;
    margin: 2px 0;
    padding: 1px;
    width: 24%;
    }

  div#menu span.copy a
    {
    font-weight:bold;
    border:none;
    text-decoration:none;
    padding:2px;
    margin: 0px;
    color:#090;
    background: transparent;
    }

  div#menu span.copy a:hover
    {
    color:#F60;
    background: transparent;
    }

  div#menu li a:hover, div#menu a:focus, div#menu a:active, div#main div.text a:hover span.r 
    {
    color:#fff;
    background: #930;
    }
/* End of menu */


	div#main
    {
    width: 80%;
    margin: 0% auto;
    font-family:arial, Helvetica, sans-serif;
    border-left: 1px solid #000;
    border-right: 2px solid #000;
    padding: 0;
    color:#000;
    background-color: #fff;
    }
    

    div#main div.text
    {
    padding: 2em 1em;
    }

	.text ul
	{
	list-style-image: url(/images/bullet.gif)
	}

	div#body
    {
    float:left;
    font-family:arial, Helvetica, sans-serif;
    padding: 0 0 0 15px;
    color:#000;
    background: transparent;
    width:65%;
    }

  div#body a, #main a, #table a, #basket a
    {
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#000;
    }

  #main a:hover, div.text a:hover, div.text a:active, div.text a:focus
    { 
    background: #930;
    color:#fff;
    }

  div#links
    {
    float:left;
    font-family:arial, Helvetica, sans-serif;
    padding: 0 0 0 15px;
    color:#000;
    background: transparent;
    width:65%;
    }

  div#basket
    {
    float:left;
    font-family:arial, Helvetica, sans-serif;
    margin: 0 0 0 4%;
    padding: 0;
    color:#000;
    background: transparent;
    width:90%;
    }

  div#basket td
    {
    text-align:center;
    }

  div#basket td.right
    {
    text-align:right;
    }

  div#basket td.left
    {
    text-align:left;
    padding-left:1em;
    }

  div#basket h4
    {
    margin:0;
    }
  
  span.right
    {
    float:left;
    width:48%;
    text-align:right;
    }

  span.left
    {
    float:left;
    width:48%;
    text-align:left;
    }

    div#first
    {
    font-family: arial, Helvetica, sans-serif;
    line-height: 1.7em;
    margin-left: 5%;
    margin-right: 5%;
    }

    div#first p
    {
    margin-top:2em;
    }

    .r
    {
    color: #930;
    font-size: 110%;
    }

    .title
    {
    font-family: Helvetica, arial, sans-serif; 
    color: #003;
    background: transparent;
    font-size: 2em;
    }

    h1
    {
    font-family:arial, Helvetica, sans-serif;
    color:#000;
    margin: 0 0 2em 0;
    font-size:1.4em;
    text-align: left;
    }

    h2
    {
    font-family:arial, Helvetica, sans-serif;
    font-size:1.3em; 
    margin: 0 0 1em 0;
    color:#930;
    font-weight:normal;
    }

    h2.margintop
    {
    margin: 3em 0 0 0;
    }
	
	div#first h2
    {
    font-family:arial, Helvetica, sans-serif;
    font-size:1.1em; 
    margin: 0 0 1em 0;
    color:#000;
    font-weight:normal;
    text-align:left;
    }

    h3
    {
    text-align:center;
    }

h3#course
    {
    text-align:left;
    font-size: 1.1em;
    }

#links h3
    {
    color: #c00;
    }

div.mid
	{
	vertical-align:middle;
	}
	
    .red
    {
    font-family: arial, Helvetica, sans-serif; 
    color: #c00;
    font-weight:bold;
    background: transparent;    
    }

    .dent
    {
    margin-left:30px;
    }

    .center
    {
    text-align:center;
    }

    .image
    {
    border: 5px outset #000;
    }

    img
    {
    border: none;
    }

    image.photo
    {
    border: 2px outset #000;
    }

    img.border
    {
    border: 2px solid #000;
    }

    fieldset
    {
    padding:5px;
    color:#000;
    }

    fieldset.white
    {
    background: #FFC;
    margin:3px;
    }

    fieldset li
    {
    list-style-type: none;
    }

    .frmlabel
    {
    clear:left;
    float:left;
    width:30%;
    padding:5px;
    line-height:160%;
    }

    .frminput
    {
    float:left;
    width:60%;
    }

    fieldset hr
    {
    clear:both;
    width: 90%;
    }

    .star
    {
    font-weight:bold;
    color: #900;
    vertical-align: baseline;
    }

    .large
    {
    text-align:center;
    font-family:arial, Helvetica, sans-serif;
    font-size: 130%;
    font-weight:bold;
    }

    table
    {
    border: 2px outset #006;
    margin: .5em;
    }

    table.course
    {
    width: 20em;
    }

    td, th
    {
    border: 1px solid #999;
    }

	tr.heading th
    {
    background-color: #bcb;
    color: #000;
    }

table.order
    {
    border: none;
    }

table.order td
    {
    border: none;
    }

 /*   th.standard
    {
    background-color: #900;
    color: #fff;
    }
*/
    td.form
    {
    background-color: #FFE;
    width:3em;
    }

    table.inner
    {
    border: none;
    }

    td.inner, th.inner
    {
    border: none;
    border-bottom: 1px solid #000;
    width: 25px;
    height: 30px;
    vertical-align:top;
    }
    
.leftcolumn
    {
    float:left;
    width:47%;
    text-align:left;
    margin-bottom:1em;
    min-height:60px;
    }

.rightcolumn
    {
    float:right;
    width:48%;
    text-align:left;
    margin-bottom:1em;
    min-height:60px;
    }

.rightimage
    {
    float:right;
    width:35%;
    text-align:left;
    margin-bottom:1em;
    min-height:60px;
    }

#results th
{
text-align:left;
border:0;
}

#results td
{
width:19%;
}

#survey th
{
border: 1px solid #000;
background-color: #EEC;
color:#000;
}

#survey td
{
width:19%;
}

td.green
{
background-color: #EEC;
}

dt
{
font-weight:bold;
}

.bold
{
font-weight:bold;
}

.u
{
text-decoration:underline;
}

.bu
{
text-decoration:underline;
font-weight:bold;
}

address
{
font-style:normal;
}

.readonly
{
border:none;
}

div.clear, br.clear
{
clear:both;
}

#progress
{
background: #bcb;
border:1px solid #999;
font-style:italic;
color:#666;
}

#progress .selected
{
font-style:normal;
font-weight:bold;
color:#000;
}

/* Fix opera bug */
#operafix
{
}

div#photo1, div#photo2
{
float:left;
text-align:center;
padding: .3em;
}

div#col1, div#col2
{
float:left;
padding: .3em;
margin:auto;
width:45%;
}

em
{
font-weight:bold;
}

span.silent
{
    position: absolute;
    left: -999em;
    width: 0.1em;
    overflow: hidden;
}

div#foot
    {
    clear:both;
    font-size:80%;
    background-color:#000;
    color: #fff;
    border-top:1px solid #930;
    text-align:center;
    padding: .4em;
    }

/*
  body#plain
    {
    font-family: arial, Helvetica, sans-serif; 
    background-color: #FFF;
    padding: 0px;
    margin: 15px;
    }

  #plain a
    {
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#090;
    }

  #plain a:hover 
    { 
    color:#F60;
    }

  a.unstyled
    {
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    text-decoration:none; 
    color:#000;
    }

  #map
    {
    padding: 3px;
    border: 2px outset #FC3;
    }
*/

a.external
{
	padding-right: 11px;
	background: transparent url(/images/external.gif) no-repeat 100% 30%;
}