/**
 * @file
 * Custom styles.
 *
 * @author Shannon M. Rause <shannon.rause@creativeflavor.com>
 * @version $Revision: 1.240 $
 * @version $Name:  $
 * @version $Id: main.css,v 1.240 2009/07/17 16:35:06 bfinch Exp $
 *
 * $Copyright$
 */
html,
body
{
   background: url(/images/en/background.gif) repeat-x;
   background-color: #0067A7;
   color: #fff;
   margin: 0px;
   padding: 0px;
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 85%;
   line-height: normal;
   white-space: normal;
   height: auto;
}
a:link,
a:visited,
a:active
{
   text-decoration: none;
   color: #6695BB;
}
a:hover
{
   text-decoration: underline;
   color: #00633A;
}
a img,
#logoRow a:hover,
#navRow a:hover
{
   border: none;
   white-space: normal;
}
td
{
   vertical-align: top;
   text-align: left;
}
hr,
.head hr
{
   background-color: #ccc;
   color: #ccc;
   height: 1px;
   border: none;
}
#mainTable
{
   width: 770px;
   margin: 0px auto;
}
.shadowLeft
{
   background: url(/images/en/shadow_left.gif) repeat-y;
   color: #fff;
   width: 5px;
}
.shadowRight
{
   background: url(/images/en/shadow_right.gif) repeat-y;
   color: #fff;
   width: 5px;
}
#globalRow
{
   background: url(/images/en/global_background.jpg) no-repeat;
   color: #fff;
   height: 18px;
   font-size: 10px;
   padding-right: 10px;
   vertical-align: middle;
   text-align: right;
}
#globalRow a:link,
#globalRow a:visited,
#globalRow a:active,
#copyrightRow a:link,
#copyrightRow a:visited,
#copyrightRow a:active
{
   text-decoration: none;
   color: #fff;
}
#globalRow a:hover,
#copyrightRow a:hover
{
   text-decoration: none;
   color: #0c0;
   border-bottom: 1px #0c0 dotted;
}
#logoRow
{
   background-color: #E0EDDD;
   color: #000;
   width: 337px;
}
#imageRow
{
   background-color: #E0EDDD;
   color: #000;
   width: 423px;
}
#navRow
{
   background-color: #00633A;
   color: #fff;
   height: 20px;
   padding-left: 30px;
}
#bodyRow
{
   background-color: #fff;
   color: #000;
}
#bodyContent
{
   padding: 0px 10px 0px 40px;
}
.content
{
   padding: 0px;
   margin: 0px;
}
#loginRow
{
   float: left;
   width: 200px;
   font-size: 10px;
   vertical-align: middle;
   padding: 10px;
   padding-left: 40px;
   padding-top: 8px;
}
#searchRow
{
   float: right;
   width: 480px;
   text-align: right;
   font-size: 10px;
   vertical-align: middle;
   padding: 10px;
   white-space: nowrap;
}
#searchRow form
{
   display: inline;
}
.pageTitle
{
   color: #0066A7;
   border-bottom: 1px #ddd solid;
   padding-bottom: 1px;
   margin-bottom: 5px;
   font-weight: bold;
   width: 100%;
}
#copyrightRow
{
   background-color: #00633A;
   color: #fff;
   font-size: 10px;
   text-align: left;
   vertical-align: middle;
   padding: 3px 0px;
   line-height: 1.5em;
}
#footerLinks
{
   float: left;
   width: 320px;
   margin-left: 40px;
   _margin-left: 20px;
}
#copyright
{
   float: right;
   width: 380px;
   text-align: right;
   margin-right: 10px;
}
.clearRows
{
   clear: both;
   margin: 0px;
   padding: 0px;
}
#catalogLeftNav
{
   float: left;
   font-size: 11px;
   font-weight: bold;
}
#leftNavColumn
{
   float: left;
   font-size: 11px;
   font-weight: bold;
   width: 180px;
   padding: 10px 10px 0px 0px;
}
#catalogLeftNav ul,
#leftNavColumn ul
{
   margin: 0px;
   padding: 0px;
   vertical-align: middle;
}
#catalogLeftNav li,
#leftNavColumn li
{
   list-style-position: outside;
   list-style: none;
   font-weight: normal;
   line-height: 1.25em;
   margin-left: 15px;
   padding: 0px;
   padding-bottom: 10px;
}
#catalogLeftNav li:hover,
#leftNavColumn li:hover
{
   list-style-position: outside;
   list-style-image: url(/images/en/pointer.gif);
}
#catalogLeftNav ul li ul,
#leftNavColumn ul li ul
{
   margin-top: 5px;
}
#catalogLeftNav ul li ul li,
#leftNavColumn ul li ul li
{
   list-style-position: outside;
   list-style-image: url();
   vertical-align: middle;
   font-size: 9px;
   padding: 0px;
   padding-bottom: 10px;
}
#catalogLeftNav ul li ul li:hover,
#leftNavColumn ul li ul li:hover
{
   list-style-position: outside;
   list-style-image: url(/images/en/pointer2.gif);
}
#contentRightColumn
{
   float: right;
   width: 500px;
   padding: 10px 0px 0px 10px;
   margin-bottom: 10px;
   border-left: 1px #ddd solid;
   _height: 300px;
   min-height: 300px;
}
.imageDivRight
{
   float: right;
   margin-left: 10px;
   margin-bottom: 10px;
   text-align: center;
   font-size: 9px;
   font-family: verdana;
}
.imageDivMiddle
{
   margin: 4px;
   text-align: center;
   font-size: 9px;
   font-family: verdana;
   font-weight: normal;
   clear: both;
}
.imageDivLeft
{
   float: left;
   margin-right: 10px;
   margin-bottom: 10px;
   text-align: center;
   font-size: 9px;
   font-family: verdana;
}
/* Quick Menu */
/*
 * All.
 */
 
