img.imageRight {
  float: right;
  padding: 3px;
  margin: 2px 0px 10px 10px;
  border: 1px solid #ccc;
}

img.imageLeft {
  float: left;
  padding: 3px;
  margin: 2px 10px 10px 0px;
  border: 1px solid #ccc;
}

p.paragraphHeading {
  float: none;
  margin: 0px; /*top right bottom left*/
  padding:  13px 15px 2px 0px;
  color: #333;
  font-weight: bold;
  border-bottom: 1px dotted #ccc;
}

/*--------------------------------*/

table.dataTable{
  font-size: .8em;
  background-color: #f0f0f0;
  border: 1px #000000 solid;
  border-collapse: collapse;
  border-spacing: 0px;
  margin: 10px 0px 5px 10px;
}

/*makes it easy to select things in a table!*/
table.dataTable tr:hover {
  background-color: #ffffff;
}

table.dataTable td {
  border-left: 3px solid #666;
  border-bottom: 1px #6699CC dotted;
  text-align: left;
  color: #404040;
  padding: 4px 8px 4px 8px;
}
table.dataTable th {
  background-color: #e0e0e0;
  border-left: 3px solid #666;
  border-bottom: 1px #6699CC dotted;
  text-align: left;
  color: #000;
  padding: 4px 8px 4px 8px;
}
/*--------------------------------*/

table.simpleTable{
  font-size: .9em;
  background-color: #f0f0f0;
  border: none;
  border-collapse: collapse;
  border-spacing: 0px;
  margin: 0px;
}

/*makes it easy to select things in a table!*/
table.simpleTable tr:hover {
  background-color: #fcfcfc;
}

table.simpleTable td {
  border-left: none;
  text-align: center;
  padding: 2px 4px 2px 8px;
}

/*--------------------------------*/

.hr {
  margin-top: 10px;
  padding-top: 10px;
  width: 100%;
  border-top: 3px dotted #ddd;
}

img.spacer {
  margin: 9px 0px 0px 9px;
  padding: 0px 3px 0px 0px;
  background: #fff;
  float: left;
}

p.footerText{
  float: none;
  margin: 0px; /*top right bottom left*/
  padding:  10px;
  color: #666666;
  font-family:Georgia,serif;
  font-style:italic;
}

p.headerText{
  margin: 0px; /*top right bottom left*/
  padding:  10px 0px 10px 0px;
  color: #666;
  font-size: 1.6em;
}

p.quoteBox {
  margin: 10px 0px 10px 20px;
  padding: 0px 40px 0px 50px; /*top right bottom left*/
  color: #575757;
  background: url(../images/quote.png) no-repeat top left;
}



div p{
 padding: 5px 0px 25px 30px; /*top right bottom left*/
 width: 450px;
 line-height: 24px;
  float: none;
  margin: 0px; /*top right bottom left*/
  color: #333;
}

div ul{
  float: none;
  margin: 0px; /*top right bottom left*/
  padding:  0px 10px 20px 10px;
  color: #333;
  list-style-type: none;
}

div ul li{

  margin: 0px 0px 0px 25px;
  padding: 7px 8px 7px 18px;
  background-image:url(../images/arrowBullet.png);
  background-position: 0px 50%;
  background-repeat:no-repeat;
}

div ul li a{
  font-size: 12px;
  padding: 0pt 0pt 0pt 5px;
}

div ul li p{
  margin: 0px;
  padding: 0px;
}



/* -------------------------------------------------------
    Link List
-------------------------------------------------------*/
.linkList {
  padding-bottom:  10px;
  list-style-type:none;
}
.linkList li {
  /*padding inherited from act div ul li*/
  margin: 0px;
  background-image: none;
}
.linkList li a {
  display: block;
  padding: 0px 0px 0px 20px;
  background: url(../images/arrowBullet.png) no-repeat scroll 0px 60%;
}
.linkList li a.current {
  background-image:url(../images/arrowBulletOver.png);
	color: #000000;
  text-decoration: underline;
}
.linkList li a:hover {
  background-image:url(../images/arrowBulletOver.png);
}

/*-----------------------------------------------------------------*/
/*  links */

a.button {
  float: right;
  padding-bottom: 10px;
  /*clear: right;*/
}

a.smallLink {
  font-size: .8em;
}

a.pdfFileLink {
  padding: 13px 15px 15px 30px ;
  color: #575757;
  background: url(../images/pdfIcon.png) no-repeat center left;
  font-size: .9em;
}

/*-----------------------------------------------------------------*/
/*  form checklist */

form dl {
  background: none;
  border:medium none;
  display:block;
  margin: 0px;
}

form dt {
  padding: 0px;
  clear:both;
  float:left;
  text-align: center;
  width: 50px;
}

form dd label {
  padding: 5px;
  color: #666;
  font-weight: normal;
  background: none;
  margin:0px;
}
form dd {
  border-top:  1px solid #999;
  float:left;
  display:block;
  margin:0px;
  width:80%;
  text-align:left;
}

form dd img {
  border: none;
  float:right;
  margin: 2px;
}

div.checkListItem {
  background: none;
  float: left;
}
/*-----------------------------------------------------------------*/
/*  Notice*/

div.notice {
  background: #eee;
}



/*-----------------------------------------------------------------*/
/*  Default Headings */

div h1{
  font-size: 24px;
  color: #000000;
  margin: 0px;
  color: #006666;
  padding: 10px 0px 25px 10px;
  line-height:24px;
}

div h2{
  margin: 0px 0px 0px 0px; /*top right bottom left*/
  padding: 5px 0px 15px 20px; /*top right bottom left*/
  background: none;
  border-top: 1px solid #66cccc;
  color: #006666;
  font-size: 14px;
  font-weight: bold;
}

