/* CSS Document */
html,body{height:100%;  font: 1em/1.5em Georgia, "Times New Roman", Times, serif; margin:0;}
body {background:url(/images/bgtop.jpg) repeat-x top;}
#mainContainer{width:810px; margin-left:auto; margin-right:auto; position:relative; }
div#logo a img{border:none;}


#contentContainer{width:738px; padding: 0px 20px 100px 50px;  margin-top:0px; clear:both; float:left; border-width:1px; border-color:#c4cbef; border-style:solid; border-top:none; }

body#contact #contentContainer{width:788px; padding: 0px 10px 100px 10px; }

#col1, #col2{float:left;}
#col1{width:200px; }
#col2{width:600px;}
#header {float:left; width:100%; position:relative; margin-top:20px; }
#header #logo { padding-right:20px;}
#navContainer {padding-top:20px;}



#navContainer ul{ margin: 0; padding:0; font: bold 10px arial, sans-serif; list-style-type:none;  border-bottom: 0px solid #c4cbef; float:left; width:1000px}
#navContainer ul li {float:left; height: 21px; background-color: #d5daf3; margin: 2px 1px 0px; border: 1px solid #c4cbef;padding-right:5px; position:relative;}
#navContainer ul li.home {margin-left:0; padding-left:0;}

/*drop down menu */

#navContainer ul li ul {position:absolute; width:10em; top:1.9em; left:-9999em; background-color:#FFFFFF; z-index:50;border:1px solid #ccc;}
#navContainer ul li:hover ul  ul {top:0; margin-left:10em; left:-9999em; position:absolute;}
#navContainer ul ul li:hover ul {top:0; margin-left:10em; left:0;}
#navContainer ul li ul li.arrow {background: url(../images/bullet_arrow.gif) no-repeat 95% 50% ; }
#navContainer ul li li:hover ul {left:0;}
#navContainer ul li li ul{border:1px solid #ccc !important;}

#navContainer li:hover ul, #navContainer li.sfhover ul{left:0; }

#navContainer ul li a {float: left; display: block; color: #061b76; text-decoration: none; padding: 4px 5px}
#navContainer ul li li{  width:100%; padding:0; margin:0; border:none; background-color:#FFFFFF; height:auto;}

