/*
   #696969;   - dark dim grey
   #000033;   - Dark Blue
   #EF872F;   - orange
*/

/* Define basic tag default styles */
/* IMPORTANT CLASS name REMOVECLASS must not be used as it is an editor key word */
h1{ font-family: Verdana,Arial,sans-serif; color: #0A78B8; font-size: large; font-weight: 900;}
h2{font-family: Verdana,Arial,sans-serif; color: #000033; font-size: large; font-weight: 900;}
h3{font-family: Verdana,Arial,sans-serif; color: #0A78B8; font-size: small; font-weight: 900;}
h4{font-family: Verdana,Arial,sans-serif; color: #000033; font-size: small; font-weight: 900;}
h5{font-family: Verdana,Arial,sans-serif; color: #0A78B8; font-size: x-small; font-weight: 900;}
h6{font-family: Verdana,Arial,sans-serif; color: #000033; font-size: x-small; font-weight: 900;}
p{ font-family: Verdana,Arial,sans-serif; color: #000033; font-size:  x-small; font-weight: normal;}
span{ font-family: Verdana,Arial,sans-serif; color: #000033; font-size:  x-small; font-weight: normal;}
div{ font-family: Verdana,Arial,sans-serif; color: #000033; font-size:  x-small; font-weight: normal;}
td{ font-family: Verdana,Arial,sans-serif; color: #000033; font-size: x-small;  font-weight: normal; text-align: left; vertical-align: top; padding-right: 10px; padding-bottom: 10px; padding-left: 0px; padding-top: 0px; margin: 0px;}

pre{
  font-size: small;
}

address{
   font-size: small; 
}

.img-shadow {
  float:left;
  background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/images/shadow.gif) no-repeat bottom right;
  margin-bottom: 20px;
  }

.img-shadow img {
  display: block;
  position: relative;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 0px;
  }

 .img-shadow-border{
  float:left;
  background: url(/images/shadowAlpha.png) no-repeat bottom right !important; 
  background: url(/images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow-border img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }


/* Define heading styles which can be applied as a class to all elements */
.h1{ font-family: Verdana,Arial,sans-serif; color: #0A78B8; font-size: large; font-weight: 900;}
.h2{font-family: Verdana,Arial,sans-serif; color: #000033; font-size: large; font-weight: 900;}
.h3{font-family: Verdana,Arial,sans-serif; color: #0A78B8; font-size: small; font-weight: 900;}
.h4{font-family: Verdana,Arial,sans-serif; color: #000033; font-size: small; font-weight: 900;}
.h5{font-family: Verdana,Arial,sans-serif; color: #0A78B8; font-size: x-small; font-weight: 900;}
.h6{font-family: Verdana,Arial,sans-serif; color: #000033; font-size: x-small; font-weight: 900;}

/* edit enable dummy class */

.contentEdit{



}

/* element notification class */
.element{

}

.element_view{
   border: 1px #FF3300 solid;
   background-color: #A6A6A6;
   filter:alpha(opacity=15);
   
}
.content_SELECTED{
   border: 1px #FF3300 dotted;
   background-color: #EEEEEE;

}

/*layout classes */
.leftSide_EDIT{
     clear: left;
     float: left;
     width: 360px;
     margin: 0px;
     padding-left: 20px;
     padding-right: 17px;
}

.leftSide{
     clear: left;
     float: left;
     width: 357px;
     margin: 0px;
     padding-left: 20px;
     padding-right: 20px;
    /*background-color: #FFE4B5; */

}
.rightSide{
     float: right;
     width: 200px;
     padding-left: 79px;
     padding-right: 20px;

}

.rightSide_EDIT{
     float: right;
     width: 210px;
     padding-left: 74px;
     padding-right: 15px;

}

.rightFloat{
  float: right;
}

.leftFloat{
 float:  left;
}

.clearBoth{
   clear: both;
}


.clearRow50{
  width: 100%;
  float: left;
  clear: both;
  margin-top: 50px;
}

.clearRow25{
  width: 100%;
  float: left;
  clear: both;
  margin-top: 25px;
}

.clearRow10{
  width: 100%;
  float: left;
  clear: both;
  margin-top: 10px;
}

.rightImageTop{
  float: right;
  clear: both;
  margin-top: 0px;
  margin-bottom: 5px;
  margin-right: 0px;
  margin-left: 5px;


}
.leftImageTop{
  float: left;
  clear: both;
  margin-top: 0px;
  margin-bottom: 5px;
  margin-right: 5px;
  margin-left: 0px;
}

.rightImageMiddle{
  float: right;
  clear: both;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 0px;
  margin-left: 5px;


}
.leftImageMiddle{
  float: left;
  clear: both;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 5px;
  margin-left: 0px;
}

.rightImageFloat{
  float: right;
  clear: none;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 0px;
  margin-left: 8px;
}
.leftImageFloat{
  float: left;
  clear: none;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 8px;
  margin-left: 0px;
}

.imageClear{
  float: none;
  clear: both;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 0px;
  margin-left: 0px;
}

.rightImageClearRight{
  float: right;
  clear: right;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 0px;
  margin-left: 5px;
}

.leftImageClearLeft{
  float: left;
  clear: left;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 5px;
  margin-left: 0px;
}


.normal{font-family: Verdana,Arial,sans-serif; color: #000033; font-size: x-small;
    font-weight: normal; }
.bold{font-weight: bold;}
.bolder{font-weight: bolder;}
.lighter{font-weight: lighter;}
.light{font-weight: 200;}
.underline{
  text-decoration: underline;
}
.stikeout{
  text-decoration: line-through;
}
.overline{
  text-decoration: overline;
}
.italic{
  font-style: italic;
}
.boldItalic{
  font-style: italic;
  font-weight: bold;
}
.oblique{
  font-style: oblique;
}

.xxlarge{
  font-size: xx-large;
}

.xlarge{
   font-size: x-large;
}

.large{
    font-size: large;
}

.medium{
   font-size: medium;
}


.small{
  font-size: small;
}
.xsmall{
  font-size: x-small;
}
.xxsamll{
   font-size: xx-small;
}



.tableImage{border: none;vertical-align: top;}
.tableLine{ padding-bottom: 0px;
 border-bottom: solid  #EF872F 1px; background: #FFFFFF; vertical-align: bottom; }
.tableLineBottom{ padding-top: 10px;
 border-top: solid  #EF872F 1px; background: #FFFFFF; vertical-align: bottom; }

.oddRow{  padding-bottom: 4px; padding-top: 4px; margin: 0px; border: none; vertical-align:   middle; background-color: #FFE4B5; line-height: normal;}

.evenRow{ padding-bottom: 4px; padding-top: 4px; margin: 0px; border: none;  vertical-align: middle; background-color: #FFFFFF; line-height: normal;}




hr{ text-align: center; width: 50%; height: 2px; color: #FFE4B5; border: none;
margin-top: 25px; margin-bottom: 25px; background-color: #FFE4B5;}


.textLeft{text-align:left;}
.textRight{text-align:right;}
.textCentre{ text-align: center;}
.textIndent{text-indent: 25px;}


.imageBlock{ float: left;
 padding-right: 10px; padding-top: 10px; padding-bottom: 10px;}

.button3Block{ float: left; min-width: 140px; width: 32%; }

.formRow{ width: 100%; float: left; clear: both; padding: 0px; margin: 0px;}
.formLabel{width: 29%; float: left;}
.formLabelInner{padding-right: 10px; padding-bottom: 10px;}
.formField{width: 69%; float: left;}
.formFieldInner{padding-right: 10px; padding-bottom: 10px; }



.button{ background-color: #FFE4B5; text-decoration: none;  text-align: center;
 font-size: 18px; line-height: normal; padding: 0px; border-style: none;
 margin: 0px;  font-family: Verdana,Arial,sans-serif; color: #000033;  font-weight: normal; vertical-align: middle;
 }
.buttonOver{ background-color: #0A78B8; text-decoration: none;  text-align: center;
 font-size: 18px; line-height:  normal; padding: 0px; border-style: none; margin: 0px;  font-family: Verdana,Arial,sans-serif; color: #000033;  font-weight: normal; vertical-align: middle;
}




a.faintLink:link{
   FONT-SIZE: x-small;
   font-weight: bold;
   color: #DCDCDC;
   FONT-FAMILY: Verdana,Arial,sans-serif;
   text-decoration: none;
}
a.faintLink:visited{
   FONT-SIZE: x-small;
   font-weight: bold;
   color:  #DCDCDC;
   FONT-FAMILY: Verdana,Arial,sans-serif;
   text-decoration: none;
}
a.faintLink:active{
    FONT-SIZE: x-small;
   font-weight: bold;
   color: #DCDCDC;
   FONT-FAMILY: Verdana,Arial,sans-serif;
   text-decoration: none;
}
a.faintLink:hover{
   FONT-SIZE: x-small;
   font-weight: bold;
   color: #0000FF;
   FONT-FAMILY: Verdana,Arial,sans-serif;
   text-decoration: none;
}

a.darkLink:link{
   FONT-SIZE: x-small;
   font-weight: bold;
   color: #FFFFFF;
   FONT-FAMILY: Verdana,Arial,sans-serif;
   text-decoration: none;
}
a.darkLink:visited{
   FONT-SIZE: x-small;
   font-weight: bold;
   color:  #FFFFFF;
   FONT-FAMILY: Verdana,Arial,sans-serif;
   text-decoration: none;
}
a.darkLink:active{
    FONT-SIZE: x-small;
   font-weight: bold;
   color: #FFFFFF;
   FONT-FAMILY: Verdana,Arial,sans-serif;
   text-decoration: none;
}
a.darkLink:hover{
   FONT-SIZE: x-small;
   font-weight: bold;
   color: #0000FF;
   FONT-FAMILY: Verdana,Arial,sans-serif;
   text-decoration: none;
}


a.bigLink:link{
   FONT-SIZE: medium;
   font-weight: bold;
   color: #000066;
   FONT-FAMILY: Verdana,Arial,sans-serif;
   text-decoration: none;
}
a.bigLink:visited{
   FONT-SIZE: medium;
   font-weight: bold;
   color: #000066;
   FONT-FAMILY: Verdana,Arial,sans-serif;
   text-decoration: none;
}
a.bigLink:active{
    FONT-SIZE: medium;
   font-weight: bold;
   color: #000066;
   FONT-FAMILY: Verdana,Arial,sans-serif;
   text-decoration: none;
}
a.bigLink:hover{
   FONT-SIZE: medium;
   font-weight: bold;
   color: #0A78B8;
   FONT-FAMILY: Verdana,Arial,sans-serif;
   text-decoration: none;
}

.ok{
   font-family: Verdana,Arial,sans-serif;
   color: #009933;
   font-size: 10px;
}
.error{
   font-family: Verdana,Arial,sans-serif;
   color: #FF0000;
   font-size: 10px;
}

.warn{
   font-family: Verdana,Arial,sans-serif;
   color: #FF6600;
   font-size: 10px;
}
.input { font-family: Verdana,Arial,sans-serif; color: #000066; font-size: 12px; }
.inputRight { font-family: Verdana,Arial,sans-serif; color: #000066; font-size: 12px; text-align: right; }

a.textLink:link{
   FONT-SIZE: x-small;
   font-weight: bold;
   color: #000033;
   FONT-FAMILY: Verdana,Arial,sans-serif;
   text-decoration: none;
}
a.textLink:visited{
   FONT-SIZE: x-small;
   font-weight: bold;
   color:  #000033;
   FONT-FAMILY: Verdana,Arial,sans-serif;
   text-decoration: none;
}
a.textLink:active{
   FONT-SIZE: x-small;
   font-weight: bold;
   color: #000033;
   FONT-FAMILY: Verdana,Arial,sans-serif;
   text-decoration: none;
}
a.textLink:hover{
   FONT-SIZE: x-small;
   font-weight: bold;
   color: #0000FF;
   FONT-FAMILY: Verdana,Arial,sans-serif;
   text-decoration: none;
}

.bottomcontact{
  font-size: xx-small;
  font-weight: lighter;
  color: #0A78B8;
  text-align: center;

}