div h3{
  float: none;
  padding: 5px 0px 5px 10px; /*top right bottom left*/
  color: #000;
  border-bottom: 1px solid #eee;
}



/*-----------------------------------------------------------------*/
/*  Main DIV*/

div.main {
  padding: 0px 1px 0px 0px;
  width: 100%;
}


/*-----------------------------------------------------------------*/
/*  Side DIV*/

div.side {
  width: 100%;
  padding: 0px 1px 0px 0px;
}



/*-----------------------------------------------------------------*/
/*  scrolling DIV*/

form div {
  border: 1px solid #ddd;
	margin-left: 30px;
}
form textarea, form input, form select{
	margin-left: 30px;
}

div.scrolling {
  float: none;
  margin: 0px 0px 10px 0px; /*top right bottom left*/
  width:50%;
  overflow:auto;
}

div.scrollingTable {
  float: none;
  margin: 0px; /*top right bottom left*/
  border: none;
  width:100%;
  overflow:auto;
}



/* -------------------------------------------------------
 slideTray list
-------------------------------------------------------*/


.slideTray{
  margin: 0px; /*top right bottom left*/
  padding: 0px;
  list-style-type: none;
}
.slideTray li {
  float: left;
  background: none;
  margin: 5px;
  padding: 0px;
}

.slideTray li a {
  display: block;
  padding: 0px;
  width: 150px;
  height: 150px;
  background: #333333 repeat top left;
  border: 3px solid #ffffff;
  text-align: center;
}


/* -------------------------------------------------------
  Item List)
-------------------------------------------------------*/

.itemList{
  margin: 10px 0px 0px 30px; /*top right bottom left*/
  padding: 0px 0px 0px 0px;
  list-style-type: none;
}

.itemList img{
  float: left;
  
}

.itemList li{
  float: left;
  padding: 10px 0px 10px 0px;
  margin: 0px;
  width: 450px;
  background: none;
  border-bottom: 1px dotted #eee;
}

.itemList li a{
  margin: 0px;
  padding: 0px;
  background: none;
}

/*thumbnail icon*/
.itemList li a img {
  float: left;
  border: 2px solid #cccccc;
}

.itemList li .prefix {
  width:370px;
  float: right;
  font-size: 9px;
  color: #669999;
}

.itemList li a .headline {
  width: 370px;
	display: block;
  float: right;
  color: #333;
  font-size: 1.2em;
  text-decoration: none;
}

/*This is usually the teaser text*/
.itemList li p {
  float: right;
  width: 370px;
  font-size: 10px;
  margin: 0px;
  color: #999;
  padding: 0px 0px 0px 0px;
}


.itemList li a:hover {
  text-decoration: none;
}

.itemList li a:hover img {
  border: 2px solid #000000;
}


.itemList li a:hover .headline {
  text-decoration: underline;
}

/* -------------------------------------------------------
  Multi Column List
-------------------------------------------------------*/


.mcList{
  float: left;
  padding-bottom: 10px;
}

/* -------------------------------------------------------
  Tile List)
-------------------------------------------------------*/


.tileList{
  margin: 0px 0px 0px 0px; /*top right bottom left*/
  padding: 0px 0px 0px 0px;
}

.tileList li{
  background-image: none;
  float: left;
  font-size: 10px;
  padding: 10px 0px 0px 0px;
  margin: 0px;
  width: 280px;
  border-bottom: 1px dotted #eee;
}

.tileList li a{
 font-size: 12px;
  margin: 0px;
  padding: 0px;
  background: none;
}

/*thumbnail icon*/
.tileList li a img {
  float: left;
  border: 2px solid #cccccc;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.tileList li .prefix {
  width: 200px;
  float: right;
  font-size: 1em;
  color: #666666;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.tileList li a .headline {
  width: 200px;
  display: block;
  float: right;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #333;
  font-size: 1em;
  text-decoration: none;
}

/*This is usually the teaser text*/
.tileList li p {
  float: right;
  width: 200px;
  font-size: 1em;
  margin: 0px;
  color: #666;
  padding: 2px 0px 0px 0px;
}


.tileList li a:hover {
  text-decoration: none;
}

.tileList li a:hover img {
  border: 2px solid #000000;
}


.tileList li a:hover .headline {
  text-decoration: underline;
}



/* -------------------------------------------------------
  Picture Box (inline)
-------------------------------------------------------*/
.fr {
  float: right;
}

.fl {
  float: left;
}

.pictureBox {
  background: url(../images/dropDownBg.png) repeat top left;
  padding: 3px;
  margin: 10px;
  border: 1px solid #ccc;
}

.pictureBoxInner {
  background: none;
  padding:0px;
  margin: 0px;
  border: none;
}

.pictureBoxInner img{
  padding:0px;
  margin: 0px;
  border: none;
}

.pictureBoxCaption p {
  padding:0px;
  margin: 0px;
  color: #666666;
  border: none;
  font-size: .8em;
}

/* photo credit h3 */
.pictureBoxCaption h3{
  padding:0px;
  margin: 0px;
  color: #333;
  font-size: 1em;
  font-weight: bold;
  border: none;
  background: none;
}



/*----*/

a.info{
    position:relative; /*this is the key*/
    z-index:24;
  }

a.info:hover{z-index:25; }
a.info span{display: none}
a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top: 145px;
    left: 5px;
    width: 200px;
    border:1px solid #666;
    text-align: left;
    background: url(../images/dropDownBg.png) repeat top left;
    color:#000;
  }


/*----------------*/

.formSubmitButtons{
  float: right;
  text-align: right;
  width: 150px;
}


/*----------------*/

p.specialNote{
	border-bottom: 1px dashed #66cccc;
	font-size: 10px;
	color: #000;
	padding: 15px;
	width: 150px;
}