body
{
    font-size: 11px;
    color: #000000;
    font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
    margin: 0px;
    background: #cccccc url(images/bg2.gif) center repeat-y;
}

a{text-decoration: none; color: #198dd7;}
a:hover{text-decoration: underline; color: #198dd7;}
a:visited{text-decoration: none; color: #198dd7;}
h2{color:#000000;}

#container
{
    margin: 0px auto 0px auto;
    width: 778px;
}

* html #container { padding-left: 1px; } /* IE Fix */

#topheader
{
    background: #CCCCCC url(images/top_logo.jpg);
    height: 100px;
}

#title
{
      padding: 20px 0 0 20px;
        font-style: italic;
    font-size: 40px;
    color: #fff;
    font-family: verdana;
}

#menu {
    width: 778px;
    margin: 0px;
    font-size: 11px;
    white-space: nowrap;
    padding-top: 1px;
    background-color: #dadcd9;
}

* html #menu { padding-right: 0px; } /* IE Fix */

#menu ul {
    background: #000000 url('images/nav_bg.gif') top left;
    color: #ffffff;
    margin: 0px;
    padding: 0px 0px;
    list-style: none;
    float: left;
    width: 778px;
    font-size: 11px;
    border-bottom: 1px solid #e6e6e6;
}

#menu li { display: inline; }

#menu a:link, #menu a:visited {
    padding: 5px 20px;
    background: transparent;
    color: #ffffff;
    text-decoration: none;
    float: left;
    margin-top: 1px;
    border-right: 1px solid #c2c2c2;
}

#menu a:hover {
    background: #eaeaf0 url(images/nav_bg_hover.gif);
    color: #ffffff;
}


#main
{
    padding: 20px 10px 10px 10px;
    width: 756px;
    text-align: justify;
    color: #000000;
    line-height: 1.6em;
}

h1
{
    font-size:20px;
    font-weight:bold;
    padding-top: 5px;
    padding-left: 35px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc;
    background: #FFFFFF url('http://www.digisenze.com/ge/images/plupp.gif') top left no-repeat;
}


.headertext1
{
    font-size:18px;
    font-weight:bold;
}

.headertext2
{
    font-size:10px;
    font-weight:bold;
}

img
{
    border: 1px solid #fff;
}

#application_wrapper
{
    width: 756px;
    overflow: hidden;
    margin: 0 0 20px 0;
}


#application_border_wrapper
{
    width: 102px;
    border: 1px solid #cccccc;
    margin: 0 20px 0px 20px;
    float: left;
}

#application_logo
{
    height:66px;
    margin-bottom: 1px;
    border-bottom: 1px solid #cccccc;
}

#application_text
{
    text-align: center;
}

#application_text a:link, #application_text a:visited
{
    color: #336699;
}

#application_text a:hover
{
    color: #66ccff;
}

#news_title
{
    padding-left: 2px;
    font-size:20px;
    font-weight:bold;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #cccccc;
    background-color: #ffcc66;
}

#news_content
{
    margin: 0px;
    padding: 0 2px 20px 2px;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    background: #ffffff url('images/news_bg.jpg') bottom repeat-x;

}



/* the div that holds the date picker calendar */

.dpDiv {

}





/* the table (within the div) that holds the date picker calendar */

.dpTable {

    font-family: Tahoma, Arial, Helvetica, sans-serif;

    font-size: 12px;

    text-align: center;

    color: #505050;

    background-color: #ffffff;

    border: 1px solid #AAAAAA;

}





/* a table row that holds date numbers (either blank or 1-31) */

.dpTR {

    background-color: #ffffff;

}





/* the top table row that holds the month, year, and forward/backward buttons */

.dpTitleTR {

    background-color: #336699;

}





/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */

.dpDayTR {

    background-color: #ffffff;

    font-weight: bold;

}





/* the bottom table row, that has the "This Month" and "Close" buttons */

.dpTodayButtonTR {

}





/* a table cell that holds a date number (either blank or 1-31) */

.dpTD {

    border: 1px solid #ece9d8;

}





/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */

.dpDayHighlightTD {

    background-color: #ffcf4b;

    border: 1px solid #fc5801;

}





/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */

.dpTDHover {

    background-color: #ffffff;

    border: 1px solid #3a8fcf;

    cursor: pointer;

    color: red;

}





/* the table cell that holds the name of the month and the year */

.dpTitleTD {

}





/* a table cell that holds one of the forward/backward buttons */

.dpButtonTD {

}





/* the table cell that holds the "This Month" or "Close" button at the bottom */

.dpTodayButtonTD {

}





/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */

.dpDayTD {

    background-color: #CCCCCC;

    border: 1px solid #AAAAAA;

    color: white;

}





/* additional style information for the text that indicates the month and year */

.dpTitleText {

    font-size: 12px;

    color: #ffffff;

    font-weight: bold;

}





/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */

.dpDayHighlight {

    color: #000000;

    font-weight: bold;

}





/* the forward/backward buttons at the top */

.dpButton {

    font-weight: bold;

    padding: 0px;

}





/* the "This Month" and "Close" buttons at the bottom */

.dpTodayButton {

    font-family: Verdana;

    font-size: 11px;

    border: 1px solid;

    border-color: #7f9db9;

    background-color: #FFFFFF;

}

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

#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: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
    display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(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;  }

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