/**  PAGE  ********************************************************************/
body
{
  font-family: Verdana, Helvetica, sans-serif;
  font-size:   10pt;
  color:       black;
  text-align:  center;
  
  margin:  0px;
  padding: 0px;
  
  background-color: white
}

div.page_container
{
  position:     relative;
  top:          10px;
  bottom:       10px;
  width:        900px;
  
  text-align:   left;
  
  margin-left: auto;
  margin-right: auto;
  
  border-color: #329CFF;
  border-width: 1px;
  border-style: solid;
  
  padding: 0px;
  
  background-color:  #D2F0F0
}
/******************************************************************************/



/**  TOP  *********************************************************************/
div.page_top
{
  position:     relative;
  width:        100%;
  
  margin:       0px;
  border-width: 0px;
  padding:      0px
}

div.page_topmenu
{
  position:     relative;
  width:        100%;
  height:       75px;
  
  text-align:   right;
  
  margin:       0px;
  border-width: 0px;
  padding:      0px;
  
  background-image: url("./assets/layout/background-top.png");
  background-repeat: repeat-x
}

table.page_topmenu
{
  position:     relative;
  float:        right;
  
  font-size:    8pt;
  font-weight:  bold;
  text-align:   center;
  
  margin-left:    6px;
  margin-right:   6px;
  margin-top:     2px;
  margin-bottom:  0px;
  border-width:   0px;
  padding:        0px;
  
  background-color: transparent
}

tr.page_topmenu
{
  position:     relative;
  
  background-color: transparent
}

td.page_topmenu
{
  position:     relative;
  padding-left: 5px;
  
  background-color: transparent
}

div.page_toplogo
{
  position:     relative;
  width:        100%;
  height:       150px;
  
  margin:       0px;
  border-width: 0px;
  padding:      0px;
  
  background-image: url("./assets/layout/background-logo.png");
  background-repeat: repeat-x
}
/******************************************************************************/



/**  MIDDLE  ******************************************************************/
table.page_middle
{
  position:     relative;
  width:        100%;

  margin:       0px;
  border-width: 0px;
  padding:      0px;

  background-color:  #D2F0F0;
  background-image:  url("./assets/layout/background-bottom.png");
  background-repeat: repeat-x
}

td.page_leftmenu
{
  vertical-align: top;

  margin:         0px;
  border-width:   0px;
  padding-left:   10px;
  padding-top:    25px;
  padding-right:  10px;
  padding-bottom: 25px
}

div.page_leftmenu
{
  width:         160px;
  
  margin-left:   0px;
  margin-top:    0px;
  margin-right:  0px;
  margin-bottom: 0px;
  border-width:  0px;
  padding:       0px
}

table.page_leftmenu
{
  width:           100%;
  
  margin:          0px;
  border-color:    #75A0B5;
  border-style:    solid;
  border-width:    1px;
  border-collapse: collapse;
  padding:         0px;
  
  background-image:  url("./assets/layout/background-menu.png");
  background-repeat: repeat-y
}

td.page_leftmenu_icon
{
  vertical-align: middle;
  
  margin:              0px;
  border-color:        #75A0B5;
  border-left-width:   0px;
  border-left-style:   none;
  border-top-width:    1px;
  border-top-style:    dotted;
  border-right-width:  0px;
  border-right-style:  none;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  padding:             2px
}

td.page_leftmenu_text
{
  width:          100%;
  vertical-align: middle;
  
  margin:              0px;
  border-color:        #75A0B5;
  border-left-width:   0px;
  border-left-style:   none;
  border-top-width:    1px;
  border-top-style:    dotted;
  border-right-width:  0px;
  border-right-style:  none;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  padding:             2px
}

td.page_content
{
  width:          100%;
  vertical-align: top;

  margin:         0px;
  border-width:   0px;
  padding:        0px;
  padding-left:   15px;
  padding-top:    10px;
  padding-right:  25px;
  padding-bottom: 10px
}

div.page_content
{
  min-height:    400px;
  
  text-align:    left;
  
  margin-left:   0px;
  margin-top:    0px;
  margin-right:  0px;
  margin-bottom: 0px;
  border-width:  0px;
  padding:       0px
}
/******************************************************************************/