.qmmc
{ 
   background-color: transparent;
   color: #fff !important;
}

/*
 * Main items.
 */
.qmmc a
{
   background-color: #009859 !important;
   color: #fff !important;
   font-size: 11px !important;
   text-decoration: none !important;
   white-space: nowrap !important;
}

/*
 * Main hover state.
 */
.qmmc a:hover
{ 
   background-color: #0066A7 !important;
   color: #fff !important;
   font-size: 11px !important;
   text-decoration: none !important;
   white-space: nowrap !important;
}

/*
 * Main active state.
 * Note: Add '!important' after each style (per QuickMenu docs).
 */
.qmmc .qmactive
{ 
   background-color: #0066A7 !important;
   color: #fff !important;
   text-decoration: none !important;
   white-space: nowrap !important;
}

/*
 * Main parent items.
 */
.qmmc .qmparent
{
   /*
   background-image: url(/images/en/core/menu_arrow_down.gif);
   background-position: 95%;
   background-repeat: no-repeat;
   */
}


/*
 * Sub containers.
 */
.qmmc div
{
   background-color: #fff;
   border: 1px #000 solid;
   border-bottom: 0px;
   margin-top: 0px;
   margin-left: 0px;
   padding: 0px;
}


/*
 * Sub hover state.
 */
.qmmc div a:hover
{
   /*
   text-decoration: underline;
   border-bottom: 1px #000 solid !important;
   */
}

.qmmc div div
{
   background-color: #fff;
   border: 1px #000 solid;
   border-bottom: 0px;
   margin-top: -1px;
   margin-left: 0px;
   padding: 0px;
}
/*
 * Sub active state.
 * Note: Add '!important' after each style (per QuickMenu docs).
 */
.qmmc div .qmactive
{
   background-color: #0066A7 !important;
   color: #fff !important;
   border-bottom: 1px #000 solid !important;
}


/*
 * Sub parent items.
 */
.qmmc div .qmparent 
{
   background-image: url(/images/en/menu_arrow_right.gif);
}


/*
 * Sub items.
 */
.qmmc div a
{     
   background-color: #eeeeee;
   border-bottom: 1px #000 solid !important;
   padding: 2px 8px;
   padding-right: 15px;
}

#findMember select,
#findMember input.textInput,
#findProgram select,
#findProgram input.textInput
{
   width: 300px;
}

#conferenceRegister select
{
   font-size: 9px;
   width: auto;
}

#conferences .details,
#memberships .details
{
   width: 400px;
}

#banner
{
   border: 2px solid #000;
   height: 60px;
   margin: 0px auto;
   margin-bottom: 15px;
   width: 468px;
}