div.redtext {
                  font-size: 2em;
                   color: red;
                  
          }

div.blacktext {
                  font-size: 2em;
                   color: black;
                  
          }


div.article {
              margin: 0;
              }
  
       
div.mazeexits {

                  clear: both;
                  margin: 10px; 
         }
         
div.mazeel {
                  display: block;
                  clear: both;
         }
div.mazeimage {
                  margin: 5px; 
                  float: left;
                  width: 50px;
         }

div.fullimage {width: 400px;
               margin: 10px; 
               float: left; 
               clear left;
              }


div.leftimage {margin: 10px; 
               float: left; 
              }

div.rightimage {margin: 10px; 
               float: right; 
              }
              
div.featureimage {float: right;
				margin: 10px 30px 10px 0px;
				}
              
div.spacer {
  clear: both;
  }
  
div.centreimage { text-align: center; 
				margin: 10px; 
				}

div.rightcaptionimage
              {margin: 10px; 
               float: right; 
              }
 div.rightcaption
              {margin: 10px; 
               float: right; 
              }
           
div.royalsocphoto {margin: 10px; 
                   float: right; 
                   width: 200px;
                  }
div.royalsoccredit {text-align: center;}

  
div.pullquote {float: right; 
               width: 160px; 
               font: bold 1em Arial, Helvetica, Verdana, sans-serif;
               border: solid red; 
               border-width: 7px 0;
               padding: 3px 2px;
               margin: 1px 7px;
              }

div.leftpullquote {float: left; 
               width: 160px; 
               font: bold 1em Arial, Helvetica, Verdana, sans-serif;
               border: solid red; 
               border-width: 7px 0;
               padding: 3px 2px;
               margin: 1px 7px;
              }
 
        
div.logoblock {
                  background-color: white;
                  border: solid black;
                  border-width: 1px 1px 1px 1px;
                  text-decoration: none;
                  margin: 0 0 1em 0;
                  
                  width:100%;
                  clear: right;

               }
               
div.logoblock p {  
                  color: black;

                  margin: 1em 1em 1em 1em;}               
       
div.morelinks {
                  background-color: black;
                  border: solid red;
                  border-width: 1px 1px 1px 1px;
                  text-decoration: none;
                  margin: 0 0 1em 0;
                  
                  width:100%;
                  clear: right;

               }

div.morelinks h1 {   
                  text-align: center;
                  padding: 1em 1em 0 1em;} 

div.morelinks h2 {   
                  text-align: left;
                  padding: 1em 1em 0 1em;} 
                 
div.morelinks a {  display: block; 
                  margin: 1em 2em;}  

div.morelinks p {  
                  margin: 0 1em 0 1em;}  



div.pullbox {
                  color: #72807E ;
                  background-color: white;
                  border: solid red;
                  border-width: 2px 2px 2px 2px;
                  text-decoration: none;
                  margin: 0 0 1em 0;
                  
                  width:100%;
                  clear: right;

               }

div.pullbox h1 {   
                  text-align: center;
                  padding: 1em 1em 0 1em;} 
                 
div.pullbox a {   
                  
                  color: red;
              } 

div.pullbox p {  
                  margin: 1em 1em 1em 1em;}  
                   

                   
div.morehidden {
                  color: black;
                  margin: 0 2em;
               }
div.mainhidden {
                  color: #72807E ;
                  margin: 0;
                  padding 0;
               }
               
div.sharing {
                  background-color: black;
                  border: solid white;
                  border-width: 1px 1px 1px 1px;
                  text-decoration: none;
                  margin: 3em 0 1em 0;
                  
                  width:100%;
                  clear: right;

               }

div.sharing h1 {
				text-align: center;
				padding: 1em 1em 0 1em;
				}
				
div.sharing p	{
				text-align: center;
				}

             
div.limericks {
                 
              }
              
span.limerickauthor {
                  text-align: right;
                 font-style: italic;
                  
              }
form.cs4fnform {
   margin: 0px 0px 0px 0px;
   width: 400px;
}

fieldset.cs4fncs4fnfieldset {
   margin: 0px 0px 0px 0px;
   width: 400px;
}
         
label.competition {
	width: 8em;
	float: left;
	text-align: right;
	margin-right: 0.5em
	display: block
}

label.questions {
	width: 24em;
	float: left;
	text-align: right;
	margin-right: 0.5em
	display: block
}

label.questionnaire {
	font-weight: bold;
	float: left;
	text-align: left;
	margin-left: 0.5em
	display: block
}


p.clear{
     clear: left;
}


span.code {
                  font-size: 1em;
                   color: yellow;
                  
          }

pre.code {
                  font-size: 1.2em; 
                   color: yellow;
          }
          
div.bit {
              margin: 0;
        }
        
div.bit_intro_blurb {
	margin-right: 225px;
}


div.bit h1 {   
                  color: yellow;
                  font-style: italic;

           } 

div.bit h2 {   
                  color: yellow;
                  font-style: italic;

           } 
                 

div.bit p {  
                  font-size: 1.2em; 
          }  

div.bit a {  color: yellow;
          } 
          
div.bit_intro_blurb p {  
                  font-size: 1.2em; 
          }  

div.bit_intro_blurb a {  color: yellow;
          }  

      
div.morebitlinks {
                  background-color: black;
                  border: solid red;
                  border-width: 1px 1px 1px 1px;
                  text-decoration: none;
                  margin: 0 0 1em 0;
                  
                  width:100%;
                  clear: right;

               }

div.morebitlinks h1 {   
                  text-align: center;
                  padding: 1em 1em 0 1em;} 
                 
div.morebitlinks a {  
                  color: yellow;

                  display: block; 
                  font-size: 1.2em; 
                  margin: 1em 2em;}  

div.morebitlinks p {  
                  font-size: 1.2em; 
                  margin: 0 1em 0 1em;}  
                  
                  
                  .hot_right {
	width: 45%;
	float: right;
}

div.bithot_right a {
                  color: yellow;
                  font-size: 1.2em; 
}

div.bithot a {
                  color: yellow;
                  font-size: 1.2em; 
}

div.bithot_right {
	width: 45%;
	float: right;
}
div.bithot_right img {
	float: left;
	margin: 0px 10px 0px 0px;
	border: 1px solid white;
}
div.bithot_right h2 {
	background-color: #D3EDEB;
	color: #72807E;
	padding: 0px 3px 0px 3px;
}
div.bithot {
	width: 45%;
}
div.bithot img {
	float: left;
	margin: 0px 10px 0px 0px;
	border: 1px solid white;
}
div.bithot h2 {
	background-color: #D3EDEB;
	color: #72807E;
	padding: 0px 3px 0px 3px;
}