/******************
HTML Tags
******************/
.glossymenu
{
    margin : 5px 0;
    padding : 0;
    width : 120px;
    /*width of menu*/
border : 1px solid rgb(154 , 154 , 154);
    border-bottom-width : 0;
}
.glossymenu a.menuitem
{
    background : black url("../image/glossyback3.gif") repeat-x bottom left;
    font : bold 14px "Lucida Grande" , "Trebuchet MS" , Verdana , Helvetica , sans-serif;
    color : white;
    display : block;
    position : relative;
    /*To help in the anchoring of the ".statusicon" icon image*/
width : auto;
    padding : 4px 0;
    padding-left : 10px;
    text-decoration : none;
    List-style-type : none;
}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active
{
    color : white;
}
.glossymenu a.menuitem .statusicon
{
    /*CSS for icon image that gets dynamically added to headers*/
position : absolute;
    top : 5px;
    right : 5px;
    border : none;
}
.glossymenu a.menuitem:hover
{
    background-image : url("../image/glossyback4.gif");
    cursor : pointer;
}
.glossymenu div.submenu
{
    /*DIV that contains each sub menu*/
background : white;
}
.glossymenu div.submenu ul
{
    /*UL of each sub menu*/
list-style-type : none;
    margin : 0;
    padding : 0;
}
.glossymenu div.submenu ul li
{
    border-bottom : 1px solid blue;
}
.glossymenu div.submenu ul li a
{
    display : block;
    font : normal 13px "Lucida Grande" , "Trebuchet MS" , Verdana , Helvetica , sans-serif;
    color : black;
    text-decoration : none;
    padding : 2px 0;
    padding-left : 10px;
}
.glossymenu div.submenu ul li a:hover
{
    color : rgb(60, 80, 140);
    Background-color : rgb(239 , 243 , 251);
 }
