body
{
    background-color:#213E7C;
    color:#333333;
    font-size:11px;
    font-weight:normal;
    font-family:Arial;
    padding:0;
    margin:0;
}
p
{
    padding:0;
    margin:0;
}
img
{
    border:none;
}
a
{
    text-decoration:none;
}
a:hover
{
    text-decoration:underline;
}


.menuItem
{
    list-style:none;
    text-transform:uppercase;
    padding:10px 5px 10px 5px;
    margin:0px;
}
.menuItem a
{
    display:inline-block;
    width:85%;
    font-weight:bold;
    color:White;
    text-decoration:none;   
}
.menuItem ul
{
    display:none;
    position:absolute;
    background:white;
    margin-left:175px;
    width:740px;
    z-index:1001;
    border:1px solid #6688cc;
    border-radius:5px;
    moz-border-radius:5px;
    padding:10px;
    min-height:370px;
}
.menuItem ul a
{
    color:Black;
    font-size:18px;
    font-weight:normal !important;
}
.menuItem ul li
{
    list-style:none; padding-left:20px;
    
}
.pathLink
{
    color:#4c4c4c;
}

.web_dialog_overlay
{
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   height: 100%;
   width: 100%;
   margin: 0;
   padding: 0;
   background: #000000;
   opacity: .80;
   filter: alpha(opacity=80);
   -moz-opacity: .80;
   z-index: 2001;
   display: none;
}
.web_dialog
{
    position:absolute;
    z-index:3001;
    border:2px solid #213E7C;
    display:none;
    background-color:White;
}
.image_dialog
{
    position:absolute;
    z-index:3001;
    border:2px solid #213E7C;
    display:none;
    background-color:White;
    padding:10px;
}

/*
root element for the scrollable.  when scrolling occurs this
element stays still.
*/
.scrollable {
  /* required settings */
  position:relative;
  overflow:hidden;
  width: 660px;
  float:left;
}
 
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accommodate scrollable
items.  it's enough that you set width and height for the root element
and not for this element.
*/
.scrollable .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
}
 
/*
a single item. must be floated in horizontal scrolling.  typically,
this element is the one that *you* will style the most.
*/
.items div {
  float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
    display:block;
    width:30px;
    height:30px;
    float:left;
    margin:40px 10px;
    cursor:pointer;
    font-size:1px;
}

/* right */
a.right { background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; }


/* left */
a.left { margin-left: 0px; }
a.left:hover  { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }