/* FONT */
body { font-family: Arial, Helvetica, Verdana, sans-serif }
p, h1, h2, h3, h4, h5, h6, ul, ol, td, th { font-family: Arial, Helvetica, Verdana, sans-serif }

h1 { font-weight: 800; font-style: normal;  }
h2 { font-weight: 700; font-style: normal; }
h3, .subheading { font-weight:700; }
code, samp, kbd { font-family: "Lucida Console", "Courier", monospace; }
code, samp, kbd { font-size: 1em; font-weight: normal; }
.linkbar { font-size: 12px; font-weight: normal; padding: 2px; }
.linknav { font-size: 12px; font-weight: normal; padding: 1px; }
.linknavsm {  font-size: 12px;font-weight: normal; padding: 1px; }
.searchbutton { font-size: smaller; font-weight: 600}

/*font-size: smaller;*/
/*LAYOUT*/
table {margin-top: 0px; margin-bottom:0px; }	
.left { text-align:left; }

/* COLOUR */
body { color: #333333; background: white; }
h1, .subheading { color: #666666; background: transparent; }
h1 { color:#666666; background: transparent; }
h2{ color:#999999; background: transparent; }
h3 { color:#3366cc; background: transparent; }
h4 { color:#333399; background: transparent; }
h5 { color:#666666; background: transparent; }
p { color: #333333; background: transparent; }
.linkbar { color: #FFFFFF; background: transparent;}
.linknav { color: #666666; background: transparent; }
.footer { color: #3366CC; background: transparent; }
div.infobox { color: #000000; background: #FFFFDD; }
.paleblue { background-color:#99ccff;}
.paleblue1 { color: #99ccff; }

/* background-color:#99ccff;*/
.searchbutton { color: #FFFFFF; background-color: #003399; }
.midblue { background-color: #3366cc; }
.280blue { background-color: #003399;  } 
 

/* DECORATION*/
a:link	{ text-decoration : none; } 	
a:visited	{ text-decoration : none;  }
a:link:active, :visited:active { text-decoration :none; } 	 	
a:link:hover { text-decoration :underline; } 	 

/* LINK COLOURS */
a:link	{ color:#0000ff; background: transparent; } 	
a:visited	{ color:#000099 ; background: transparent; }
a:link:active, :visited:active { color:#ff9933 ; background: transparent; } 	 	
a:link:hover { color:#ff6600 ; background: transparent; } 
a.bar:link	{font-size:12px; color:#ffffff; background: transparent; } 
a.bar:visited	{ color:#ffffff ; background: transparent; }	
a.bar:hover { color:#ffffff ; background: 6699ff; }
a.text:link { color:#ffffff ; background: transparent; font-size: 14px;}
a.text:visited { color:#ffffff ; background: transparent; font-size: 14px; }
a.text:hover { color:#ffcc99 ; background: transparent; font-size: 14px;}


span.textonly{ font-size: 14px; }


.box { vertical-align: top; border: none; background-color: #3366CC; background: transparent; }



/*SPECIFIC TO EVISION PAGES*/


a:link.acon	{ text-decoration : none; color:#0000ff; background: transparent; font-weight:bold} 	
a:visited.acon	{ text-decoration : none; color:#0000ff; background: transparent; font-weight:bold }
a:hover.acon    { text-decoration :underline;  color:#ffcc99 ; background: transparent; font-weight:bold } 	 

.menuheads {  font-weight: bold; color: #FFFFFF; text-align: left; vertical-align: bottom }
.pagefooter { font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 10px;  background-color: #FFFFFF; font-weight: normal}
.contact{  font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: smaller; background-color: #FFFFFF; font-weight: bold}
.contact1{  font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: smaller; background-color: #FFFFFF; font-weight: normal}
.navbar{  font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: smaller;  font-weight: normal}
.navheader{  font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: smaller; color: #FFFFFF; font-weight: bold}

/*some data in tables needs to be smaller to allow it to fit on the screen - use this class. It still allows the user*/
/*to amend the font size in their browser*/
.smaller{  font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: smaller;  font-weight: normal}

.date { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:9px; font-weight: normal; }

/*these three classes are for table headings and cell headings using the two Bath blue colors*/
.headingDarkBlue {  font-family:  Arial, Verdana, Helvetica, sans-serif; color: #ffffff;  background-color: #003399; font-weight: bold}
.headingDarkBlueSmall {  font-family:  Arial, Verdana, Helvetica, sans-serif; color: #ffffff; font-size: smaller; background-color: #003399; font-weight: bold}
.cellHeadingLightBlue { font-family:  Arial, Verdana, Helvetica; font-size: smaller; sans-serif; color: #000000;  background-color: #99ccff; font-weight: bold}


/******************************************************/
/* Message box definitions                            */
/******************************************************/
#sitsmessagebox {
margin:5px;

}
.sitsmessagetitlesection

{           width:95%;             
            border: 1px solid #b7d6e6;
            font-family: Arial, Verdana,  Helvetica, sans-serif;  
            color: #FFFFFF;
            background-color: #b7d6e6; /* used if image not available */
}

p.sitsmessagetitleicon {            
            float:left;
            margin:0px;
            padding:3px;
}

h2.sitsmessagetitle  {           
            font-size:75%;   
            font-weight: bold;
            margin:3px;
            padding:3px;
            float:left;
}

p.sitsmessagecode {
            font-size:65%;
            font-weight:bold;
            text-transform:capitalize;
            margin:3px;
            padding:3px;
            text-align:right;
}

.sitsmessagecontentsection {
            margin-bottom:20px;  /* spacing after message box */
            border: 1px solid #039; 
            width:95%;
            background-color: #FFFFFF;
            margin-bottom:20px;  
} 

p.sitsmessagecontenticon {
            float:left;
            margin:0px;
            padding:3px;
}

p.sitsmessagecontent {
            font-family: Arial, Verdana,  Helvetica, sans-serif;
            font-size:75%;
            margin:3px;
            padding:3px;      
            margin-bottom:6px;
}