/* web-link stylesheet - January 2005 */

html, body { margin: 0; padding: 0; }

body { color: white; background: #F0E2DB; width: 100%; font: 100% Verdana, Arial, Helvetica, Tahoma, sans-serif; }

a:link { color: #4D6680; text-decoration: underline; }
a:visited { color: #004C99; text-decoration: none; border-bottom: #666 1px dashed; }
a:hover {  color: #E64A00; text-decoration: none; }
a:active {  color: #E64A00; text-decoration : none; }


#container { width: 860px; margin: 10px auto; background-color: white; color: #333; border-left: 2px solid #E3C4B5; border-right: 2px solid #E3C4B5; line-height: 120%; }

/* top navigation */

#topnav
{ border-bottom: #fff 2px solid; height: 18px; background-color: white; width: 100%; text-align: right; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 65%; color: black; font-weight: normal;  }
	
#topnav a:link { text-decoration: none; color: #000066;  }
#topnav a:visited { text-decoration: none; color: #000066; border: 0px;  }
#topnav a:hover { color: #E64A00; text-decoration: underline; }
#topnav a:active { color: #E64A00; text-decoration: underline; }
#topnav a em { font-style: normal; font-weight: normal; text-decoration: underline; }

#logo { padding: 0em; background-color: white; border-bottom: 1px solid #808080;  }

#imagestrip {  background-image: url(../images/colour.gif);  background-repeat: no-repeat; height: 48px; }

#leftnav { float: left;  width: 22%; margin: 0; padding: 1em; background-color: #4D6680; border-right: 1px solid #336699; border-bottom: 1px solid #336699;color: white; }
#leftnav p {  margin: 0 0 1em 0; }

h1 { font-family: "Courier New", Courier, mono, serif;	font-size: 200%;	color: #003366;	font-weight: bold;	letter-spacing: 0px; margin: 0; margin-top: 3px; }


#content { margin-left: 27%; border-left: 0px solid silver; margin-right: 23%; border-right: 0px dashed silver; padding: 1em; background-color: transparent; font-size: 84%; }
#content p {  margin: 1.8em 0.3em 1.8em 0.5em; }
#content h2 {   margin : 1em 0 .5em 0; text-transform: lowercase; font-weight: normal; color: #555}
#content img { float: right; border: 1px solid  #F90; margin-left: 9px; padding: 3px; }

#content li {margin-bottom: 10px;}

#rightnav { float: right; width: 20%; margin: 0; background-color: #D6E6F5;  line-height: 100%; margin-top: 1px; } 
#rightnav p { font-size: 70%; padding: 0 1em; }
#rightnav img { border: 0; padding: 2px;  }

#rightnav li {  margin: 4px 0 0 -20px; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 70%; }

h3 {font-family: "Courier New", Courier, mono, serif;background-color: #E64A00; color: white; display: block; width: auto;text-transform: lowercase; font-weight: bold; padding: 4px;}

/* navigation */

#navhead
{ margin-top: 0px; margin-bottom: 2px; background-color: transparent; width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 90%; font-weight: bold; color: #F90; }

#navhead2
{ margin-top: 5px; margin-bottom: 2px; background-color: transparent; width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 90%; font-weight: bold; color: #F90;  }

#navhead3
{ margin-top: 5px; margin-bottom: 2px; background-color: transparent; width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 90%; font-weight: bold; color: #F90;  }

#navhome
{ margin-top: 1px; border-top: white 0px dotted; background-color: transparent; width: 90%; font-family: Arial, Helvetica, sans-serif; font-size: 75%; letter-spacing: 0.1em; text-transform: uppercase; font-weight: bold; color: white; padding : 5px 10px 5px 8px ;  }

#navhome a:link { color: white; text-decoration: none;  }
#navhome a:visited { color: white; text-decoration: none; border: 0px;  }
#navhome a:hover { text-decoration: underline; }
#navhome a:active { text-decoration: underline; color: #ff6600; }

#navigation
{ margin-top: 1px; border-top: white 1px dotted; background-color: transparent; width: 90%; font-family: Arial, Helvetica, sans-serif; font-size: 75%; letter-spacing: 0.1em; text-transform: uppercase; font-weight: bold; color: white; padding : 5px 10px 5px 8px ;  }

#navigation a:link { color: white; text-decoration: none;  }
#navigation a:visited { color: white; text-decoration: none; border: 0px;  }
#navigation a:hover { text-decoration: underline; }
#navigation a:active { text-decoration: underline; color: #ff6600; }

#navigation1
{ margin-top: 1px; border-top: white 1px dotted; background-color: transparent; width: 90%; font-family: Arial, Helvetica, sans-serif; font-size: 75%; letter-spacing: 0.1em; text-transform: uppercase; font-weight: bold; color: white; padding : 5px 10px 5px 8px ;  }

#navigation1 a:link { color: white; text-decoration: none;  }
#navigation1 a:visited { color: white; text-decoration: none; border: 0px;  }
#navigation1 a:hover { text-decoration: underline; }
#navigation1 a:active { text-decoration: underline; color: #ff6600; }

#navigation2
{ margin-top: 1px; border-top: white 1px dotted; background-color: transparent; width: 90%; font-family: Arial, Helvetica, sans-serif; font-size: 75%; letter-spacing: 0.1em; text-transform: uppercase; font-weight: bold; color: white; padding : 5px 10px 5px 8px ;  }

#navigation2 a:link { color: white; text-decoration: none;  }
#navigation2 a:visited { color: white; text-decoration: none; border: 0px;  }
#navigation2 a:hover { text-decoration: underline; }
#navigation2 a:active { text-decoration: underline; color: #ff6600; }

#navigation3
{ margin-top: 1px; border-top: white 1px dotted; background-color: transparent; width: 90%; font-family: Arial, Helvetica, sans-serif; font-size: 75%; letter-spacing: 0.1em; text-transform: uppercase; font-weight: bold; color: white; padding : 5px 10px 5px 8px ;  }

#navigation3 a:link { color: white; text-decoration: none;  }
#navigation3 a:visited { color: white; text-decoration: none; border: 0px;  }
#navigation3 a:hover { text-decoration: underline; }
#navigation3 a:active { text-decoration: underline; color: #ff6600; }

#navigation4
{ margin-top: 1px; border-top: white 1px dotted; background-color: transparent; width: 90%; font-family: Arial, Helvetica, sans-serif; font-size: 75%; letter-spacing: 0.1em; text-transform: uppercase; font-weight: bold; color: white; padding : 5px 10px 5px 8px ;  }

#navigation4 a:link { color: white; text-decoration: none;  }
#navigation4 a:visited { color: white; text-decoration: none; border: 0px;  }
#navigation4 a:hover { text-decoration: underline; }
#navigation4 a:active { text-decoration: underline; color: #ff6600; }

#navigation5
{ margin-top: 1px; border-top: white 1px dotted; background-color: transparent; width: 90%; font-family: Arial, Helvetica, sans-serif; font-size: 75%; letter-spacing: 0.1em; text-transform: uppercase; font-weight: bold; color: white; padding : 5px 10px 5px 8px ;  }

#navigation5 a:link { color: white; text-decoration: none;  }
#navigation5 a:visited { color: white; text-decoration: none; border: 0px;  }
#navigation5 a:hover { text-decoration: underline; }
#navigation5 a:active { text-decoration: underline; color: #ff6600; }

#navigation6
{ margin-top: 1px; border-top: white 1px dotted; background-color: transparent; width: 90%; font-family: Arial, Helvetica, sans-serif; font-size: 75%; letter-spacing: 0.1em; text-transform: uppercase; font-weight: bold; color: white; padding : 5px 10px 5px 8px ;  }

#navigation6 a:link { color: white; text-decoration: none;  }
#navigation6 a:visited { color: white; text-decoration: none; border: 0px;  }
#navigation6 a:hover { text-decoration: underline; }
#navigation6 a:active { text-decoration: underline; color: #ff6600; }

#navigation6b
{ margin-top: 1px; border-top: white 1px dotted; background-color: transparent; width: 90%; font-family: Arial, Helvetica, sans-serif; font-size: 75%; letter-spacing: 0.1em; text-transform: uppercase; font-weight: bold; color: white; padding : 5px 10px 5px 8px ;  }

#navigation6b a:link { color: white; text-decoration: none;  }
#navigation6b a:visited { color: white; text-decoration: none; border: 0px;  }
#navigation6b a:hover { text-decoration: underline; }
#navigation6b a:active { text-decoration: underline; color: #ff6600; }

#navigation7
{ margin-top: 1px; border-top: white 1px dotted; background-color: transparent; width: 90%; font-family: Arial, Helvetica, sans-serif; font-size: 75%; letter-spacing: 0.1em; text-transform: uppercase; font-weight: bold; color: white; padding : 5px 10px 5px 8px ;  }

#navigation7 a:link { color: white; text-decoration: none;  }
#navigation7 a:visited { color: white; text-decoration: none; border: 0px;  }
#navigation7 a:hover { text-decoration: underline; }
#navigation7 a:active { text-decoration: underline; color: #ff6600; }

#navigation8
{ margin-top: 1px; border-top: white 1px dotted; background-color: transparent; width: 90%; font-family: Arial, Helvetica, sans-serif; font-size: 75%; letter-spacing: 0.1em; text-transform: uppercase; font-weight: bold; color: white; padding : 5px 10px 5px 8px ;  }

#navigation8 a:link { color: white; text-decoration: none;  }
#navigation8 a:visited { color: white; text-decoration: none; border: 0px;  }
#navigation8 a:hover { text-decoration: underline; }
#navigation8 a:active { text-decoration: underline; color: #ff6600; }

#navigation9
{ margin-top: 1px; border-top: white 1px dotted; background-color: transparent; width: 90%; font-family: Arial, Helvetica, sans-serif; font-size: 75%; letter-spacing: 0.1em; text-transform: uppercase; font-weight: bold; color: white; padding : 5px 10px 5px 8px ;  }

#navigation9 a:link { color: white; text-decoration: none;  }
#navigation9 a:visited { color: white; text-decoration: none; border: 0px;  }
#navigation9 a:hover { text-decoration: underline; }
#navigation9 a:active { text-decoration: underline; color: #ff6600; }


#navigationon
{ margin-top: 1px; border-top: white 1px dotted; background-color: transparent; width: 90%; font-family: Arial, Helvetica, sans-serif; font-size: 75%; letter-spacing: 0.1em; text-transform: uppercase; font-weight: bold; color: #ff6600; padding : 5px 10px 5px 8px;  }

#navigationon a:visited { color: #F0E2DB; text-decoration: none; border: 0px;  }

#navhomeon
{ margin-top: 1px; border-top: white 0px dotted; background-color: transparent; width: 90%; font-family: Arial, Helvetica, sans-serif; font-size: 75%; letter-spacing: 0.1em; text-transform: uppercase; font-weight: bold; color: #F90; padding : 5px 10px 5px 8px;  }

#navhomeon a:visited { color: #F0E2DB; text-decoration: none; border: 0px;  }


#footer { clear: both;  width: 90%; margin: 5px auto; padding: .05em; background-color: transparent;  border: 0px solid #333333; text-align: center;  color: #000066; font: 70% Verdana, Arial, Helvetica, Tahoma, sans-serif; line-height: 150%; }
   
#footer a{color: #003366; }
#footer a:hover {  color: #E64A00; text-decoration: none; }

.happyhead { border-top: 1px solid white; padding: 10px 10px 10px 0px ; font-weight: bold; }
.happy { border-top : 1px solid silver; padding : 10px; font-size: 90%;}
.line { border-top: 1px solid silver; padding: 20px 0px 0px 0px; margin: 10px 0px  15px 0px}


.bodysmall { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 68%; }

.bold {font-weight: bold; }

.on { background-color: #ff6600; }
.caps {text-transform: uppercase;}
.color1 {color: #F90;}

#form { margin-left: 1em; }
