﻿/*
CSS file for Voluntary Action Lewis' Website
Created on 16 Feb 2004
*/


/*
VAL SECTION
*/


a.VAL_menu:link, a.VAL_menu:visited, a.VAL_menu:active, a.VAL_menu:hover, a.VAL_menu_chosen:link, a.VAL_menu_chosen:active, a.VAL_menu_chosen:visited, a.VAL_menu_chosen:hover
{
	font-family: Arial, verdana, Helvetica, sans-serif;
	font-size: 7.5pt;
	width: 100%;
	line-height: 14pt;
	font-weight:bold;
	text-decoration: none; 
	color: #CC0033;
	background-color: #FFCCCC;
	border-width:1.5pt;
	border-style: solid;
	border-color: #FFCCCC;
}

a.VAL_menu:hover, a.VAL_menu_chosen:link, a.VAL_menu_chosen:active, a.VAL_menu_chosen:visited, a.VAL_menu_chosen:hover
{ 
   	background-color: #FFFFFF;
	border-style: dotted;
	border-color: #FFCCCC;
	border-width:1pt;
}


a.VRC_menu:link, a.VRC_menu:visited, a.VRC_menu:active, a.VRC_menu:hover, a.VRC_menu_chosen:link, a.VRC_menu_chosen:active, a.VRC_menu_chosen:visited, a.VRC_menu_chosen:hover
{
	font-family: Arial, verdana, Helvetica, sans-serif;
	font-size: 7.5pt;
	width: 100%;
	line-height: 14pt;
	font-weight:bold;
	text-decoration: none; 
	color: #003366;
	background-color: #84C1DF;
	border-width:1.5pt;
	border-style: solid;
	border-color: #84C1DF;
}

a.VRC_menu:hover, a.VRC_menu_chosen:link, a.VRC_menu_chosen:active, a.VRC_menu_chosen:visited, a.VRC_menu_chosen:hover
{ 
   	background-color: #FFFFFF;
	border-style: dotted;
	border-color: #84C1DF;
	border-width:1pt;
}

a.VAT_menu:link, a.VAT_menu:visited, a.VAT_menu:active, a.VAT_menu:hover, a.VAT_menu_chosen:link, a.VAT_menu_chosen:active, a.VAT_menu_chosen:visited, a.VAT_menu_chosen:hover
{
	font-family: Arial, verdana, Helvetica, sans-serif;
	font-size: 7.5pt;
	width: 100%;
	line-height: 14pt;
	font-weight:bold;
	text-decoration: none; 
	color: #003300;
	background-color: #8AD56A;
	border-width:1.5pt;
	border-style: solid;
	border-color: #8AD56A;
}

a.VAT_menu:hover, a.VAT_menu_chosen:link, a.VAT_menu_chosen:active, a.VAT_menu_chosen:visited, a.VAT_menu_chosen:hover
{ 
   	background-color: #FFFFFF;
	border-style: dotted;
	border-color: #8AD56A;
	border-width:1pt;
}

a.skip:link, a.skip:visited,a.skip:active,a.skip:hover
{
	font-size: 1pt;
	color: #FFFFFF;
}



a.VAL_submenu:link, a.VAL_submenu:active, a.VAL_submenu:visited, a.VAL_submenu:hover
{
	font-family: Arial, verdana, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: italic;
	line-height: 14pt;
	font-weight:bold;
	text-decoration: none; 
	color: #CC3333;
}

a.VAL_submenu:hover
{
	color: #996633;
}

a.VAT_submenu:link, a.VAT_submenu:active, a.VAT_submenu:visited, a.VAT_submenu:hover
{
	font-family: Arial, verdana, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: italic;
	line-height: 14pt;
	font-weight:bold;
	text-decoration: none; 
	color: #006600;
}

a.VAT_submenu:hover
{
	color: #996633;
}

a.VRC_submenu:link, a.VRC_submenu:active, a.VRC_submenu:visited, a.VRC_submenu:hover
{
	font-family: Arial, verdana, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: italic;
	line-height: 14pt;
	font-weight:bold;
	text-decoration: none; 
	color: #003366;
}

a.VRC_submenu:hover, a.default:hover
{
	color: #996633;
}

a.default:link, a.default.active, a.default:visited, a.default:hover
{
	font-family: Arial, verdana, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none;
	font-style: italic;
	color: #0000FF;
	font-weight:normal;
}

