/* ######### Styles for Text, Headings Etc ######### */

h1
{
  font-family:Palatino linotype,verdana,sans-serif;
  font-size:290%;
  color: #3333FF;
  margin:0em 0em 0em 0em;
  padding:0em 0em 0em 0em;
}

h2
{
  font-family:Verdana,sans-serif;
  font-size:150%;
  margin: 0% 0% 0% 0%;
  padding-top:0.5em;
  width:50%;
}

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%;
}

.footerlink
{
color:#FFFFFF;
}

.footerlink:visited
{
color:yellow;
}

.screen-reader
{
  position:absolute;
  top:-1000em;
  left:0; /* Suppresses unnecessary horizontal scrolling */
}

.CrumbTrailText{
  font-family:Verdana,sans-serif;
  font-size:70%;
}

.StandardText
{
  font-family:Verdana,sans-serif;
  font-size:80%;
}

.CentreStandardText
{
  font-family:Verdana,sans-serif;
  font-size:70%;
  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: left;
}



/* ########################## Styles for Tab Menu ############################ */


.halfmoon li a{
font-family:Verdana,sans-serif;
font-size:90%;
}

.halfmoon{
margin-bottom: 0em;
}

.halfmoon ul{
padding: 3px 9px 2px 0px;
margin-left: 0;
margin-top: 0;
margin-bottom: 0;
font-family:Verdana,sans-serif;
font-size:90%;
font-weight:bold;
text-align: left; /*set to left, center, or right to align the menu as desired*/
list-style-type: none;
border-bottom:0.1em solid #999999;
}

.halfmoon li{
display: inline;
margin: 0;
}

.halfmoon li a{
text-decoration: none;
margin-right: 1px; /*distance between each tab*/
border-left: 1px solid #CCCCCC;
color: #000000;
font-family:Verdana,sans-serif;
font-size:90%;
background: #CCCCFF url('../Images/HalfMoonTab4.gif') no-repeat top right;; margin-left:0; margin-top:0; margin-bottom:0; padding-left:0px; padding-right:9px; padding-top:3px; padding-bottom:2px
}

.halfmoon li a:visited{
color: #000000;
}

.halfmoon li a:hover{
background-color: #6699FF;
border-bottom: 1px solid #6699FF;
}

.halfmoon li.selected a{
background-color: #6699FF;
border-bottom: 0.2em solid #6699FF;
}

/* ######### Styles for Drop Down Menu ######### */

.dropmenudiv_e{
border-left:1px solid #333333; 
border-right:1px solid #333333; 
border-top:0px solid #333333; 
border-bottom:0px solid #333333; 
position:absolute;
top: 0;
/*THEME CHANGE HERE*/
font-family:Verdana,sans-serif;
font-size:70%;
line-height:18px;
z-index:100;
background-color: #CCCCFF;
width: 200px;
visibility: hidden
}

.dropmenudiv_e a{
border-left:0px solid #333333; border-right:0px solid #333333; border-top:0px solid #333333; border-bottom:1px solid #333333; width: auto;
display: block;
text-indent: 5px;
/*THEME CHANGE HERE*/
text-decoration: none;
color: #000000; padding-left:0; padding-right:0; padding-top:2px; padding-bottom:2px
}

* html .dropmenudiv_e a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_e a:hover{ /*THEME CHANGE HERE*/
background-color: #9999FF;
}

/* ######### 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 black;
}

.Floatleft{
width: 40em;
height: 30em;
padding:0em 0em 1em 0em;
text-align:left;
}

.Floatleft2{
width: 8em;
height: 6em;
}


.ThumbPics
{
width:100%;
float:left;
}

.FloatCenter
{
float:center;
Margin-left:10px;

width: 110px;
height: 10em; 
}



.FloatRight{
float:right;
clear:left;
width: 20em; 
height: 5em; 
}

/* ######### Styles for Menus/Backgrounds etc ######### */




.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:#CCCCCC;
color:#000000;
}

.Footermenu ul li a:hover{
background-color:#666666;
color:#FFFFFF;
}

.MainTextAreaPANDA{
text-align:left;
padding:0.5% 2% 2% 2%; 
background:#6699FF;
border: 1px solid #6699CC;
}
.MainTextAreaPANDA2{
text-align:left;
padding:0.5% 2% 2% 2%; 
background:#6699FF;
border: 1px solid #6699CC;
}

.MainTextArea{
text-align:left;
padding:0.5% 1% 0% 1%; 
background:#6699FF;
border: 1px solid #6699CC;
}

body
{
  background:url('../Images/clouds.jpg');
}


/* ################ layout blocks ################################ */


div.header
{
padding:0em 0em 2em 0em;
margin:none;
color:#3333FF;
clear:left;
background: url('../Images/Picture4.png') no-repeat top right;
}

div.footer
{
padding:0.5em;
color:#FFFFFF;
clear:left;
}


div.column.one
{
width:5%; 
float:left; 
clear:right; 
margin:0; 
padding:0;
}

div.column.two
{
width:90%; 
float:left; 
clear:right; 
}

div.column.three
{
width:4%; 
float:left; 
clear:right; 
margin:0; 
padding:0;
}


.thirtythirty
{
float:right;
width:40%;
height:70%;
}

.fiftyfifty
{
width:50%;
background: #6699FF;
}


.thirtythirty2
{
float:right;
width:45%;
}

.fiftyfifty2
{
float:right;
padding: 1px;
width:50%;
}

.tablecolumn
{
float:left;
background: #CCCCFF;
}

.clearfix
{
clear:both;
}

/* ############################### 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 */
}

/* ############################## promo styles ####################### */

.promo{
  background: #fff;
  border: 2px solid red;
  width: 95%;
  font-family:Verdana,sans-serif;
  font-size:150%;
  color: #ff0000;
  padding:0.3em 0.3em;
  margin: 0.2em;
  text-align: center;
}