#navContainer ul li:hover, 
body#home #navContainer ul li.home:hover,
body#about #navContainer ul li.about:hover,
body#executive #navContainer ul li.executive:hover,
body#updates #navContainer ul li.updates:hover,
body#conference #navContainer ul li.conference:hover,
body#resources #navContainer ul li.resources:hover,
body#links #navContainer ul li.links:hover,
body#membership #navContainer ul li.membership:hover,
body#members #navContainer ul li.members:hover,
body#learning #navContainer ul li.learning:hover
{ background-color:#fff; border-bottom-color:#FFFFFF; color:#666666}

 
body#home #navContainer ul li.home,
body#about #navContainer ul li.about,
body#executive #navContainer ul li.executive,
body#updates #navContainer ul li.updates,
body#conference #navContainer ul li.conference,
body#resources #navContainer ul li.resources,
body#links #navContainer ul li.links,
body#membership #navContainer ul li.membership,
body#members #navContainer ul li.members,
body#learning #navContainer ul li.learning
{background-color:#7281bc; border-bottom:2px solid #7281bc; color:#fff;}


body#home #navContainer ul li.home:hover a,
body#about #navContainer ul li.about:hover a,
body#executive #navContainer ul li.executive:hover a,
body#updates #navContainer ul li.updates:hover a,
body#conference #navContainer ul li.conference:hover a,
body#resources #navContainer ul li.resources:hover a,
body#links #navContainer ul li.links:hover a,
body#membership #navContainer ul li.membership:hover a,
body#members #navContainer ul li.members:hover a,
body#learning #navContainer ul li.learning:hover a
{color: #061b76;}


body #navContainer ul li ul li {border-bottom:none;}

body#home #navContainer ul li.home a,
body#about #navContainer ul li.about a,
body#executive #navContainer ul li.executive a,
body#updates #navContainer ul li.updates a,
body#conference #navContainer ul li.conference a,
body#resources #navContainer ul li.resources a,
body#links #navContainer ul li.links a,
body#membership #navContainer ul li.membership a,
body#members #navContainer ul li.members a,
body#learning #navContainer ul li.learning a{ color: #fff;} 

/*html body #navContainer ul ul, html body #navContainer li li, html body #navContainer li li:hover {border-bottom:none !important;}*/ 
html body #navContainer ul li li a {float:none; display:block; background-color: transparent; border:none; color:black !important; }
html body #navContainer ul li li:hover {background-color:#CCCCCC !important;}
/*end drop down menu */

h1{ color:#290D64}
h2, h3{color:#666; font-style:bold; margin:.7em 0 0.5em 0;}
h1{ font-size:1.2em;}
h2{ font-size:1.1em; color:#F0690F}
h3{ font-size:1em; color:#000;}
body#learning h2 {background-color:#EBEBEB; color:#C41B02}
p{margin:.5em 0 1em 0;}
ul{margin:.5em 2em 1em 2em;}

h1.headerProminent , h1.headerProminentsm{width:100%; font-size:1.4em; font-family: Arial, Helvetica, sans-serif; line-height:2em; padding-top:2em; color:#FFFFFF; margin:-4.7em 0 1em 0; letter-spacing:1px;}
h1.headerProminentsm {width:100%; font-size:1.3em;  margin:-4.7em 0 1em 0; letter-spacing:normal;}

H1.title{font-size:1.2em; color:#DB5526; line-height:1.4em;  }
table.contacts, table.data {font-size:0.7em; line-height:1.2em; width:100%; border:0px solid #E7EAEB; border-collapse:collapse; border-spacing:0; margin-top:20px;}
table.data {font-size:.8em; }
table.contacts td{border-bottom:#ccc dashed 1px; padding:3px;}
table.border_row td{border:#ccc solid 1px; padding:5px;}
table.data td {padding-right:20px;}
table.contacts th, table.data th {background-color:#DE5E4B; color:#fff; text-align:left}



#footer {clear:both; width:808px; padding:27px 0px;  position:relative; float:left;}
#footer div.wrapper {margin:auto auto;}
#footer div.wrapper p {margin:.5em 0; text-align:center;}


body#about #contentContainer, 
body#home #contentContainer {background:url(/images/case_banner_about.jpg) top left no-repeat; padding-top:220px;}
body#executive #contentContainer {background:url(/images/case_banner_executive.jpg) top left no-repeat; padding-top:220px;}

body#learning #contentContainer {background:url(/images/banner_learning.jpg) top left no-repeat; padding-top:220px;}
body#updates #contentContainer,
body#conference #contentContainer,
body#links #contentContainer,
body#members #contentContainer{background:url(/images/banner_meeting.jpg) top left no-repeat; padding-top:220px;}
body#membership #contentContainer{background:url(/images/banner_discussions.jpg) top left no-repeat; padding-top:220px;}

.f_left {display:block; float:left; padding:5px 10px 8px 0;}


dd {margin-bottom:1em;}
a.audio {padding: 5px  5px 20px;
	background: transparent url(/images/icon_audio.png) no-repeat center left;}
a[href$='.doc'] {
	padding: 5px 20px 5px 0;
	background: transparent url(/images/icon_doc.gif) no-repeat center right;
}


a[href$='.pps'], a[href$='.ppt'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(/images/icon_pps.gif) no-repeat center right;
}

a[href$='.pdf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(/images/icon_pdf.gif) no-repeat center right;
}


a[href$='.fla'], a[href$='.swf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(/images/icon_flash.gif) no-repeat center right;
}

a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(/images/icon_archive.gif) no-repeat center right;
}



/* use this class to make sure that images won't get iconized */

.imageLink {
	padding-right: 0px !important;
	background: none !important;
}

.box-highlight, .box-highlight2 {background-color:#FFFCF0; padding:5px; border:1px solid #FFCC33; margin-right:30px;}
.box-highlight p {margin-left:110px; margin-top:0;}

.clear {clear:both;}

div.figure { float:left;width:200px;border: thin silver solid;margin: 0.5em;padding: 0.5em;}
div.figure p {text-align: center;font-style: italic;font-size: smaller;text-indent: 0;}
cite {text-decoration:underline; font-style:normal;}