/**  BOTTOM  ******************************************************************/
div.page_bottom
{
  position:       relative;
  width:          100%;
  
  margin:              0px;
  border-color:        #329CFF;
  border-style:        dotted;
  border-left-width:   0px;
  border-top-width:    1px;
  border-right-width:  0px;
  border-bottom-width: 0px;
  padding:             0px
}

table.page_bottombar
{
  position: relative;
  width:    100%;
  
  font-family:  Verdana, Helvetica, sans-serif;
  font-size:    10pt;
  
  margin:         0px;
  border-width:   0px;
  padding:        0px
}

tr.page_bottombar
{
  position: relative;
  width:    100%;
  
  margin:         0px;
  border-width:   0px;
  padding:        0px
}

td.page_bottombar
{
  position: relative;
  width:    50%;
  
  margin:         0px;
  border-width:   0px;
  padding-left:   5px;
  padding-top:    2px;
  padding-right:  5px;
  padding-bottom: 2px
}
/******************************************************************************/



/**  FOOTER  ******************************************************************/
div.page_footer
{
  position:      relative;
  top:           20px;
  
  font-size:     6pt;
  color:         #707070;
  
  margin:        0px;
  border-width:  0px;
  padding:       0px
}
/******************************************************************************/



/**  HEADERS  *****************************************************************/
h1
{
  font-family:   Verdana, Helvetica, sans-serif;
  font-weight:   bold;
  font-size:     22pt;
  color:         #324182;
  text-align:    center;
  
  margin-top:    20pt;
  margin-bottom: 7pt
}

h2
{
  font-family:   Verdana, Helvetica, sans-serif;
  font-weight:   bold;
  font-size:     12pt;
  color:         #324182;
  text-align:    left;
  
  margin-top:    10pt;
  margin-bottom: 5pt
}

h3
{
  font-family:   Verdana, Helvetica, sans-serif;
  font-weight:   bold;
  font-size:     10pt;
  color:         #324182;
  text-align:    left;
  
  margin-top:    8pt;
  margin-bottom: 3pt
}
/******************************************************************************/



/**  PARAGRAPHS  **************************************************************/
p
{
  font-family:   Verdana, Helvetica, sans-serif;
  font-weight:   normal;
  font-size:     10pt;
  color:         black;
  text-align:    left;

  margin-top:    1px;
  margin-bottom: 1px
}

p.inverted
{
  font-family:   Verdana, Helvetica, sans-serif;
  font-weight:   normal;
  font-size:     10pt;
  color:         white;
  text-align:    left;
  
  margin-top:    1px;
  margin-bottom: 1px
}

code
{
	font-family: monospace;
	font-weight: normal;
	font-size:   10pt
}
/******************************************************************************/



/**  CHARACTERS  **************************************************************/
strong
{
  font-weight:     bold;
  text-decoration: underline
}
/******************************************************************************/



/**  LINKS  *******************************************************************/
a:link
{
  color:           #324182; /* rgb(50,65,100); */
  text-decoration: none
}

a:visited
{
  color:           #324182; /* rgb(50,65,100); */
  text-decoration: none
}

a:active
{
  color:           rgb(160,70,20);
  text-decoration: none
}

a:hover
{
  color:           rgb(160,70,20);
  text-decoration: none
}
/******************************************************************************/



/**  OBJECTS  *****************************************************************/
img
{
  vertical-align: middle;
  
  border: 0
}

hr
{
  height: 1px;
  width: 99%;
  
  color: #808080;
  
  border-width: 0px;
  border-color: #808080;
  
  background-color: #808080
}

ul
{
  font-family:  Verdana, Helvetica, sans-serif;
  font-size:    10pt;
  color:        black;
  
  list-style-type:     disc;
  list-style-position: outside
}

li
{
  font-family:  Verdana, Helvetica, sans-serif;
  font-size:    10pt;
  color:        black
}
/******************************************************************************/