a.dir:link, a.dir.active, a.dir:visited, a.dir:hover
{
	width: 100%;
	font-family: Arial, verdana, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none;
	color: #990000;
	font-weight:normal;
	background-color: #FFCC99;
	border-width:1.5pt;
	border-style: solid;
	border-color: #FFCC99;
}

a.dir:hover
{
	background-color: #FFFFFF;
	border-style: dotted;
	border-color: #84C1DF;
	border-width:1pt;
}

a.dir:visited
{
	color: #666633;
}


a.letters:link, a.letters:active, a.letters:visited, a.letters:hover
{
	font-family: Arial, verdana, Helvetica, sans-serif;
	font-size: 18pt;
	color: #990000;
	font-weight:bold;
	line-height: 22pt;
	text-decoration: none;
}

a.letters:hover
{
	color: #FFCC33;
}

a.letters:visited
{
	color: #666633;
}

a.letters:visited
{
	color: #336633;
}


a.default:hover
{
	color: #996633;
}

td.body
{
	height:30pt;
	font-family: Arial, verdana, Helvetica, sans-serif;
	line-height: 12pt;
	font-size: 8pt;
	color: #000000;
}

td.smallstats
{
	height:20pt;
	font-family: Arial, verdana, Helvetica, sans-serif;
	line-height: 9pt;
	font-size: 10pt;
	color: #000000;
}

td.smallstatsc
{
	height:20pt;
	font-family: Arial, verdana, Helvetica, sans-serif;
	line-height: 8pt;
	font-size: 7.5pt;
	color: #000000;
	text-align: center;
}
/* start of styles added by Ali */
td.eventop 
{
	height:30pt;
	font-family: Arial;
	font-size: 12pt;
	color: #0000FF;
	text-align: right;
	
}










/* End of Styles Added by Ali */





td.date
{
	font-family: Arial, verdana, Helvetica, sans-serif;
	font-size: 6.5pt;
	color: #000000;
	text-align: right;
	font-weight:bold;
}


