/* Cascading Style Sheet for VigilanceofBrixham.co.uk website */ 


body             {font-family: arial,sans-serif; 
                  color: #cd7e30; /* rgb 205 126 48 */
                  background-color: #fcf2c2; /* rgb 252 242 194 */
                  text-align: left; font-size: 100%;} 

h1               {font-family: arial,sans-serif; 
                  color: #cd7e30; 
                  text-align: left; font-size: 100%;}
 h1.blue         {color: blue;}

h2               {text-align: center; font-size: 120%;}

h4.low           {font-family: arial,sans-serif; 
                  background-color: #F5C17A; 
                  font-size: 120%; 
                  margin-top: 2px; 
                  margin-bottom: 1em; 
                  padding-left: 5px;}

p                {font-family: arial,sans-serif;
                  text-align: left; font-size: 90%}
p.small          {font-family: arial,sans-serif; 
                  text-align: left; 
                  font-size: 85%}
p.nav            {font-family: arial,sans-serif; 
                  background-color: #F5C17A; 
                  text-align: left; padding-left: 5px; 
                  padding-top: 0.5em; 
                  padding-bottom: 0.5em; 
                  font-size: 90%}
p.head           {font-size:110%; 
                  font-weight: bolder; 
                  text-align: center;}

table.navigation {background-color: #F5C17A; font-size: 85%;}

table.menu       {background-color: #F5C17A;font-size: 90%;}		

table.tlink      {font-size: 90%; width: 100%;}		
 td.clink        {border-width: 3px; border-style: ridge;}
 td.clinkleft    {width: 30%; 
                  border-width: 3px; border-style: ridge; font-weight: 900;}

div.linklist    {}  /* defines the page layout where there is a left menu */
 #topmenu       {float: left; width: 100%;}
 #lftmenu       {float: left; font-size: 85%; padding-top:1em; 
                 margin-bottom: 1em; width:15%; font-family: arial,sans-serif; 
                 text-align: left; font-size: 70%}
 #main          {float:right; width: 84%; font-size: 85%; padding-top:1em; 
                 min-height: 21em; overflow: hidden; margin-bottom: 1em;}
 #mainfull      {float:left; width: 100%; padding-top:1em; 
                 min-height: 21em; overflow: hidden; margin-bottom: 1em;}
 #bottommenu    {float:left;  width: 100%;}

 table.cprog     {font-size: 90%; vertical-align:middle; color:blue; }
 a.clred         {color:red; }
 tr.cnonsail     {color:red; }
 tr.csailnew     {color:blue; background-color:yellow}
 tr.cnonsailnew  {color:red; background-color:yellow}
 span.cnonsail   {color:red}
 span.csail      {color:blue}
 span.cnonsailnew {color:red; background-color:yellow}
 span.csailnew   {color:blue; background-color:yellow}
 td.csailnew     {color:blue; background-color:yellow}
 td.cnonsailnew  {color:red; background-color:yellow}
 tr.cmhead       {color:blue;background-color:#F5C17A}
 tr.c9           {color:#cd7e30; }
 td.cevent       {width: 61%}
 td.ctime        {width: 17%}
 td.cday         {width: 10%}
 td.cdate        {width: 12%}
 td.ch4          {width:25%; background-color:yellow}
 td.ch3          {width:25%; color:red; }
 td.ch2          {width:25%; color:blue; }
 td.ch1          {width:25%}
 table.headpic   {width: 100%;}
 td.headpicl     {float: left; font-size: 65%;  width: "33.3%"; }
 td.headpicc     {font-size: 120%; width: "33.3%"; text-align: center}
 td.headpicr     {float: right; font-size: 65%;  width: "33.3%"; text-align: right}