/**  TABLES  ******************************************************************/
table.invisible
{
  font-family:  Verdana, Helvetica, sans-serif;
  font-size:    10pt;
  
  margin:       0px;
  border-width: 0px;
  /* border-color: red; */
  /* border-style: dotted; */
  padding:      0px
}

tr.invisible
{
  margin:       0px;
  border-width: 0px;
  padding:      0px
}

td.invisible
{
  margin:       0px;
  border-width: 0px;
  padding:      0px
}

table.normal
{
  position:        relative;
  
  font-family:     Verdana, Helvetica, sans-serif;
  font-size:       10pt;
  
  margin-left:     0px;
  margin-top:      10px;
  margin-right:    0px;
  margin-bottom:   10px;
  border-width:    1px;
  border-style:    solid;
  border-color:    #75A0B5;
  /* border-collapse: collapse; */
  /* border-spacing:  20px; */
  border-radius:         8px;
  -moz-border-radius:    8px;
  -webkit-border-radius: 8px;
  padding: 3px;
  
  /*	background-color: #F1F1F1*/
  background-color: white
}

tr.normal
{
  margin:       0px;
  border-width: 0px;
  padding:      0px
}

tr.normal_even
{
  /* background-color: #FFFFFF */
}

tr.normal_odd
{
  /* background-color: #E0E0FF */
}

td.normal
{
  color:   black;
  
  margin:       0px;
  border-width: 0px;
  padding:      3px
}

td.normal_even
{
  margin:       0px;
  border-width: 0px;
  padding:      3px
  /* background-color: #FFFFFF */
}

td.normal_odd
{
  margin:       0px;
  border-width: 0px;
  padding:      3px
  /* background-color: #E0E0FF */
}

th.normal
{
  font-family:    Verdana, Helvetica, sans-serif;
  font-weight:    bold;
  font-size:      12pt;
  color:          #324182;
  text-align:     left;
  vertical-align: center;
  
  margin:         0px;
  border-width:   0px;
  padding:        3px
}
/******************************************************************************/



/**  MENUS  *******************************************************************/
.menu
{
  width:         100%;
  
  font-weight:   bold;
  color:         #324182;
  text-align:    left;
  
  border-width: 0px;
  padding: 0px
}

.menu_hover
{
  width:         100%;
  
  font-weight:   bold;
  color:         #324182;
  text-align:    center;
  
  border-width: 0px;
  padding: 0px;
  
  background-color: white
}
/******************************************************************************/



/**  LIGHTBOX  ****************************************************************/
#lightbox
{
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0
}

#lightbox img
{
  width: auto;
  height: auto
}

#lightbox a img
{
  border: none
}

#outerImageContainer
{
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto
}

#imageContainer
{
  padding: 10px
}

#loading
{
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0
}

#hoverNav
{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10
}

#imageContainer>#hoverNav
{ 
  left: 0
}

#hoverNav a
{
  outline: none
}

#prevLink, #nextLink
{
  width: 49%;
  height: 100%;
  background-image: url(data:image/gif;base64,AAAA);
  /* Trick IE into showing hover */ display: block
}

#prevLink
{
  left: 0;
  float: left
}

#nextLink
{
  right: 0;
  float: right
}

#prevLink:hover, #prevLink:visited:hover
{
  background: url(./lightbox/images/prevlabel.gif) left 15% no-repeat
}

#nextLink:hover, #nextLink:visited:hover
{
  background: url(./lightbox/images/nextlabel.gif) right 15% no-repeat
}

#imageDataContainer
{
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0 auto;
  line-height: 1.4em;
  overflow: auto;
  width: 100%
}

#imageData
{
  padding:0 10px;
  color: #666
}

#imageData #imageDetails
{
  width: 70%;
  float: left;
  text-align: left
}	

#imageData #caption
{
  font-weight: bold
}

#imageData #numberDisplay
{
  display: block;
  clear: left;
  padding-bottom: 1.0em
}

#imageData #bottomNavClose
{
  width: 66px;
  float: right;
  padding-bottom: 0.7em;
  outline: none
}

#overlay
{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
  background-color: #000
}
/******************************************************************************/