p.cats
{
	font-size: 8pt;
	font-family: Arial, verdana, Helvetica, sans-serif;
	color: #000099;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

p
{

	font-family: Arial, verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}

p.news
{

	font-family: Arial, verdana, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}

p.pos
{
	text-align: justify;
}

p.centre {
		text-align: center;
	}
	
p.caption
{

	font-family: Arial, verdana, Helvetica, sans-serif;
	font-size: 6.5pt;
	color: #000000;
	font-style: italic;
}

h1, h2
{
	font-family: Arial, verdana, Helvetica, sans-serif;
	font-size: 12pt;
	color: #000000;
	font-weight:bold;
	text-align: left;
	margin-bottom: -12px
}

h2
{
font-size: 16pt;
text-align: center;
}

h4
{
	font-size:11pt;
}

 #header {
      float:left;
      width:100%;
	  background:#DAE0D2 url("images/bg.gif") repeat-x bottom;
      font-size:80%;
	  font-family: Arial, verdana, Helvetica, sans-serif;
      line-height:normal;
      }
    #header ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #header li {
      float:left;
      background:url("images/left.gif") no-repeat left top;
      padding:0 0 0 9px;
      }

    #header a {
      float:left;
      display:block;
      background:url("images/right.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#765;
      }
    /* Commented Backslash Hack
       hides rule from IE5-Mac \*/
    #header a {float:none;}
    /* End IE5-Mac hack */
    #header a:hover {
      color:#333;
      }
    #header #current {
      background-image:url("images/lefton.gif");
      border-width:0;
      }
    #header #current a {
      background-image:url("images/righton.gif");
      color:#333;
      padding-bottom:5px;
      }
	  #header #vat {
      background-image:url("images/leftgreen.gif");
      border-width:0;
      }
    #header #vat a {
      background-image:url("images/rightgreen.gif");
      color:#333;
      padding-bottom:5px;
      }
	  #header #vrc {
      background-image:url("images/leftblue.gif");
      border-width:0;
      }
    #header #vrc a {
      background-image:url("images/rightblue.gif");
      color:#333;
      padding-bottom:5px;
      }

	#header #index {
      background-image:url("images/leftgold.gif");
      border-width:0;
      }
    #header #index a {
      background-image:url("images/rightgold.gif");
      color:#333;
      padding-bottom:5px;
	  }
      



 #blue_header {
      float:left;
      width:100%;
	  background:#DAE0D2 url("images/bgblue.gif") repeat-x bottom;
      font-size:80%;
	  font-family: Arial, verdana, Helvetica, sans-serif;
      line-height:normal;
      }
    #blue_header ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }


    #blue_header li {
      float:left;
      background:url("images/leftblue.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      }
    #blue_header a {
      float:left;
      display:block;
      background:url("images/rightblue.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#765;
      }
    /* Commented Backslash Hack
       hides rule from IE5-Mac \*/
    #blue_header a {float:none;}
    /* End IE5-Mac hack */
    #blue_header a:hover {
      color:#333;
      }
    #blue_header #current {
      background-image:url("images/leftonblue.gif");
      border-width:0;
      }
    #blue_header #current a {
      background-image:url("images/rightonblue.gif");
      color:#333;
      padding-bottom:5px;
      }
	  #blue_header #val {
      background-image:url("images/left.gif");
      border-width:0;
      }
    #blue_header #val a {
      background-image:url("images/right.gif");
      color:#333;
      padding-bottom:5px;
      }
	  #blue_header #vat {
      background-image:url("images/leftgreen.gif");
      border-width:0;
      }
    #blue_header #vat a {
      background-image:url("images/rightgreen.gif");
      color:#333;
      padding-bottom:5px;
      }

	#blue_header #index {
      background-image:url("images/leftgold.gif");
      border-width:0;
      }
    #blue_header #index a {
      background-image:url("images/rightgold.gif");
      color:#333;
      padding-bottom:5px;
	  }
      


	  #green_header {
      float:left;
      width:100%;
	  background:#DAE0D2 url("images/bggreen.gif") repeat-x bottom;
      font-size:80%;
	  font-family: Arial, verdana, Helvetica, sans-serif;
      line-height:normal;
      }
    #green_header ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }

    #green_header li {
      float:left;
      background:url("images/leftgreen.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      }
    #green_header a {
      float:left;
      display:block;
      background:url("images/rightgreen.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#765;
      }
    /* Commented Backslash Hack
       hides rule from IE5-Mac \*/
    #green_header a {float:none;}
    /* End IE5-Mac hack */
    #green_header a:hover {
      color:#333;
      }
    #green_header #current {
      background-image:url("images/leftongreen.gif");
      border-width:0;
      }
    #green_header #current a {
      background-image:url("images/rightongreen.gif");
      color:#333;
      padding-bottom:5px;
      }
	  #green_header #val {
      background-image:url("images/left.gif");
      border-width:0;
      }
    #green_header #val a {
      background-image:url("images/right.gif");
      color:#333;
      padding-bottom:5px;
      }
	#green_header #vrc {
      background-image:url("images/leftblue.gif");
      border-width:0;
      }
    #green_header #vrc a {
      background-image:url("images/rightblue.gif");
      color:#333;
      padding-bottom:5px;
      }
	#green_header #index {
      background-image:url("images/leftgold.gif");
      border-width:0;
      }
    #green_header #index a {
      background-image:url("images/rightgold.gif");
      color:#333;
      padding-bottom:5px;
      }

	  #indexheader {
      float:left;
      width:100%;
	  background:#DAE0D2 url("images/bggold.gif") repeat-x bottom;
      font-size:80%;
	  font-family: Arial, verdana, Helvetica, sans-serif;
      line-height:normal;
      }
    #indexheader ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }


    #indexheader li {
      float:left;
      background:url("images/leftgold.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      }
    #indexheader a {
      float:left;
      display:block;
      background:url("images/rightgold.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#765;
      }
    /* Commented Backslash Hack
       hides rule from IE5-Mac \*/
    #indexheader a {float:none;}
    /* End IE5-Mac hack */
    #indexheader a:hover {
      color:#333;
      }
    #indexheader #current {
      background-image:url("images/leftongold.gif");
      border-width:0;
      }
    #indexheader #current a {
      background-image:url("images/rightongold.gif");
      color:#333;
      padding-bottom:5px;
      }
	  #indexheader #val {
      background-image:url("images/left.gif");
      border-width:0;
      }
    #indexheader #val a {
      background-image:url("images/right.gif");
      color:#333;
      padding-bottom:5px;
      }
	  #indexheader #vat {
      background-image:url("images/leftgreen.gif");
      border-width:0;
      }
    #indexheader #vat a {
      background-image:url("images/rightgreen.gif");
      color:#333;
      padding-bottom:5px;
      }

	#indexheader #vrc {
      background-image:url("images/leftblue.gif");
      border-width:0;
      }
    #indexheader #vrc a {
      background-image:url("images/rightblue.gif");
      color:#333;
      padding-bottom:5px;
	  }



	
