/* <!-- used on inner-sound.co.uk/index.html --> */

pre         {
            font-family:           sans-serif;
	        }

body {
	        font-family:           verdana, arial, helvetica, sans-serif;
	        font-size:             small;
	        color:                 #000;
            padding:               1em;
            margin:                1em .5em;
            background-color:      #6B8E23;  /* olive green */
            
}
            
#allcontent {
            width:                  960px;
            padding:                1.5em;
            background-color:       #FF6;  
            margin-right:           auto;
            margin-left:            auto;
            border:                 7px solid #fff;     /* styles the border around the outer frame of page - #fff = white;  */
            border-right-color:      #fff;
            border-left-color:       #fff;
            border-style:            groove;
}

h1,h2,h3,h4,h5,p,ul  {font-family: verdana, arial, helvetica, sans-serif; }


h1#banner {
          	color:                 #690; 
	        font-size:             150%;
	        font-weight:           normal;
	        text-transform:        uppercase;
	        text-align:            center;
	        letter-spacing:        .5em;
	        padding:               .4em 0;
	        border-top:            1px solid #690;
	        border-bottom:         1px solid #690;
}

h1#title  {
          color:                   #090;
          font-weight:              bold;
}

ul#navigation1  {
	          margin-left:         0;
              padding-left:        0;
              list-style-type:     none;
              background:          #6B8E23;
              float:               left;
              width:               100%;
}

ul#navigation1 li {
              display:             inline;
}

ul#navigation1 a { 
              display:             block;
              float:               left;
              padding:             .2em 1em;
              text-decoration:     none;
              color:               #fff;
              background:          #6B8E23;
              border-right:        1px solid #fff;
}

ul#navigation1 a:hover {
              color:               #000;
              background:          #FFD700;
}

ul#navigation2  {
	          margin-left:         0;
              margin-right:        0;
              padding-left:        0;
              padding-right:       1em;
              list-style-type:     none;
              background:          #6B8E23;
              float:               left;
              width:               100%;              
}

ul#navigation2 li {
              display:             inline;
}

ul#navigation2 a { 
              display:             block;
              float:               left;
              padding:             .2em 1em;
              margin-left:         0;
              margin-right:        0;
              text-decoration:     none;
              color:               #fff;
              background:          #6B8E23;
              border-right:        1px solid #fff;
}

ul#navigation2 a:hover {
              color:               #000;
              background:          #FFD700;
}

#sidebar { 
           background:             #cfc;
           color:                  #000;
           font-size:              95%;
           width:                  250px;
           padding:                1em;
           margin:                 0 .8em .8em .8em;
           border:                 1px solid #000;
           float:                  right;
           text-align:             center;      
           }
           
#maincontent   {     
               background-color:      #FF9;
               padding:               .5em;
               padding-right:         2em;  /*this setting 'pushes' the text to left but leaves big gap under globe */
               padding-left:          2em;
               margin:                .3em;
               margin-right:           0;
               margin-left:            0;
}
   
#footer {
        font-size:                 80%; 
        color:                     #8B0000;
        padding-bottom:            1em;
        text-align:                center;
        clear:                     both;
}

h1, h2 {
	font-size:   1.2em;
    color:       #090;
}

h3  {
    font-size: .9em;
    font-weight: bold;
    color:       #090;
}

span.title, span.banner { 
            color:   color:      #690;  
}

span.title   {
             font-size:             55%;
	         font-weight:           lighter;
	         text-transform:        uppercase;
	        }

span.banner  {
             font-size:     .7em;
             font-style:   italic;
             font-weight:  lighter;
             padding-bottom: 3em;
             text-transform: none;
             letter-spacing: .3em;
}

span.quote   {
             color:          #690;
             font-style:     italic;
             font-weight:    bolder;
}
span.news  {
           color:                 #C00;
           font-weight:            bolder;
}

   
span.article   {
               color:               black;
               padding:             .2em;
               border:              1px solid white;
               background-color:    #fff;
               margin:              1em;
}
div.globe {
             padding:              0 0 2em 0;
             margin-left:          0;
             margin-right:         0;
             border-spacing:       0;
             border-collapse:      collapse;
}

td img {
            display:               block;
            border-collapse:       collapse;

}

div.newsbox  {  
             line-height:             1.3em;
             font-family:             Georgia, serif;
             color:                   #FF6;
             font-style:              italic;
             font-size:               .9em;
             border:                  1px solid #fff;
             border-right-color:      #000;
             border-bottom-color:     #000;
             background-color:        #ADD8E6;
             padding:                 2em 2em;
             margin:                  2em .8em 2em .8em;
}

div.courselist  {
                background-color:   #FF6;
                font-family:        Times New Roman serif;
                font-style:         italic;
                color:              #000;
                padding:            2.0em;
                margin:             2.0em;
                margin-right:       19em;
                margin-left:        1em;
                border:             1px solid;
                border-top-color:   #fff;
                border-right-color: #000;
                border-bottom-color:#000;
                border-left-color:  #fff;
}

table#banner {

             margin-left:          0;
             margin-right:         0;
             border:               none;
             border-collapse:      collapse;
}

td img {     display:              block;
             padding:              0;
             padding-bottom:       0;
             margin:               0;
             text-align:           left;
             border-collapse:      collapse;
}



a:link {
	        color: #00F;
            
}

a:visited {
	        color: #606;
            
}

a:hover {
            color: #F00;
}