/* ######### Styles for Text, Headings Etc ######### */

h1
{
  font-family:Palatino linotype,Verdana,sans-serif;
  font-size:290%;
  color: #0064B5;
  margin: 0% 0% 0% 0%;
  padding:0em 0em 0em 0em;
}

h2
{
  font-family:Verdana,sans-serif;
  font-size:200%;
  margin: 0% 0% 0% 0%;
  padding-top:0.5em;
  color: #0064B5;
}

h3
{
  font-family:Verdana,sans-serif;
  font-size:80%;
  margin: 0% 0% 0% 0%;
  padding-top:0.5em;
}

h4
{
  font-family:Verdana,sans-serif;
  font-size:70%;
  margin: 0% 0% 0% 0%;
}


.screen-reader
{
  position:absolute;
  top:-1000em;
  left:0; /* Suppresses unnecessary horizontal scrolling */
}

p
{
  color:#525151;
}

a
{
  text-decoration:none;
}

a img 
{
border: none; 
}

.StandardText
{
  font-family:Verdana,sans-serif;
  font-size:80%;
}

.StandardTextBlue
{
  font-family:Verdana,sans-serif;
  font-size:80%;
  color: #0064B5;
}

.CentreStandardText
{
  font-family:Verdana,sans-serif;
  font-size:70%;
  text-align: center;
}

.CenterHeader
{
  text-align: center;
  position:relative;
  top:3em;
}

.LargeText
{
  font-family:Verdana,sans-serif;
  font-size:150%;
  text-align:center;
  color:#525151;
}

.LargeBullets
{
  padding-left:30%;
}

.BulletText
{
  font-family:Verdana,sans-serif;
  font-size:150%;
  color:#525151;
}


.RedText
{
  color: #B20000;
}

.RedLargeText
{
  font-family:Verdana,sans-serif;
  font-size:250%;
  color: #B20000;
  text-align:center;
}

.CentreTableCell
{
  font-family:Verdana,sans-serif;
  font-size:70%;
  text-align: center;
  padding:0.3em;
  border: 1px solid black;
}

.FloatleftText{
  font-family:Verdana,sans-serif;
  font-size:90%;
  float: left;
  clear: left;
}

.FloatrightText{
  font-family:Verdana,sans-serif;
  font-size:90%;
  float: right;
  clear: both;
}



/* ######### Styles for Images ######### */


.PictureArea{
text-align:center;
padding: 0% 0% 1% 0%;
clear:both;
}

.Picture{
margin-left:auto;
margin-right:auto;
width: 22em;
height: 14em;
text-align:left;
border: 1px solid #525151;
}

.Picture2{
margin-left:auto;
margin-right:auto;
width: 22em;
height: 22em;
text-align:left;
border: 1px solid #525151;
}

.Floatleft{
width: 40em;
height: 30em;
padding:0em 0em 1em 0em;
text-align:left;
}

.Floatleft2{
width: 8em;
height: 6em;
}


.ThumbPics
{
width:45%;
float:left;
}

.FloatCenter
{
float:center;
Margin-left:10px;
}

.FloatRight{
width:75%;
float:right;
padding-top:2em;
margin-right:1em;
text-align:right; 
}

.FloatRight2{
width:20%;
float:right;
padding-top:2em;
margin-right:1em;
text-align:right; 
}


.InlinePic
{
  width: 260px;
  height: 60px; 
  position:relative;
  top:0.55em;
}

/* ######### Styles for Menus/Backgrounds etc ######### */


.MainNav
{
text-align: center;
width:98%;
margin-top:0.1em;
}

.MainNav ul
{
margin: 0;
padding: 5px;
font-family:Verdana,sans-serif;
font-size:110%;
list-style-type: none;
}

.MainNav ul li
{
-moz-border-top-left-radius: 0.3em;
-webkit-border-top-left-radius: 0.3em;
border-top-left-radius:0.3em;
-moz-border-top-right-radius: 0.3em;
-webkit-border-top-right-radius: 0.3em;
border-top-right-radius:0.3em;
border: 2px solid #0064B5;
margin: 0;
padding: 5px;
display: inline;
text-decoration: none;
background-color:#FFFFFF;
}

.MainNav ul li a
{
color:#0064B5;
text-decoration: none;
}

.MainNav ul li:hover
{
background-color:#6699CC;
}

.MainNav ul li a:hover
{
color:#FFF;
}

.MainNav ul li.selected
{
  background-color:#6699CC;
}

.MainNav ul li.selected a
{
  color:#FFF;
  text-decoration: none;
}









.Footermenu ul
{
margin: 0;
padding: 0;
font-family:Verdana,sans-serif;
font-size:70%;
text-align: center;
list-style-type: none;
}

.Footermenu ul li
{
display: inline;
}

.white{
color: #FFFFFF;
}

.Footermenu ul li a
{
text-decoration: none;
padding:0.1em 0.1em;
border:1px solid #666666;
background-color:#FFF;
color:#0064B5;
}

.Footermenu ul li a:hover{
color:#000;
text-decoration: underline;
}


.MainTextArea{
text-align:left;
padding:0.5% 1% 0% 1%; 
background:#FFF;
border:  2px solid #0064B5;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius:1em;
}

body
{ 
  width:99%;
  margin:0.5em;
  background:#FFF;
}


/* ################ layout blocks ################################ */

#Wrapper{
  width:99%;
}

#body{
  width:100%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#0064B5'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#0064B5)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #FFF,  #0064B5); /* for firefox 3.6+ */
}

div.header
{
padding:0em 0em 3em 0em;
margin:none;
color:#0064B5;
clear:left;
background: url('../Images/HeaderBackground.jpg') no-repeat top right;
}

div.footer
{
width:95%;
padding:0.5em;
color:#FFFFFF;
clear:right;
}




div.column.two
{
width:90%; 
float:right;
}

div.column.three
{
width:5%; 
float:right; 
}


.thirtythirty
{
float:right;
width:30%;
height:70%;
}

.fiftyfifty
{
float:right;
width:65%;
background: #6699FF;
}


.thirtythirty2
{
float:right;
width:45%;
}

.fiftyfifty2
{
float:right;
width:50%;
}

.tablecolumn
{
float:left;
background: #CCCCFF;
}

.HeaderText{
width:20%;
}

/* ############################### styles for lists ################# */

.navigation
{
  list-style:none;
  margin:1em 2em;
}
.navigation li
{
  background:url('../images/arrowRightGreen.gif') no-repeat .2em .3em;
  padding-left:1em
}
.navigation p
{
  margin-top:1em; /* IE */
}
.navigation a
{
  text-decoration:underline; /* underline these links */
}


/* ############################### Contact form styles ################# */

.freecontactform {
width: 460px;
font-family: arial;
border: 1px solid #0064B5;
padding:10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.freecontactformheader {
font-size:18px;
font-weight:bold;
padding-top:10px;
padding-bottom:10px;
text-align:center;
}
.freecontactformmessage {
text-align:center;
padding-bottom:10px;
}
.freecontactform td {
padding:4px;
font-size:12px;
}
.freecontactform p {
padding:4px;
}
.freecontactform label {
padding:4px;
}
.freecontactform label {
padding-right:10px
}
.required {
font-weight:bold;
}
.required_star {
font-weight:bold;
color:#F00;
}
.not-required {
font-weight:normal
}
.antispammessage {
padding:10px;
border-top:1px solid #AAA;
border-bottom:1px solid #AAA;
font-weight:bold 
}
.antispamquestion {
font-weight:normal;
}