body
{
    font-family : Geneva , Arial , Helvetica , sans-serif;
    color : rgb(102 , 102 , 102);
    margin : 15px 40px;
    font-size : 0.9em;
}
#content p, #content-right p, table
{
    margin : 0px 0px 0px 0px;
}
#content-right img
{
    border : none;
}
#breadcrumb-right label
{
    display : none;
}
/******************
FORM STYLES
******************/
#content-container form
{
    margin : 20px 0px;
    padding : 0px 0px 0px 0px;
}
#content-container fieldset
{
    margin : 10px 0px 20px 0px;
    padding : 0px 10px 10px 20px;
}
/* a nested fieldset */
#content-container fieldset fieldset
{
    margin : 15px 0px 5px 0px;
    padding : 0px 5px 5px 5px;
}
#content-container legend
{
    margin-bottom : 0px;
    padding : 0px 10px 5px 5px;
    color : rgb(102 , 102 , 102);
    font-weight : bold;
}
/* a nested legend */
#content-container fieldset fieldset legend
{
    margin-bottom : 0px;
    padding : 0px;
    font-weight : normal;
}
#content-container label
{
    display : block;
    padding-top : 8px;
}
#breadcrumb-right form
{
    margin : 0px;
    padding : 0px;
    text-align : right;
}
#breadcrumb-right form fieldset
{
    margin : 0px;
    padding : 0px;
    border : none;
}
#breadcrumb-right form legend
{
    display : none;
}
/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work *****************
LINKS
******************/
a:link
{
    color : rgb(0 , 0 , 255);
}
a:visited
{
    color : rgb(0 , 153 , 204);
}
a:hover
{
    color : rgb(0 , 0 , 153);
    text-decoration : none;
}
a:active
{
    color : rgb(102 , 153 , 102);
}
/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
#mainnav-container a:link
{
    color : rgb(0 , 0 , 255);
}
#mainnav-container a:visited
{
    color : rgb(0 , 0 , 255);
}
#mainnav-container a:hover
{
    color : rgb(0 , 0 , 153);
    text-decoration : none;
}
#mainnav-container a:active
{
    color : rgb(102 , 153 , 102);
}
/* All link states are selected with an "a" */
#header a
{
    color : rgb(255 , 255 , 255);
}
#breadcrumb-container a
{
    color : rgb(0 , 0 , 255);
}
/******************
HEADINGS
******************/
h1
{
    font-size : 1.6em;
    padding : 0;
    margin : 0 0 10px 0;
}
h2
{
    font-size : 1.1em;
}
h3
{
    font-size : 1.4em;
}
h4
{
    font-size : 1.1em;
}
h5
{
    font-size : 0.9em;
}
h6
{
    font-size : 0.8em;
}
#three-column-container h2
{
    margin : 0px 0px 10px 0px;
    padding : 0px;
}
/******************
LAYOUT STYLES
******************/
#mainnav-container
{
    width : 100%;
    padding : 10px;
    border-bottom : 2px solid rgb(127 , 127 , 127);
    border-right : 1px solid rgb(127 , 127 , 127);
    border-left : 1px solid rgb(237 , 237 , 237);
    margin-bottom : 1px;
    background : rgb(255 , 255 , 255) url("../image/bg-topnav.gif") repeat-x;
    table-layout : fixed;
}
#mainnav-side
{
    text-align : right;
}
#header
{
    margin-bottom : 1px;
    width : 100%;
    color : rgb(255 , 255 , 255);
    padding : 10px;
    border-bottom : 2px solid rgb(127 , 127 , 127);
    border-right : 1px solid rgb(127 , 127 , 127);
    height : 50px;
    background : rgb(22 , 82 , 125) url("../image/bg-header.gif") repeat-x;
    vertical-align : top;
    table-layout : fixed;
    font-size : 1.8em;
    font-weight : bold;
}
#header a
{
    text-decoration : none;
    color : rgb(255 , 255 , 255);
}
#slogan
{
    font-size : 0.68em;
    margin : 0px;
    font-weight : normal;
    padding-top : 7px;
}
#breadcrumb-container
{
    width : 100%;
    padding : 10px 10px 8px 10px;
    border-bottom : 2px solid rgb(127 , 127 , 127);
    border-right : 1px solid rgb(127 , 127 , 127);
    border-left : 1px solid rgb(237 , 237 , 237);
    margin-bottom : 1px;
    background : rgb(255 , 255 , 255) url("../image/bg-topnav.gif") repeat-x;
    table-layout : fixed;
}
#breadcrumb-left
{
    vertical-align : top;
}
#breadcrumb-right
{
    text-align : right;
}
#content-container
{
    width : 100%;
    border-bottom : 2px solid rgb(127 , 127 , 127);
    border-right : 1px solid rgb(127 , 127 , 127);
    padding : 0px;
    margin : 0px 0px 1px 0px;
    table-layout : fixed;
}
#content-left
{
    background-color : rgb(246 , 246 , 246);
    width : 150px;
    padding : 10px;
    vertical-align : top;
}
#content-right
{
    background-color : rgb(246 , 246 , 246);
    width : 120px;
    padding : 10px;
    vertical-align : top;
}
#content
{
    background-color : rgb(255 , 255 , 255);
    padding : 10px;
    border-left : 1px dashed rgb(208 , 208 , 191);
    border-right : 1px dashed rgb(208 , 208 , 191);
    vertical-align : top;
}
#three-column-container
{
    width : 100%;
    margin : 10px 0px;
    text-align : justify;
    table-layout : fixed;
}
#three-column-left
{
    width : 30%;
    padding-right : 3%;
    vertical-align : top;
}
#three-column-middle
{
    width : 30%;
    vertical-align : top;
}
#three-column-right
{
    width : 30%;
    padding-left : 3%;
    vertical-align : top;
}
#footer
{
    width : 100%;
    padding : 10px;
    border-bottom : 2px solid rgb(127 , 127 , 127);
    border-right : 1px solid rgb(127 , 127 , 127);
    border-left : 1px solid rgb(237 , 237 , 237);
    text-align : center;
    background : rgb(255 , 255 , 255) url("../image/bg-topnav.gif") repeat-x;
    table-layout : fixed;
}
/******************
MENU ITEMS
******************/
#mainnav-container ul
{
    margin : 0px;
    padding : 0px;
}
#mainnav-container li
{
    padding : 0px;
    list-style : none;
    display : inline;
    margin : 5px 10px 5px 0px;
}
#mainnav-side li
{
    padding : 0px;
    margin : 5px 0px 5px 10px;
}
/******************
LISTS - IN THE CONTENT DIV
******************/
#content ul.list, #content ul.link-list-vertical
{
    margin : 0px 0px 15px 15px;
    padding : 0px;
}
#content ul.list li
{
    list-style : none;
    padding : 2px 0px 2px 12px;
    margin : 0px;
    background : url("../image/bullet.gif") no-repeat;
    background-position : 0 0.6em;
}
#content ul.link-list-vertical li
{
    list-style : none;
    margin : 0px;
    padding : 2px 0px;
}
#content ul.link-list-vertical li a:link
{
    padding : 2px 0px 2px 12px;
    background : url("../image/bullet-link.gif") no-repeat;
    background-position : 0 0.6em;
}
#content ul.link-list-vertical li a:visited
{
    padding : 2px 0px 2px 12px;
    background : url("../image/bullet-link-visited.gif") no-repeat;
    background-position : 0 0.6em;
}
#content ul.link-list-vertical li a:hover
{
    padding : 2px 0px 2px 12px;
    background : url("../image/bullet-link-hover.gif") no-repeat;
    background-position : 0 0.6em;
}
#content ul.link-list-vertical li a:active
{
    padding : 2px 0px 2px 12px;
    background : url("../image/bullet-link-active.gif") no-repeat;
    background-position : 0 0.6em;
}
/******************
LISTS - IN THE RIGHT OR LEFT COLUMNS
******************/
#content-right ul.list, #content-right ul.link-list-vertical, #content-left ul.list, #content-left ul.link-list-vertical
{
    margin : 0px 0px 15px 0px;
    padding : 0px;
}
#content-right ul.list li, #content-left ul.list li
{
    list-style : none;
    padding : 2px 0px 2px 12px;
    margin : 0px;
    background : url("../image/bullet-right.gif") no-repeat;
    background-position : 0 0.6em;
}
#content-right ul.link-list-vertical li, #content-left ul.link-list-vertical li
{
    list-style : none;
    margin : 0px;
    padding : 2px 0px;
}
#content-right ul.link-list-vertical li a:link, #content-left ul.link-list-vertical li a:link
{
    padding : 2px 0px 2px 12px;
    background : url("../image/bullet-link.gif") no-repeat;
    background-position : 0 0.6em;
}
#content-right ul.link-list-vertical li a:visited, #content-left ul.link-list-vertical li a:visited
{
    padding : 2px 0px 2px 12px;
    background : url("../image/bullet-link-visited.gif") no-repeat;
    background-position : 0 0.6em;
}
#content-right ul.link-list-vertical li a:hover, #content-left ul.link-list-vertical li a:hover
{
    padding : 2px 0px 2px 12px;
    background : url("../image/bullet-link-hover.gif") no-repeat;
    background-position : 0 0.6em;
}
#content-right ul.link-list-vertical li a:active, #content-left ul.link-list-vertical li a:active
{
    padding : 2px 0px 2px 12px;
    background : url("../image/bullet-link-active.gif") no-repeat;
    background-position : 0 0.6em;
}
/******************
CLASSES
**********************************
TABLE STYLES
******************/
.clear
{
    clear : both;
}
.button-big
{
    margin-top : 8px;
}
img.photobig, img.photosmall
{
    border-top : 1px solid rgb(204 , 204 , 204);
    border-right : 1px solid rgb(153 , 153 , 153);
    border-bottom : 1px solid rgb(153 , 153 , 153);
    border-left : 1px solid rgb(204 , 204 , 204);
    background : rgb(224 , 224 , 224) url("../image/background_table_04.gif") repeat-x;
    padding : 8px;
}
img.photosmall
{
    margin-right : 10px;
    margin-bottom : 2px;
    float : left;
}
.searchbox
{
    height : 13px;
    margin : 0px;
    padding : 0px;
    width : 8em;
    font-family : Verdana , Arial , Helvetica , sans-serif;
    font-size : 10px;
    color : rgb(102 , 102 , 102);
}
.button-search
{
    height : 22px;
    margin : 0px;
    padding : 0px 0px 0px 0px;
    border-top : 1px solid rgb(204 , 204 , 204);
    border-right : 1px solid rgb(153 , 153 , 153);
    border-bottom : 1px solid rgb(153 , 153 , 153);
    border-left : 1px solid rgb(204 , 204 , 204);
    background : black url("../image/glossyback3.gif") repeat-x center left;
    font-size : 11px;
    font-family : Verdana , Arial , Helvetica , sans-serif;
    color : white;
    Width : auto;
    Font-weight : bold;
}
.button-search:hover
{
    height : 22px;
    margin : 0px;
    padding : 0px 0px 0px 0px;
    border-top : 1px solid rgb(204 , 204 , 204);
    border-right : 1px solid rgb(153 , 153 , 153);
    border-bottom : 1px solid rgb(153 , 153 , 153);
    border-left : 1px solid rgb(204 , 204 , 204);
    background : black url("../image/glossyback3.gif") repeat-x top left;
    font-size : 11px;
    font-family : Verdana , Arial , Helvetica , sans-serif;
    color : white;
    Width : auto;
    Font-weight : bold;
}
.none
{
    display : none;
}
.invisible
{
    visibility : hidden;
}

.littlecell 
    {width: 60px;}

.AutoComplete 
{
	list-style: none outside none;
  border: 1px solid buttonshadow;
  cursor: default;
  padding: 0px;
  margin: 0px;
  background-color: #ffffff ;
  z-index:999999 !important;
}