/*
Title:    America-Israel Chamber of Commerce
Author:   Tome Wilson - tome@creativewebgroup.net
Last Updated:  2008-09-30
*/

/* ---[ skeleton ]--------------------- */

body, html {padding: 0; margin: 0; font: 12px Arial, Verdana, Helvetica, sans-serif; color: #000; min-width: 780px; overflow-x: hidden; background: #fff url(images/shell/bg.gif); background-repeat: repeat-y;}
#container {width: 802px; display: block}
#top {width: auto; border-bottom: 1px solid #000; height: 92px; padding: 6px; background-color: #a4b0d7}
#side {float: left; display: block; width: 180px;}
#content {float: left; width: 590px; padding: 8px; line-height: 1.8em}
#footer {font-size: 11px; color: #0053a0; width: auto; padding: 6px; border-top: 1px solid #000; text-align: center; line-height: 17px; clear: both}
.zebra {background-color: #f3f3f3}
.home-title {background: #a4b0d7; padding: 4px}
.home-container {height: 208px; padding: 6px; display: block; overflow-x: hidden; overflow-y: scroll}
a:hover .link {color: #000; text-decoration: none; background-color: #f3f3f3 !Important}
#content p {padding: 0; margin: .7em 0 .7em 0}
#contactbox td {padding: 6px 0 6px .9em}


/* ---[ elements ]--------------------- */

img {border: none}
a img {border: none}
em {font-style: italic}
.em {font-style: italic}
strong {font-weight: bold}
.strong {font-weight: bold}
.center {text-align: center}
.clear {clear: both}
.big {font-size: 16px}
.small {font-size: 11px}
.center {text-align: center}
.l {float: left}
.r {float: right}
.block {padding-left: 24px}
ul {padding-left: 0; margin-left: 1.6em}
li {padding: 4px; line-height: 18px}
.profile{padding:6px}

/* ---[ lines ]--------------------- */

hr {height: 0; border: 0; width: auto; border-top: 1px solid #000; margin: 6px 0; padding: 0; font-size: 1px}
.hr {height: 0; border: 0; width: auto; border-top: 1px solid #000; margin: 6px 0; padding: 0; font-size: 1px; line-height: 0}
.hrb {height: 0; border: 0; width: auto; border-top: 1px solid #0053a0; margin: 6px 0; padding: 0; font-size: 1px; line-height: 0}


/* ---[ boxes ]--------------------- */

.box {border: 1px solid #a4b0d7}
.bbox {border: 1px solid #0053a0; padding: 6px}

.box1 {width: 590px; height: 10px; font-size: 1px; background: url(images/graphics/box1.gif) no-repeat}
.box2 {width: 570px; padding: 5px 10px; background: url(images/graphics/box2.gif) repeat-y}
.box3 {width: 590px; height: 10px; font-size: 1px; background: url(images/graphics/box3.gif) no-repeat; margin-bottom: 10px}
.box4 {width: 568px; border-right: 1px solid #0053a0; border-left: 1px solid #0053a0; padding: 3px 10px; background-color: #f3f3f3; text-align: center}
.box5 {width: 568px; border-right: 1px solid #0053a0; border-left: 1px solid #0053a0; padding: 1px 10px; text-align: center}

.pdf {border-bottom: 1px solid #0053a0; color: #0053a0; background: url(images/graphics/pdf.gif) no-repeat center left; padding: 8px 0 8px 51px; margin: 8px 0; line-height: 1.5em}


/* ---[ form check for spammers ]--------------------- */
#formsend {display: none}
#loginsubmit 
{
    background-image:url(images/graphics/loginbutton.png);
    background-color:Transparent; 
    margin-left:71px;
    border:none;
    width:100px;
    height:33px;

}


/* ---[ headings ]--------------------- */

h1 {font-size: 14px; font-weight: 800; margin: 0; color: #0053a0; margin: 0; padding: 0; line-height: 21px}
h2 {font-size: 12px; font-weight: 800; margin: 0; color: #a4b0d7; margin: 0; padding: 0; line-height: 19px}
h3 {font-size: 13px; font-weight: 800; margin: 0; color: #0053a0; margin: 0; padding: 0; line-height: 19px}
h4 {font-size: 12px; font-weight: 800; margin: 0; color: #666; margin: 0; padding: 0; line-height: 15px}
h5 {font-size: 16px; font-weight: 800; margin: 0; color: #0053a0; line-height: 19px; font-family: Georgia, times, serif}
h6 {font-size: 12px; font-weight: 400; margin: 0; color: #0053a0; line-height: 17px}


.table td {border-bottom: 1px solid #ccc; border-collapse: collapse}


/* ---[ colors ]--------------------- */

.b {color: #0053a0 !Important}
.lb {color: #a4b0d7 !Important}
.k {color: #000 !Important}
.w {color: #fff !Important}
.red {color: red !Important}


/* ---[ links ]--------------------- */

a:link {text-decoration: none; color: #0053a0}
a:visited {text-decoration: none; color: #0053a0}
a:hover {text-decoration: underline}
a:active {text-decoration: none}

.link {color: #000; margin-bottom: 6px; display: block}

#upcoming-events a {color: #000; padding: 0 3px; margin-bottom: 6px; display: block}
#upcoming-events a:link {text-decoration: none}
#upcoming-events a:visited {text-decoration: none}
#upcoming-events a:hover {text-decoration: none; background: #f3f3f3}



/* ---[ directory ]--------------------- */

#alphalinks a:link {text-decoration: none; color: #0053a0; padding: 6px 4px; font-weight: bold}
#alphalinks a:visited {text-decoration: none; color: #0053a0; padding: 6px 4px; font-weight: bold}
#alphalinks a:hover {text-decoration: none; padding: 6px 4px; background-color: #a4b0d7; color: #fff; font-weight: bold}
#alphalinks a:active {text-decoration: none; padding: 6px 4px; font-weight: bold}

#directory .card {width: 285px; background: url(images/directory/card.gif) repeat-y; float: left; margin: 5px}
#directory .top {width: 285px; font-weight: bold; color: #fff; text-align: center; background: url(images/directory/card-top.gif) no-repeat}
#directory .contact {padding: 6px; width: auto}
#directory .hrb {margin: 0 6px; width: auto}
#directory .info {padding: 6px; background: url(images/directory/info.gif) no-repeat; background-position: 186px 29px;}
#directory .sponsor {padding: 6px; background: url(images/directory/special.gif) no-repeat; background-position: 186px 29px;}
#directory .bottom {width: 285px; height: 10px; font-size: 1px; background: url(images/directory/card-bottom.gif) no-repeat;}

#directory a:link {text-decoration: none; color: #0053a0}
#directory a:visited {text-decoration: none; color: #0053a0}
#directory a:hover {text-decoration: none}
#directory a:active {text-decoration: none}

div#tip {position: absolute; visibility: hidden; left: 0; top: 0; z-index: 1000; width: 240px; padding: 3px; font-size: 11px; background-color: #fff; border: 2px solid #a4b0d7}


/* ---[ slideout navigation ]--------------------- */

#navi {/* contains navigation */}
#nav, #nav ul { /* all lists */ padding: 6px; margin: 0; list-style: none; float: left; width: 168px; font-family: arial, helvetica, serif; font-size: 12px}
#nav li { /* all list items */ padding: 0; position: relative; float: left; width: 168px}
#nav li ul { /* second-level lists */ position: absolute; left: -999em; margin-left: 174px; margin-top: -30px; border: 1px solid #000; background-color: #f3f3f3}
#nav li a {width: 168px; w\idth: 168px; display: block; color: #0053a0; text-decoration: none; padding: 3px}
#nav li a:hover {color: #fff; background: #a4b0d7}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */ left: auto;}