/* 
-----------------------------------------------
  Import Styles
----------------------------------------------- */

 /*@import url(sIFR-screen.css); headings */


/* 
-----------------------------------------------
  Global
----------------------------------------------- */

body {padding: 0; margin: 0; font:12px Arial, Helvetica, sans-serif;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

a {color:#5A74AB;}
a:hover {text-decoration: none;}

h1 {color:#5A74AB; font-size:26px; font-weight:bold; line-height:1em; margin:10px 0;}
h2 {color:#5A74AB; font-size:16px; font-weight:bold;}

#wrapper {width:950px; margin:0 auto; padding:0; border:0;}
#contentwrap {width:950px; background:url(../images/contentBG.gif) right repeat-y; border:0; margin:10px 0 0 0; padding:0; height:1%; float:left; clear:both;}
form {margin:0; padding:0;}
#leftcol {width:700px; float:left; margin:0; padding:0; padding-left:20px; line-height:1.6em;}

#rightcol {width:185px; float:right; margin:0 3px 30px 0px; padding:0;}
#rightcol h4 {color:#5A74AB; font-size:18px; font-weight:bold; margin:0 0 10px 0;}
#rightcol div.join {}
#rightcol div.join p {margin-top:10px;}
#rightcol div.corporatesupporters {width:180px; border:1px solid #ccc; background:#fff; padding:5px 2px; margin:0 auto; text-align:center; margin-top:20px;}

#rightcol #memberIDhelp {background:white; border:1px solid #999; padding:0px 6px; width:158px; margin-bottom:10px; font-size:11px; color:#666; display:none;}
#rightcol .warning {color:#CC0000; font-style:italic; margin-bottom:10px;}

img.memberonlyIcon {vertical-align:bottom; margin-left:5px;}

form.generalForm {margin:0; padding:0;}

img.committeePhoto {float:left; border:1px solid #CCC; padding:4px; margin:0 10px 10px 0px;}

/* 
-----------------------------------------------
  Top Nav
----------------------------------------------- */

#header {background:url(../images/topNavBG.gif) no-repeat; width:950px; margin:0; padding:0; border-bottom:1px solid #5A74AB; height:95px;}
#topNav {float:right; margin:0; padding:0;}
#topNav ul {margin:61px 10px 0 0; padding:0;}
#topNav ul li {list-style: none; margin: 0 0 0 30px; padding:0; float:left; font:bold 16px Arial, Helvetica, sans-serif; color:#5A74AB;}
#topNav ul li a {text-decoration:none; color:#5A74AB; display:block; text-indent:-9009px; height:34px;}

#topNav ul li a.home {width:47px; background:url(../images/navBG_home.gif) no-repeat;}
#topNav ul li a.membership {width:93px; background:url(../images/navBG_membership.gif) no-repeat;}
#topNav ul li a.events {width:50px; background:url(../images/navBG_events.gif) no-repeat;}
#topNav ul li a.resources {width:76px; background:url(../images/navBG_resources.gif) no-repeat;}
#topNav ul li a.aboutus {width:70px; background:url(../images/navBG_aboutus.gif) no-repeat;}
#topNav ul li a.contactus {width:80px; background:url(../images/navBG_contactus.gif) no-repeat;}
#topNav ul li a.currentTab {background-position: 0px -36px;} /* === EITHER SET A currentTab CLASS OR HARD CODE ON PAGES === */
#topNav ul li a:hover {background-position: 0px -36px;}

/* 
-----------------------------------------------
  Sub Nav
----------------------------------------------- */

#subNav {width:950px; background:#62A2D2; float:left; clear:both; padding:0; margin:1px 0 0 0;}
#subNav ul {margin:0 0 0 10px; padding:4px 0; height:1%;}
#subNav ul li {float:left; list-style:none;}
#subNav ul li a {color:white; text-decoration:none; border-right:1px solid white; margin:5px 0px; padding:0 10px; display:block;}
#subNav ul li a.last {border:none;}


/* 
-----------------------------------------------
  Login Box
----------------------------------------------- */

#login {margin:0; padding:0; width:180px;}
#login h4 {color:#5A74AB; font-size:18px; font-weight:bold; margin:0 0 10px 0;}
#login label {color:#5A74AB; font-size:14px; font-weight:bold;}
#login input.text {margin:4px 0 8px 0; border:none; width:160px; padding:0;}
#login input.submit {margin-bottom:20px;}


/* 
-----------------------------------------------
  Homepage
----------------------------------------------- */

#homepagewrap {
	text-align: left; 
	margin: 5px auto 0 auto; 
	width: 980px; 
	padding-left: 10px; 
	clear: both;
	}
	
	
/* ---------- Homepage Feature ---------------- */

img.featureImages {margin:0; padding:0;}

div.homenews {width:380px; float:left;}
div.homeevents  {float:left; margin-left:20px; width:260px;}
div.cisconews {float:left; width: 600px;}
div.cisconews h2 {color:#5A74AB; font-size:26px; font-weight:bold; line-height:1em; margin:10px 0;}


/* 
-----------------------------------------------
  Events Page Table & Directory Table
----------------------------------------------- */
table.directoryForm td {padding:5px;}

table.eventgrid, table.directoryResults {border-collapse:collapse; border:none;}
table.eventgrid th, table.directoryResults th {background:#62A2D2; color:white; font-weight:bold; text-align:left; padding:5px;}
table.eventgrid td, table.eventgrid tr {border-bottom:1px solid #D9EAF4; padding:5px;}

table.directoryResults {border:1px solid #D9EAF4;}
table.directoryResults td, table.directoryResults tr {border:1px solid #D9EAF4; padding:5px;}
table.eventgrid td.date {width:80px; border:none;}
table.eventgrid td.event {width:550px; border:none;}

table.directoryResults table, table.directoryResults table tr, table.directoryResults table td {border:1px solid white;}  /* pagination override */

table.directoryDetails {border:1px solid #D9EAF4; width:125px;}
table.directoryDetails td, table.directoryDetails tr {border:1px solid white; padding:5px;}
table.directoryDetails tr.header td {background:#62A2D2; color:white; font-weight:bold; text-align:left;}

/* 
-----------------------------------------------
  Events Pop-Up
----------------------------------------------- */
div.eventPopup {padding:20px; background:url(../images/topNavBG.gif) no-repeat 8px -30px;}
div.eventPopup h2  {color:#5A74AB; font-size:26px; font-weight:bold; line-height:1em; margin-top:60px;}


/* 
-----------------------------------------------
  Corporate Partners (Descriptions & Logos)
----------------------------------------------- */
div.partnerDesc {height:1%; margin-bottom:10px; border-top:1px dashed #62A2D2; border-bottom:1px dashed #62A2D2; padding:10px;}
div.partnerDesc img {float:left;}
div.partnerDesc p {float:right; width:480px;}

#howto {display:none; padding:20px; background:#FFFFD7; margin-bottom:20px;}

/* 
-----------------------------------------------
  Footer
----------------------------------------------- */

#footer {width: 950px; float:left; clear: both; margin: 20px auto 0 auto; border-top: 1px dotted #5A74AB; padding: 10px 0 30px 0; font-size:11px;}
#footer img {float:left; margin-right:20px;}
#footer p.copyright {float:left;}
#footer p.disclaimer {clear:both;}