/* 
   default text styles 
*/
BODY  
	{ 
	  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	  font-size: 10pt;
	  color:#000000;
	  font-weight:normal;
	  background-color: #bac5b4;
	  margin-top: 20px;
	  margin-bottom: 10px;
	  margin-right: 60px;
	  margin-left: 60px;
	}
TD, P 
	{ 
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 10pt; 
	}

   link colours 
*/
A   	{ color: #333366; text-decoration: none; }
A:link	{ color: #333366; text-decoration: none; }
A:visited { color: #333366; text-decoration: none; }
A:hover	{ color: #333366; text-decoration: underline;}
A:active { color: #333366; }
/* 
   text styles 
*/
img { border: none;  }
img.thumb { float: left; }

/* table styles */
 table { font-family: Verdana, Geneva, sans-serif; font-size: 12px; }

.heading { font-size: 12px; font-weight: bold; background-color: #666677; color: #dddddd; border: 1px; border-style: solid;}
.oddrow { background-color: #ffffff; }
.evenrow { background-color: #eeffee; }

.gallery { 
	float: left; 
	width: 20%; 
	border-width: thin;
	border-style: dashed;
	padding: 5px;
	}
	


/* id selectors - should only be used once on a page with <div id="section1"> or <h1 id=...> etc */

/* general classes .classname.   Specific classes have a element selector
*/
.logo { font-family: "Pepita MT";  font-size: 30px;
	text-align: centre;
/*	float: right;   */
	padding-top: 1px;
/*	padding-right: 30px; */
      }

.logo:first-letter {font-size: 40px}

.title
{	font-family: "Pepita MT";
    font-size: 30px;
	margin-right: 10px;
	text-align: left;
	border-style: solid;
	border-top-width: thin;
	border-right-width: medium;
	border-bottom-width: thick;
	border-left-width: 25px;
	padding: 2px;
	background-color:#9E91A3;
    } 
.title:first-letter {font-size: 40px}

.menu {
   text-align: center;}

.footer {
   text-align: center; }

.navbarspacer 
{ 	  width: 2px; 
      height: 10px;
	  border-width: thin;
	  background-color: black;
	  background-image: url(../images/something.jpg);
}

.caption  /* photo captions on all pages */
	{ 
	  font-size: 10px; 	
	}

.inputform
{
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 10px;
    margin-bottom: 10px;
	border-width: thin;
	border-style: dashed;
	padding: 5px;
}
/* for information messages 
*/

.info {
   color: red;
   text-align: center; }