/*base.css for WebTechNY.com */
/*   reset / normalize */     
/*  * {padding:0; margin:0; border:0;} not in use  http://www.codeweblog.com/css-reset-methods/ */

/* v1.0 | 20080212    http://meyerweb.com/eric/tools/css/reset/index.html*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{margin: 0; padding: 0; border: 0; outline: 0; font-size:100%; background:transparent;}
/* vertical-align:baseline; avoid using to correct photo gallery shadows issue */
	
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

body
{background-image:url(/images/bkGd2_css.gif); background-repeat:repeat; color:#333744; font-family:Verdana, Arial, Helvetica, sans-serif; 
scrollbar-3dlight-color: #111;  /* for all ie scrollbar only */
scrollbar-arrow-color: #F00;
scrollbar-base-color: #414656;
scrollbar-darkshadow-color:;
scrollbar-face-color:;
scrollbar-highlight-color:;
scrollbar-shadow-color: #F00;}

h1,h2,h3,h4,h5,h6{margin:0em 0; padding:0; font-size:100%; font-weight:bold; text-align:center;}
h1 {font-size:32px} /* 2em/16=2em   138.5%*/
h2 {font-size:24px} /* 1.5em/16=1.5em  123.1% */
h3 {font-size:18px} /*1.17em; 18.72px/16=1.17em 108%; */
h4 {font-size:16px} /*1.0em/16=1em 85% */
h5 {font-size:14px} /*0.83em 70%*/
h6 {font-size:12px} /*0.67em */
p{white-space:normal; padding:0 0 5px 0;} 

/*  Fonts  */ 
.small{font-size:small;}
.smaller{font-size:smaller;}
.normal{font-size:100%;}
.large{font-size:large;}
.larger{font-size:larger;}
.b,.bold,.strong {font-weight:bold}  

/*   Colors    */ 
.white, .color_w{color:white}
.cc,.color_c {color:#ccc}
.c9,.color_9 {color:#999}
.c8,.color_8 {color:#888}
.c7,.color_7 {color:#777}
.c6,.color_6 {color:#666}
.c5,.color_5 {color:#555}
.c4,.color_4 {color:#444}
.c3,.color_3 {color:#333}
.c2,.color_2 {color:#222}
.c1,.color_1 {color:#111}
.black, .color_0 {color:black}

/*  Links   */ 
.link06, .link06 a:link, .link06 a:visited {font-size:06px ; color: #A4FFA4; font-weight:normal; text-decoration: none;}
.link06 a:hover {text-decoration: none;	color: #EBE872;}

.link07, .link07 a:link,  .link07 a:visited { font-size: 07px; color: #A4FFA4; font-weight:normal; text-decoration: none;}
.link07 a:hover {text-decoration: none;	color: #EBE872;}

.link08, .link08 a:link, .link08 a:visited{font-size: 08px; color: #A4FFA4; font-weight:normal; text-decoration: none;}
.link08 a:hover { text-decoration: none; color: #EBE872;}	

.link09, .link09 a:link, .link09 a:visited {font-size: 09px;color: #A4FFA4; font-weight:normal; text-decoration: none;}
.link09 a:hover {text-decoration: none; color: #EBE872;}

.link09b,  .link09b a:link,  .link09b a:visited {font-size: 09px;font-weight: bold; color: #A4FFA4; text-decoration: none;}
.link09b a:hover {text-decoration: none;color: #EBE872;}
	
.link10,  .link10 a:link,  .link10 a:visited {font-size: 10px;font-weight: normal; text-decoration: none;color: #A4FFA4;}
.link10 a:hover {text-decoration: none;color: #EBE872;  background-color: #3A404E;}

.link10b, .link10b a:link, .link10b a:visited  {font-weight: bold;font-size: 10px; color:#A4FFA4; text-decoration: none;}
.link10b a:hover { text-decoration: none; color: #EBE872;}

.link10Blue, .link10Blue a:link, .link10Blue a:visited 
	{line-height:14px; font-weight:normal; font-size:10px; text-decoration:none; color:#4741BE; padding:0;}
.link10Blue a:hover {text-decoration:none; color:#00008C; background-color:#FFFFAE; border-bottom:1px red dotted; }

.link10bBlue, .link10bBlue a:link, .link10bBlue a:visited
	{font-size:10px; font-weight:bold; text-decoration:none; color: #0000FF;}	
.link10bBlue a:hover {text-decoration:none; color:#00008C; background-color: #FFFFAE; border-bottom:dotted 1px red; }

.link10bBlack, .linkb10Black a:link, .link10bBlack a:visited
	{font-weight: bold; font-size: 10px; text-decoration: none; color: #000;}	
.link10bBlack a:hover {text-decoration:none; color: #F00; background-color: #CCC;}

.link11, .link11 a:link, .link11 a:visited 
	{font-size:11px; text-decoration:none; color:#A4FFA4;padding:0px 3px 2px 0px;}	
.link11 a:hover {background-color:#3A404E; color: #EBE872; }
	
.link11b, .link11b a:link, .link11b a:visited  {
	font-weight: bold; font-size: 11px; color: #A4FFA4; text-decoration: none;}
.link11b a:hover {text-decoration: none; color: #EBE872; background-color:#535A6F;} /* #3A404E*/

.link11Bl, .link11Bl a:link, .link11Bl a:visited 
	{font-weight: normal; font-size: 11px; text-decoration: none; color:#4741BE}	
.link11Bl a:hover {text-decoration:none; border-bottom:dotted 1px red; color:#00008C; background-color:#FFFFAE;}
	
.link11bBlue, .link11bBlue a:link, .link11bBlue a:visited
	{font-weight: bold; font-size:11px; text-decoration:none; color: #0000FF;}	
.link11bBlue a:hover {text-decoration: none; color:#F00; background-color:#CCC;}
	
.rlink11, .rlink11 a:link, .rlink11 a:visited {font-size: 11px; font-weight:normal;text-decoration:none;
		color:#F00; background-color: #FFFFFF;}
.rlink11 a:hover {color:#414656;}	

.link11s, .link11s a:link, .link11s a:visited {font-size:11px; line-height:14px; text-decoration: none; color:#A4FFA4; padding: 1px 3px 2px 0px;}	
.link11s a:hover {background-color: #535A6F; color:#ff0;}
  
.link12, .link12 a:link, .link12 a:visited {
	font-size: 12px; font-weight: normal; text-decoration: none; color: #A4FFA4; padding: 0px 3px 2px 0px;}
.link12 a:hover { color: #EBE872; background-color:#3A404E;}
	
.link12b, .link12b a:link, .link12b a:visited {
	font-size: 12px; font-weight: bold; text-decoration: none; line-height: 16px; color: #A4FFA4;}
.link12b a:hover {color: #EBE872; background-color: #3A404E; }

/* problem in FF only .link12Blue */
.link12Blue, .link12Blue a:link, .link12Blue a:visited{font-size:12px; font-weight:normal; text-decoration: underline; color:#0000FF;}	
.link12Blue a:hover {text-decoration:none; color:#F00; background-color:#CCC;}

.link12bBlue, .link12bBlue a:link, .link12bBlue a:visited{font-size:12px; font-weight:bold; text-decoration:none; padding-bottom:1px; color:#4741BE;}	
.link12bBlue a:hover {border-bottom:red dotted 1px; text-decoration:none; color:#00008C; background-color:#FFFFAE;}

.link12bBl, .link12bBl a:link, .link12bBl a:visited {font-size:12px; font-weight:bold; text-decoration:none; padding-bottom:1px; color:#4741BE;}	
.link12bBl a:hover {border-bottom:red dotted 1px; text-decoration:none; color:#00008C; background-color: #FFFFAE;} 

.link14, .link14 a:link, .link14 a:visited {
	font-size: 14px; font-weight: normal; text-decoration: none; color: #A4FFA4;	line-height: normal;}
.link14 a:hover {text-decoration: none; color: #EBE872; background-color:#3A404E;}
	
.link14b,  .link14b a:link,  .link14b a:visited {
	font-size: 14px; font-weight :bold; text-decoration:none; line-height:normal; color:#A4FFA4;}
.link14b a:hover {text-decoration:none; color: #EBE872; background-color:#3A404E;}
	
.link14bBlue, .link14bBlue a:link, .link14bBlue a:visited
	{font-weight: bold; font-size:14px; text-decoration:none; color:#0000FF;}	
.link14bBlue a:hover {text-decoration: none; color: #F00; background-color: #CCC;}

.link16, .link16 a:link,  .link16 a:visited 
{font-size:16px; font-weight:normal; text-decoration:none; line-height: normal;color: #A4FFA4;}
.link16 a:hover {text-decoration:none; line-height:normal; color:#EBE872; background-color:#3A404E;}

.link16b,  .link16b a:link, .link16b a:visited 
{font-size:16px; font-weight: bold; line-height: normal;text-decoration: none;color: #A4FFA4;}
.link16b a:hover {text-decoration: none;color: #EBE872;}
 	
.link16bBlue, .link16bBlue a:link, .link16bBlue a:visited
	{font-weight: bold; font-size: 16px; text-decoration: none; color: #0000FF;}	
.link16bBlue a:hover { text-decoration: none; color: #F00; background-color: #CCC;}

.link18,  .link18 a:link,  .link18 a:visited {
	font-size: 18px; font-weight:normal; text-decoration: none;color: #A4FFA4;}
.link18 a:hover {text-decoration:none; color:#EBE872; background-color: #3A404E;}
	
.link18bBlue, .link18bBlue a:link, .link18bBlue a:visited
	{font-size:18px ;font-weight: bold; text-decoration:none; color:#0000FF;}	
.link18bBlue a:hover { text-decoration: none; color: #F00; background-color: #CCC;}

.link20,  .link20 a:link,  .link20 a:visited  {
	font-size: 20px; font-weight: bold; line-height: normal; color: #A4FFA4;}
.link20 a:hover {text-decoration: none;	color: #EBE872; background-color:#3A404E;}
	
.link20bBlue, .link20bBlue a:link, .link20bBlue a:visited
	{font-size: 20px; font-weight: bold; 	text-decoration: underline; color: #0000FF;}	
.link20bBlue a:hover { text-decoration: none; color: #F00; background-color: #CCC;}
	
.link24, .link24 a:link, .link24 a:visited 
	{font-size: 24px; font-weight: bold; text-decoration: none; line-height: normal; color: #A4FFA4;}
.link24 a:hover {text-decoration: none; line-height: normal; color: #EBE872; background-color: #3A404E;}

/* Layout Structure  */ 
#layoutLogic
{width:1000px; margin: 0px auto 0px; padding:0 0 10px 0; background-color:#4E5569 ;  	
border-top:2px red solid ; border-left:1px #000 solid ; 
border-right:1px #000 solid ; border-bottom:1px #000 solid ;}

#container{display:block; margin:25px auto 10px; width:996px; /*overflow:auto;*/} 

 
/*  #home   */
#home #layoutLogic{margin:0 auto 0;}
#home #agenda{background-color:#4E5569; line-height:1.2em;}
#home .agendaExt{background-color:white;} 
#home #iasaNYC09, #home .agendaExt1 {background-color:white;}
#home #iasaNYC09 h2, #iasaNYC09 h3, #iasaNYC09 h4,
#iasaNYC09 h5, #iasaNYC09 h6{margin:0 0 0.40em 0;}
.iasa{margin:0 auto  0; text-align:center;}
#iasaNYC09 #caption{font-size:.75em; padding:10px 15px 0  15px; text-align:left;}
#iasaNYC09 #captionImage{padding:20px 5px 0  10px;}
#home #byAK{padding:0 0 3px 0;}


/*  header   */ 
#header {display: block; width:1000px; height:95px; text-align:left; background-color:#414656; }	
#XHTML{font-size:10px; color:#999; font-weight:normal; position: relative; top:2px; left:10px; padding:0; text-align:left; border:0;}
#formerly{font-size:14px; font-weight:bold; color:#fff; letter-spacing:1.5px; width:500px; position:relative; top:-28px; left:22px;}

#headFlash{padding:8px 0 0 390px;}

.addTh{width:200px; position:relative; left:883px; top:-30px; font-size:10px;}
		
#website{display:block; font-size:11px; color:#999; font-weight:normal; float:right; width:260px; padding:15px 5px 0 0; text-align:left; border:0;}		

#TechEvents, #TechEvents a:link, #TechEvents a:visited {position:relative; top:-15px; left:10px;
		width:200px;font-family:"Times New Roman", Times, serif; letter-spacing:1.0px;
		font-size:28px; line-height:25px; font-weight:bold; color:#FF0;
		text-decoration:none; padding:1px 3px 2px 0px;}
#TechEvents a:hover {color: #A4FFA4; }

/*  nav  */ 	
#nav 		  {margin:0; padding:0 0 1px; display:block; background:#000; width:99.9%; position:relative; top:-21px; left:0px; z-index:100;} 	
#nav ul 	  {margin:0; padding:0; border:0; }
#nav ul li	  {margin:0; padding:0 0 1px; border-right:1px solid green /*#666*/; display:inline;}
#nav ul li a	  {margin:0; padding:1px 20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; color:#A4FFA4;}
#home #nav ul li.home{background-color:#4E5569; padding:0 0 2px;} 
#nav ul li a:hover{margin:0; padding-top:3px; padding-bottom:2px; color:#ff0; background-color:#2a2d38;}
#nav ul li.contact{border-style:none;}


/* IE to check in IE6 */
#gallery_7 .ie_wrapper #container, #gallery_8 .ie_wrapper #container{position:relative; top:-20px;}
	
/* IE6  #home  #pastEvents & .pastEvents  #jobs  #userG  #resources  #gallery_07  #gallery_08 */ 				  
#home #ie_wrapper_6 #nav ul li.home a,
#home #ie_wrapper_6 #nav ul li.pastEvents a,
#home #ie_wrapper_6 #nav ul li.links a,
#home #ie_wrapper_6 #nav ul li.jobs a,
#home #ie_wrapper_6 #nav ul li.resources a,
#home #ie_wrapper_6 #nav ul li.contact a,
#pastEvents #ie_wrapper_6 #nav ul li.home a,
#pastEvents #ie_wrapper_6 #nav ul li.pastEvents a,
#pastEvents #ie_wrapper_6 #nav ul li.groups a,
#pastEvents #ie_wrapper_6 #nav ul li.jobs a,
#pastEvents #ie_wrapper_6 #nav ul li.resources a,
#pastEvents #ie_wrapper_6 #nav ul li.contact a,
#userG #ie_wrapper_6 #nav ul li.home a,
#userG #ie_wrapper_6 #nav ul li.pastEvents a,
#userG #ie_wrapper_6 #nav ul li.groups a,
#userG #ie_wrapper_6 #nav ul li.jobs a,
#userG #ie_wrapper_6 #nav ul li.resources a,
#userG #ie_wrapper_6 #nav ul li.contact a,
#jobs #ie_wrapper_6 #nav ul li.home a,
#jobs #ie_wrapper_6 #nav ul li.pastEvents a,
#jobs #ie_wrapper_6 #nav ul li.groups a,
#jobs #ie_wrapper_6 #nav ul li.jobs a,
#jobs #ie_wrapper_6 #nav ul li.resources a,
#jobs #ie_wrapper_6 #nav ul li.contact a,
#resources #ie_wrapper_6 #nav ul li.home a,
#resources #ie_wrapper_6 #nav ul li.pastEvents a,
#resources #ie_wrapper_6 #nav ul li.groups a,
#resources #ie_wrapper_6 #nav ul li.jobs a,
#resources #ie_wrapper_6 #nav ul li.resources a,
#resources #ie_wrapper_6 #nav ul li.contact a{margin-right:-4px}
				
#home #ie_wrapper_6 #nav,
#pastEvents #ie_wrapper_6 #nav,
#userG #ie_wrapper_6 #nav,
#jobs #ie_wrapper_6 #nav,
#resources #ie_wrapper_6 #nav{top:-20px;}
				
#home #ie_wrapper_6 #container,
#pastEvents #ie_wrapper_6 #container,
#userG #ie_wrapper_6 #container,
#jobs #ie_wrapper_6 #container,
#resources #ie_wrapper_6 #container,
#gallery_07 #ie_wrapper_6 #container, #gallery_08 #ie_wrapper_6 #container
{margin:-20px auto 30px; padding:20px 0 0  0; background-color:#4E5569;} 


/* IE7up and Greater */
#home #ie_wrapper_7up #nav ul li.home,
#home #ie_wrapper_7up #nav ul li.pastEvents,
#home #ie_wrapper_7up #nav ul li.groups,
#home #ie_wrapper_7up #nav ul li.jobs,
#home #ie_wrapper_7up #nav ul li.resources,
#home #ie_wrapper_7up #nav ul li.contact,
#pastEvents #ie_wrapper_7up #nav ul li.home,
#pastEvents #ie_wrapper_7up #nav ul li.pastEvents,
#pastEvents #ie_wrapper_7up #nav ul li.groups,
#pastEvents #ie_wrapper_7up #nav ul li.jobs,
#pastEvents #ie_wrapper_7 #nav ul li.resources,
#pastEvents #ie_wrapper_7up #nav ul li.contact,
#userG #ie_wrapper_7up #nav ul li.home,
#userG #ie_wrapper_7up #nav ul li.pastEvents,
#userG #ie_wrapper_7up #nav ul li.groups,
#userG #ie_wrapper_7up #nav ul li.jobs,
#userG #ie_wrapper_7up #nav ul li.resources,
#userG #ie_wrapper_7up #nav ul li.contact,
#jobs #ie_wrapper_7up #nav ul li.home,
#jobs #ie_wrapper_7up #nav ul li.pastEvents,
#jobs #ie_wrapper_7up #nav ul li.groups,
#jobs #ie_wrapper_7up #nav ul li.jobs,
#jobs #ie_wrapper_7up #nav ul li.resources,
#jobs #ie_wrapper_7up #nav ul li.contact,
#resources #ie_wrapper_7up #nav ul li.home,
#resources #ie_wrapper_7up #nav ul li.pastEvents,
#resources #ie_wrapper_7up #nav ul li.groups,
#resources #ie_wrapper_7up #nav ul li.jobs,
#resources #ie_wrapper_7up #nav ul li.resources,
#resources #ie_wrapper_7up #nav ul li.contact {margin-right:0px;}

#home #ie_wrapper_7up #nav,
#pastEvents #ie_wrapper_7up #nav,
#userG #ie_wrapper_7up #nav,
#jobs #ie_wrapper_7up #nav,
#resources #ie_wrapper_7up #nav,
#contact #ie_wrapper_7up #nav {padding:0 0 1px;}


/* IE8 and Greater  */  
#home #ie_wrapper_8up #nav,
#pastEvents #ie_wrapper_8up #nav,
#userG #ie_wrapper_8up #nav,
#jobs #ie_wrapper_8up #nav,
#resources #ie_wrapper_8up #nav,
#contact #ie_wrapper_8up #nav {padding:3px 0 2px;}


/*  --------------  col-1 */ 
#col-1 {float:left; color:#CCC; text-align:center; padding:2px 10px 10px;
	width:202px; background-color:inherit;/* background-image: url(../images/bgGradiant.png); background-repeat:repeat-x;*/
} /* position: relative; */ 

/*location*/
#location {display:none;}
#userGroup{font-size:0.95em; font-weight:bold; line-height:1.2em; }
#locatedAt{ font-size:0.80em; padding:5px 0 0 0; }
#company{display:none; font-size:1.2em; font-weight:bold;  padding:5px 0;}
#parkAve{font-size:0.9em; font-weight:bold;}
#between{font-size:0.85em}
#organizer{font-size:.75em; font-weight:bold; line-height:1.2em}
#col-1 .map{}
 
 /*sponsors*/
.sponsors{margin:0 0 10px 0; padding:3px;}

/* col-2  */ 
#col-2{float:left; color:#666; width:518px; text-align:left;/* background-image: url(../images/bgGradiant.png); background-repeat:repeat-x;*/  }	
	
/* #agenda .agendaExt  .pastEvents */ 
#agenda {margin:0 auto; width:100%;text-align:left; background-color:white;}
/*main control*/
.agendaExt{border-bottom: solid 1px #FF9F9F; line-height:1.5em;  } 
.indent40 {text-indent:40px; display:block;}
.eventDate {font-size:1.5em; font-weight:bold; text-align:center; line-height:20px;}
.agendaExt ul{padding: 6px 0 10px 50px;}
.agendaExt li{padding: 0 0 0 3px; line-height:17px;}

.agendaExt h6{margin:0 0 .8em 0;}

.agendaExt a, .agendaExt ul li a, .agendaExt a:visited, .agendaExt ul li a:visited,
#jobs_external a,  #jobs_external a:link,  #jobs_external a:visited
{font-weight:bold; font-size: 11px; text-decoration: none; border-bottom: 1px  white  solid; color:#4741BE;}

.nonPresenterContainer{margin:0 auto 10px; width:325px; text-align:left;}
.nonPresenterContainer a, .nonPresenterContainer a:visited{display:block; height:80px; font-weight:bold; font-size: 14px; padding:10px 0 30px;  text-decoration: none; border-bottom: 1px  white  solid; color:#4741BE;}

.nonPresenterContainer a:hover,
.agendaExt a:hover, 
.agendaExt ul li a:hover, 
#jobs_external a:hover  
{text-decoration:none; border-bottom:dotted 1px red; color:#00008C; background-color:#FFFFAE;}

.agendaExt tr td a:hover  /*to avoid img in gallery from showing dotted hover undeline */
 {text-decoration:none;  border:0; background-color:#FFFFAE;}

/*past_eventsTabbed*/
#past_eventsTabbed{margin:0 auto; width:510px;}
/*#past_eventsTabbed h2{padding: 0.1em}*/
#past_eventsTabbed h5{padding:0 0 0.4em}
.pastEventsContent{line-height:1.2em; color:#555;}

/* #pastEvents */  /*look into holiday items*/
.pastEvents #pastEventsExt{line-height:1.2em; background-color:#4E5569 /*#F7F7F7*/;}
#FiestaConfetti200{width:473px; margin:0 auto 5px; height:110px; overflow:auto; padding:5px 10px 0px; border:1px solid #999; background-image: url(../images/arc_OK/FiestaConfetti200.jpg); background-repeat:repeat-y; background-position:415px; line-height:16px;}
#pastEvents #nav ul li.pastEvents{background-color:#4E5569; padding:0 0 2px ;}
.pastEvents #partyImages{width:500px; height:400px; overflow: auto;}

#galleryThumb_07, #galleryThumb_08{margin: 7px auto 5px; width: 495px;}
/*works with only p and .agendaExt  or a DIV  #pastEvents*/
#pastEvents img.presenter{padding:7px 15px 0 0; float:left;}
#pastEvents img.nonPresenter{padding:0px 15px 0 7px; float:left;} 

#dearFriends p{padding:0; margin:0 0 4px;}
#dearFriends{width:480px; margin:0 auto 5px; height:95px; overflow:auto; padding:5px 10px 0px; border:1px solid red;  background-image: url(../images/arc_OK/FiestaConfetti200.jpg); background-repeat:repeat-y; background-position:415px; line-height:14px;}
 
/*Gallery slide show*/ 
.wh_bot-gif{background-image: url(/pages/past_events/08/12/images/wh_bot.gif); background-repeat:repeat-x;}
.wh_rt-gif{background-image: url(/pages/past_events/08/12/images/wh_rt.gif); background-repeat:repeat-y;}  
/*.agendaExt .categ  .jobs_ext */ 

.agendaExt, .categ, .jobs_ext {font-size:12px;margin: 0 0 0 0px; padding:10px 3px 0px 8px;  }
.partyImages{margin:0 auto; width:502px; height:135px; overflow: auto;}

/* --------------  col-2 #home */  #home #col-2{padding:5px 0 0  0;}

/*col-2 #resources */
#resources #col-2{padding:0 15px; border-left:1px solid #6268B7; border-right:1px solid #6268B7; width:487px; }
#resources #WebDevelopmentResources{width:450px; padding: 10px 0 0 30px;}
#resources #WebDevelopmentResources .float-left{width:180px; border-bottom:none;}
#resources #WebDevelopmentResources .float-right{width:220px;border-bottom:none;}
#resources h2, #resources h3{color:white;}
#resources h2{padding:0 0 10px 0;}
#resources #col-2 h3{margin:10px 0 5px 0}
#resources .top{float:right; margin-top:-23px;}
#resources #nav ul li.resources{background-color:#4E5569; padding:0 0 2px;}/* nav link */
#resources #res{border-bottom:1px solid #6268B7; height:100%/*for IE6*/;} 
#resources p{padding:0 0 15px 0; border-bottom:1px solid #6268B7;}
#resources p a:link, #resources p a:visited {font-size:11px; line-height:1.6em; text-decoration:none; color:#A4FFA4; padding:0px 3px 2px 0px;}	
#resources p a:hover{background-color:#3A404E; color:#EBE872; }

/*js_jQueryAjax  ?  */ 
#nav ul li.js_jQueryAjax{padding:1px 0;}
#js_jQueryAjax{font-size:16px; background-color: #EBEBEB; color:#555; /*border:solid black 1px; border-top:solid red 4px;*/ text-align:center; margin:auto; padding:10px 30px 18px; width:450px; }
#js_jQueryAjax #title{font-size:24px; font-weight:bold;}
#js_jQueryAjax h1{padding: 0 0 10px 0 ;}
#js_jQueryAjax h2{margin:0; padding:0;}
#js_jQueryArjax h3, #js_jQueyAjax h4, #js_jQueyAjax h5{line-height:16px; margin:0 0 5px 0;}
#js_jQueryAjax p{line-height:20px;}
#js_jQueryAjax #organizers_2{margin:20px auto; font-size:0.70em; line-height:0.9em; width:400px;}

/* col-2 #userG */
#userG #col-2{width:522px;}
#userG #nav ul li.groups{background-color:#4E5569; padding:0 0 2px;}
.group {font-size:20px; font-weight:bold; padding:0 0 0  8px; text-align:center;}
.categ {border-bottom:1px solid #FF9F9F; margin:0 10px;}
.UG {margin: 3px; padding: 0 0 7px 0; padding:0 0 0 0px; }
.linkInfo {margin:0; padding:0; font-size:11px; font-weight:normal;}

/* col-2  #jobs   col-2 jobs_ext*/
#jobs #nav ul li.jobs{background-color:#4E5569; padding:0 0 2px;}
#jobs #col-2, #jobs h3{ /*line-height:1.3em; */ }
.jobs_ext{font:12px; margin:0 20px; text-align:left; border-bottom:1px solid #FF9F9F; }

/* --------------- col-3  */ 
#col-3{float:right; width:244px;  color:#666; text-align:center; background-color:#4E5569; } 

/* col-3 jQuery Accordion*/  #accordion{width:242px;margin:0; padding:0; background:white;} /*font-size:smaller;*/
.ui-accordion .ui-accordion-header {font:0.85em/1.4em bold Verdana, Arial, Helvetica, sans-serif }
.ui-accordion .ui-accordion-content {margin:0; padding:0; height:186px; text-align:left; background:white;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color:blue; font-weight:bold;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color:red; font-weight:bold;}

#accordion .link10Blue,
#accordion .link10Blue a:link, 
#accordion .link10Blue a:visited
 {display:block; width:150px; font-size:0.85em; line-height:15px; margin:2px 0 0 0 ; padding:0 0 1px 0;}
#accordion .link10Blue a:hover{padding:0; background: #FFFFAA;}

#gennadyArticle{font-size:11px; margin:0 auto; padding:12px; line-height:19px;  border: 1px solid blue; text-align:left; background:#DFDFDF; width:475px; height:250px; overflow:auto; }
#videoPlay #videoHead{margin: 20px auto 0;} /*Template videoPlayer*/
#videoPlay  h5, #videoPlay h6{color:white; margin:0.5em 0;} /* template videoPlayer*/
#vSquare #vSubSqLeft img{text-align:left; padding:2px 4px 2px; border:0;} /* Videos of Past Events  thumbnails controls  */
#vSquare #vSubSqRight img.ppIcon, #vSquare #vSubSqRight img.pdfIcon{padding:3px 0 0 0;} /* Videos of Past Events icon controls -  seems not to work on all browsers */

/* col-3 Video of Past Events */ 
#col-3Sub{width:180px; margin:0px auto 5px;} 
#video_of{width:175px; font-size:14px; font-weight:bold; text-align:center; line-height:11px}  
#video_php{margin:-1px auto 0; padding-top:6px; overflow:auto; width:244px; height:300px;} 
.vSquare img{padding:2px;}
.vSquare{margin:0 0 2px; width:220px; }
.vSubSq{padding:0px; width:220px; height:90px; border-bottom:red 1px solid ; overflow:hidden; background:white;}
.vSubSqDate{padding:0 0 1px 0 ;  border-bottom:red solid 1px; text-align:center; font-size:0.9em;}
.vSubSqLeft{float:left; width:60px; }
.vSubSqRight{display:block; float:right; width:148px; margin:9px 0 0 0; padding:4px 0 0 0; text-align:left}
#videoTemplate{margin:0 auto; padding:0 0 10px 0; background-color:black;}

/*  #footer */  #footer{margin:0px auto; padding:10px 0 20px; width:1000px; position:relative; text-align:center; background-color:none; background-image:none;} 


/* sliderMikeG   pages/jQuerySliderMikeG.php */  
#sliderMikeG{margin:25px 22px 0 0 ;}
div.ycodaslider div.yslider-wrap { padding:30px 10px; width:840px; background-color:#4E5569; }
#sliderMikeG h4{line-height:1.5em; }
#sliderMikeG h5{line-height:1.8em; text-align:center; }
#sliderMikeG ul{padding:0px;}
#sliderMikeG li{line-height:1.6em; }
#sliderMikeG p{font-family:Trebuchet MS,Verdana,Helvetica,sans-serif; font-size:12px; line-height: 1.4em;}
#eMail{margin: 10px 30px 10px 35px; padding:20px; background-color:#F0F0F0; }
#sliderMikeG .contact{padding:15px 0 15px 15px; text-align:center;}
#sliderMikeG #mikeG_1b,
#sliderMikeG #mikeG_2b,
#sliderMikeG #mitchKick{margin: 0 auto 0px; padding:0 0 5px 0; width:700px; background-color:black; overflow-w: none;}	
.camtas{margin: 0 auto; color:white; font-weight:bold; font-size:.80em; padding:2px 0 4px 0; width:700px; background-color:black;}
.webDevelopment_cc{padding:0; font-size:.65em; font-weight:normal; color:#777; background-color:black; text-align:center;}  /*?*/

#home #noUpdate4, #noUpdate5A {margin:0 auto;padding:40px; width:210px; height:200px; font-family:Arial, Helvetica, sans-serif;
                font-size: x-small; color: #DDDDDD;  text-align: left;}   /*?*/

/* external Video pop up window */
#videoHead{margin:0 auto; width:710px;  background-color:black; text-align:center; display:block}
#videoHead h1{padding:5px; font-size:18px; color:yellow; text-align:left;}
#videoHead .comLive{font-size:18px; color:white; text-align:left; color:#cccccc}

/*HTML5 roundBorders */
.border50{margin:0 auto; padding:10px 0; background-color:#FFFFFF;
border:1px solid red; 
/*-webkit-box-shadow:5px 5px 8px #818181;
-moz-box-shadow:5px 5px 8px #818181;*/
-moz-border-radius:50px;
-webkit-border-top-left-radius:50px;
-webkit-border-top-right-radius:50px;
-webkit-border-bottom-left-radius:50px;
-webkit-border-bottom-right-radius:50px;}
.border25{margin:0 auto; padding:10px 0; background-color:#FFFFFF;
border:1px solid red; 
/*-webkit-box-shadow:5px 5px 8px #818181;
-moz-box-shadow:5px 5px 8px #818181;*/
-moz-border-radius:25px;
-webkit-border-top-left-radius:25px;
-webkit-border-top-right-radius:25px;
-webkit-border-bottom-left-radius:25px;
-webkit-border-bottom-right-radius:25px;}
.border10{margin:0 auto; padding:10px 0; background-color:#FFFFFF;
border:1px solid red; 
/*-webkit-box-shadow:5px 5px 8px #818181;
-moz-box-shadow:5px 5px 8px #818181;*/
-moz-border-radius:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;}
.border5{margin:0 auto; padding:10px 0; background-color:#FFFFFF;
border:1px solid red; 
/*-webkit-box-shadow:5px 5px 8px #818181;
-moz-box-shadow:5px 5px 8px #818181;*/
-moz-border-radius:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;}

/* .opacity */  #home .opacity{filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity: 0.95; opacity: 0.95;}
#pastEvents .opacity,#userG .opacity,#jobs .opacity,#resources .opacity
{filter:alpha(opacity=100); -moz-opacity:1.00; -khtml-opacity: 1.00; opacity: 1.00;} 

/* #code */
#code #partialCode{color:#ccc; background-color:#4E5569; text-align:center; margin:40px auto 0; padding:20px 30px 0 ; width:370px;  border:black 1px solid;  border-top:red 4px solid;}
#code h1,#code h2,#code h3,#code h4,#code h5,#code h6{line-height:1.5em;}
#code p#by{font-size:10px; padding:10px 0 20px 0; color:#999;}


/* floats and clear */  
.left,.float-left{float:left; overflow:hidden;}/* overflow:hiddenfor ie6 only */
.right, .float-right{float:right; overflow:hidden;}/* overflow:hidden for ie6 only */
#clear, .clear{clear:both;} /* .nohorbar {overflow-x: hidden} */  

/* Use .clearfix, in #layoutLogic in stead of these two solutions: 
 overflow:auto,  <div class="clear"></div> or <br class="clear" /> and .clear{clear:both} */

/* Clearing a float container without source markup */
/* old clearfix method http://www.positioniseverything.net/easyclearing.html  */
/* http://css-tricks.com/snippets/css/clear-fix/  */
/* new clearfix method http://perishablepress.com/press/2009/12/06/new-clearfix-hack/ */
/* new clearfix */
.clearfix:after {visibility:hidden; display: block; font-size:0; content: " "; clear:both; height:0;}
* html .clearfix             { zoom: 1; } /* triggers proprietary hasLayout for IE6  like height:1% */
*:first-child+html .clearfix { zoom: 1; } /* triggers proprietary hasLayout for IE7 */
					  /* http://reference.sitepoint.com/css/haslayout */
					  /* http://css-discuss.incutio.com/wiki/Star_Html_Hack */
/* Misc Generic */
.none{display:none;}
.inline{display:inline;} /* only style="display:inline;" works in an a tag in Accordion Video */
.center{text-align:center;}
.redLine{border-bottom:1px solid #FF9F9F; padding:0 0 10px 0;}


