@charset "utf-8";
/* 
Directions Magazine Main CSS File
Author: Pasquale Scerbo (pasquale@waveactive.com)
Date: December 2008
*/

/*----------------- CSS NORMALIZER -----------------*/

/*
- cancels default styles applied to page elements
- adjusts default elements between browsers to same baseline
*/
div, dl, dt, dd, ul, li, pre, hr, form, fieldset, input, th, td {margin:0; padding:0;}
address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;}
table {border-collapse:collapse; border-spacing:0; font-size:inherit; font-size:100%;}
select, input, textarea {font:99% verdana,geneva,sans-serif;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-size:100%; font-weight:normal;}
fieldset, img {border:0;}
img {vertical-align:middle;}
select, .inputStyle {border:1px solid #23AA08; background:#FFF; padding:.1em; margin:.1em 0 .1em .2em;}
ul, ol {padding-left:18px;}
legend {display:none;}
.skipNavigation {position:absolute; left:0px; top:-500px; overflow:hidden;}
select {background:#FFF;}
.cleaner	{ clear: both; }
.clear5		{ clear: both; height: 5px; _height: 0; font-size: 1px; }
.clear10 	{ clear: both; height: 10px; font-size: 1px; }
.clear16	{ clear: both; height: 16px; font-size: 1px; }
.fLeft		{ float: left; }
.fRight		{ float: right; }
.png		{ _behavior: url(common/css/iepngfix.htc); }


/*::::::::::::::DEFAULT::::::::::::::*/
body		{ margin: 0; padding: 0; background: #CCC; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-size: 11px; }
#container	{ width: 940px; margin: auto;}
#bg			{ float: left; background: #FFF; padding: 0 19px; }

h1 a	{ margin: 0; padding: 0; color: #3366cc; font-size: 13px; font-weight: bold; }

a 		{ color: #666633; text-decoration: none; }
a:hover	{ text-decoration: underline; }

.arrow	{ background: url(img/arrow.gif) no-repeat right; padding-right: 10px; }

.line { background: url(img/bg-dots.gif) repeat-x top; height: 5px; clear: both; margin-top: 6px;  }

/*::::::::::::::HEADER::::::::::::::*/
/*#header			{ width: 900px; height: 173px; border: 1px solid #d6d6d6; margin-bottom: 11px; float: left; position: relative; }*/
#header			{ border: 0px solid #d6d6d6; margin-bottom: 11px; float: left; position: relative; text-align:left;}
#logo			{ float: left; width: 276px; margin: 12px 0 0 11px; }
#search			{ position: absolute; left: 653px; top: 27px; float: left; }
#search input	{ width: 169px; float: left; border: 1px solid #999; font-size: 11px; height: 16px; padding-left: 2px; }
#search .srcbtn	{ width: auto; height: auto; float: left; margin-left: 4px; border: 0; }

/*::::::::::::::MENU::::::::::::::*/
#menuWrap		{ margin-top: 11px; _margin-top: 4px; background: url(img/bg-menu.gif) repeat-x; height: 27px; clear: both; position: relative; }
#nav	{ margin-left: 0; padding-left: 0; float: left; }
ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0; }

ul.dropdown { position: relative; z-index: 600; float: left; }

ul.dropdown li { float: left; line-height: 1em; vertical-align: middle; zoom: 1; }

ul.dropdown li.hover,
ul.dropdown li:hover { position: relative; z-index: 598; cursor: default; }

ul.dropdown ul { padding-top: 6px; visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 10; width: 100%; }

ul.dropdown ul li { float: none; font-size: 11px; }
ul.dropdown ul ul { top: 1px; left: 99%; }

ul.dropdown li:hover > ul { visibility: visible; }

/*::::::::::::::MAIN AREA::::::::::::::*/
#mainWrap	{ float: left; width: 900px; _width: 901px; background: url(img/bg-mainLine.gif) repeat-y; margin-top: 19px; border-bottom: 20px solid #FFF; }

.titleOld		{ font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 11px; color: #333; text-transform: uppercase; letter-spacing: -0; padding-bottom: 4px; background: url(img/bg-dots.gif) repeat-x bottom; margin-bottom: 12px; }

.title		{ font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #23aa08; text-transform: uppercase; letter-spacing: -0; padding-bottom: 7px; background: url(img/bg-dots.gif) repeat-x bottom; margin-bottom: 7px; }



.title.nm	{ margin-bottom: 3px; font-size: 11px; color: #333; }




ul.titleLinks				{ margin: 0; padding: 0; list-style: none; font-size: 10px; }
ul.titleLinks li			{ float: left; color: #666; padding-right: 4px; padding-bottom: 4px; }
ul.titleLinks li a			{ text-decoration: none; color: #666633; }
ul.titleLinks li a:hover	{ text-decoration: underline; }
ul.titleLinks li a.on		{ color: #666; }

ul.pagination				{ margin: 0; padding: 0; list-style: none; font-size: 11px; }
ul.pagination li			{ float: left; color: #333; padding-left: 4px; padding-bottom: 4px; }
ul.pagination li a			{ text-decoration: none; color: #3b73b9; }
ul.pagination li a:hover	{ text-decoration: underline; }
ul.pagination li a.on		{ color: #666; }

.vspacer	{ clear: both; height: 22px; }
.rss		{ margin-top: -2px; }

/*::::::::::::::LEFT COLUMN::::::::::::::*/
#leftColumn	{ float: left; width: 710px; margin-right: 10px; color: #333; }
#leftColumn h1	{ color: #23aa08; font-weight: bold; font-size: 22px; _line-height: 22px; margin: 0; padding: 0; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; margin-bottom: 7px; padding-bottom: 7px; background: url(img/bg-dots.gif) repeat-x bottom; }
#leftColumn h1 span	{ font-size: 14px; font-weight: regular; }

ul.titleLinks				{ margin: 0; padding: 0; list-style: none; font-size: 10px; }
ul.titleLinks li			{ float: left; color: #666; padding-right: 4px; padding-bottom: 4px; }
ul.titleLinks li a			{ text-decoration: none; color: #996600; }
ul.titleLinks li a:hover	{ text-decoration: underline; }
ul.titleLinks li a.on		{ color: #666; }

ul.special	{ margin: 0; padding: 0; list-style: none; margin-left: 35px; width: 500px; margin-bottom: 20px; }
ul.special li	{ background: url(img/bullet-green.gif) no-repeat 0 6px; padding-left: 10px; display: block; }


/*::::::::::::::RIGHT COLUMN::::::::::::::*/
#rightColumn		{ float: left; width: 170px; margin-left: 10px; padding-top: 18px; color: #333; }
#rightColumn .box	{ border: 1px solid #d6d6d6; padding: 9px 6px 13px 6px; background: url(img/bg-boxright.gif) no-repeat top #fdf5e6; clear: both; }

#rightColumn ul.special		{ margin: 0; padding: 0; list-style: none;margin: 10px 0 20px 10px; width: auto; }
#rightColumn ul.special li	{ background: url(img/bullet-green.gif) no-repeat 0 6px; padding-left: 10px; display: block; }


/*::::::::::::::FOOTER::::::::::::::*/
#footer	{ clear: both; width: 940px; padding-top: 31px; margin: auto; text-align: center; padding-bottom: 26px; }

/*::::::::::::::General:::::::::::::: By Tamilselvan*/
/*triple column*/
#tripleColumn .triple	{ width: 700px; float: left; margin-top: 3px; margin-left: 3px;}
#tripleColumn .triple .left	{ float: left; width: 260px; padding-right: 5px;} /*  border-right: 1px solid #696969; */
#tripleColumn .triple .center	{ float: left; width: 200px; padding: 0 5px 0 10px;}
#tripleColumn .triple .right	{ float: left; width: 200px; padding: 0 5px 0 10px; _padding: 0 0 0 10px; }

#tripleColumn .triple .snpt	{ padding: 12px 0 0 0; clear: both; }
#tripleColumn .triple .snpt a	{ font-weight: bold; clear: both; padding-bottom: 5px; }
#tripleColumn .triple .details	{ margin-top: 0px; margin-bottom: 0; }

ul.bulletDisk { margin: 0; padding: 0; list-style: none; margin-left: 2px; margin-bottom: 20px; }
ul.bulletDisk li { background: url(img/bullet-green.gif) no-repeat 0 6px; padding-left: 10px; display: block; }

ul.bulletDiskBold { margin: 0; padding: 0; list-style: none; margin-left: 2px; margin-bottom: 20px; font-weight: bold; font-size:12px;}
ul.bulletDiskBold li { background: url(img/bullet-green.gif) no-repeat 0 6px; padding-left: 10px; display: block; }


.keyHome {
	width: 700px;  margin-top: 5px; margin-left: 4px;
	}
	
	

ol.tenNumber li{
	 list-style-type: decimal;
	 list-style-position: outside;
	 margin-left: 5px; 
	 margin-bottom: 15px; 
	 padding-left: 10px;}



.data-table {
	border-collapse: collapse;
}
.data-table th, .data-table td {
	vertical-align: top;
	border: 1px solid black;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.data-table caption
{
	background-color: #DBE3C3;
	border: 1px solid black;
	font-size:14px;
}

.txtdata{
	background-color: #DBE3C3;	
	font-size:12px;
	}


td.long{
	vertical-align: top;
	border: 1px solid black;
	padding-left: 0.5em;
	padding-right: 0.5em;
	width: 250px;
}


td.newlong{
	vertical-align: top;
	border: 1px solid black;
	padding-left: 0.5em;
	padding-right: 0.5em;
	width: 250px;
}


.txtRight {text-align: right;}

ol.listNumber
{ 
	list-style-type: decimal; 	
	list-style-position: outside;
}

ol.listNumber li
{ 
	padding-left: 5px; display: block; 

}

.txtBox { border:1px solid #23AA08; background:#FFF; padding:.1em; margin:.1em 0 .1em .2em; }



textarea {border:1px solid #23AA08; background:#FFF; padding:.1em; margin:.1em 0 .1em .2em;}

select.clsSel { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; border: #23AA08; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px} 

.submit_button
{
    COLOR: #23AA08;
    FONT-WEIGHT: bold;
    
}
.lbl_fnt {
	font-size: 12px;
	font-weight: bold;		
}

input.btn 
{
	color:#050;
	font-weight: bold;
	background-color:#fed;
	
}

.leftMargin { margin-left:5px;}

td.rtMargin { margin-right:80px;}

.imgRight {
	text-align: right;
	vertical-align: top;
	margin:  0 0 8pt 0;
	padding: 0 0 10px 0;
	}

.ag_hdr {
	font-size: 12px;
	font-weight: bold;	
	margin: 8pt 0 0 0;
	padding: 5px 10px 10px 10px;
}
	
	
.ag_time {
	font: normal 14px;
	font-weight: bold;
	margin: 8pt 0 0 0;
	padding: 5px 10px 10px 10px;}
	
	
	.ag_tc {
	font: normal 18px;
	color: #23aa08;
	font-weight: bold;
	margin: 8pt 0 0 0;
	padding: 5px 10px 10px 30px;
}

.ag_topic {
	font: normal 18px;
	font-weight: bold;
	color: #23aa08;
	margin: 8pt 0 0 0;
	padding: 5px 10px 10px 200px;

}


.ag_ln{
	color: #F5F5F5;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-right: 1px; 
}

.ag_subhdr 
{
	font-weight: bold;
	margin:0; padding:0;
}
.ag_spdesc 
{
	font-weight: normal;
	margin: 3pt 0 0 3pt;
	padding: 5px 5px 5px 5px;

}
.ag_desc 
{
	font-weight: normal;
	margin: 8pt 0 0 3pt;
}
.ag_subdesc {
	font: normal 8pt Arial, Helvetica, sans-serif;
	margin: 8pt 0 0 0;}
.ag_prs {
	margin: 0 0 8pt 8pt;
	padding: 0;
	display: block;}
.ag_prs_nm {
	font-weight: bold;
	display: inline;
	padding: 0;
	margin: 0;}
.ag_prs_dl {
	padding: 0;
	margin: 0;}
.ag_prs_dl A {
  color:#000;}
  
  
.ag_day {
	margin: 0 ;
	padding: 5px 5px 5px 5px;
	font-size:18px;
	font-weight:bold;
	 color: #23AA08;}
	 
	 
.gallerycontainer{
	position: relative;

}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

TABLE.border{
	font-size: 12px;
	margin: 8px 0 8px 0;
	border-color: black;
	border-style: solid;
	border-width: 0 1px 1px 0}
TABLE.border TD, TABLE.border TH{
	padding: 5px;
	border-color: black;
	border-style: solid;
	border-width: 1px 0 0 1px}
TABLE.border TR.header {
	font-weight: bold;
	background-color: #DBE3C3;}
TABLE.border TR.subheader {
	font-weight: bold;}
TABLE.border TD.charter {
	background-color: #E5E5E5;}

TABLE.border2{
	font: 10pt Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 8px 0 8px 0;
	border-color: #<?=CLR_GRAY?>;
	border-style: solid;
	border-width: 0 1px 1px 0}
TABLE.border2 TD, TABLE.border2 TH{
	padding: 5px;
	border-color: #<?=CLR_GRAY?>;
	border-style: solid;
	border-width: 1px 0 0 1px}
TABLE.border2 TR.header {
	font-weight: bold;
	background-color: #<?=CLR_LGHT?>;}
TABLE.border2 TR.subheader {
	font-weight: bold;}
TABLE.border2 TD.charter {
	background-color: #<?=CLR_GRAY?>;}

TABLE.p {
	font: 10pt Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;}


	
.wrkshp
{	
	font-size: 14px;
	padding: 10px 0 0 0;
	color: #333;
}
.wpfnt { font-weight: bold; margin: 8pt 0 0 0; padding-top: 8px 0 0 0;}
ul.wrkshpbt	{ margin: 0; padding: 0; list-style: none; margin-left: 35px; margin-bottom: 20px; }
ul.wrkshpbt li	{ background: url(img/bullet-green.gif) no-repeat 0 6px; padding-left: 10px; display: block; }

#leftColumn table.agenda_table td h1 {color: #23aa08; font-weight: bold; font-size: 16px; background: url(img/blank.gif) repeat-x bottom;} 

#leftColumn table.agenda_table td {padding-left: 2px; padding-bottom: 2px; padding-right: 2px; } 
#leftColumn table.agenda_table td.bgWhite {background: #FFFFFF;} 
#leftColumn table.agenda_table td.bgGray {background: #F6F6F6;}
#leftColumn table.agenda_table td.bgltGry {background: #F5F5F5;}
#leftColumn table.agenda_table td.bgTopic {background: #EEEEEE;}

#leftColumn h2 {font-size: 16px; font-weight: bold;}
#leftColumn h3 {font-size: 14px; font-weight: bold;}

.form_title {
	text-transform: uppercase;
	font-weight:bold;}
.form_wrapper {
	margin-top: 15px;
	margin-left:4px;}
	
	
ul.registration	{padding: 0; list-style: none; margin-left: 10px; margin-bottom: 20px; }
ul.registration li	{ background: url(img/bullet-green.gif) no-repeat 0 6px; padding-left: 10px; display: block; }
img.fRight		{ float: right; margin-left: 10px; margin-top: 10px;}	

.fLtcntr { float: left; margin-left: 15px;}
.imRight { float: right; margin-right: 10px;}	
.imline { background: url(img/bg-dots.gif) repeat-x top; height: 5px; clear: both; margin-top: 1px;  }


.artHead {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;	
	margin: 0 0 0 0;
	padding: 5px 8px 3px 4px;}	
		

.artDate {
	font-size: 12px;
	font-weight: bold;	
	margin: 0 0 0 0;
	padding: 5px 8px 8px 4px;}	
	
	
/*------------------------------slideshow------------------*/	
	
.slideshow {
    position:relative;
    height:350px;
}

slideshow.IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

slideshow IMG.last-active {
    z-index:9;
}


/* --------------------- images for archive---------------*/
.adWrapLeft {
float:left;
width:800px;
border:0 none;
margin:0;
padding:0;
}

ul.gallery {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 15px 0;
}

.ul {
font-size:1.2em;
margin:0 0 0 15px;
border:0 none;
margin:0;
padding:0;

}

ul.gallery li {
display:block;
float:left;
margin:0 12px 12px 0;
}


ul.gallery li a {
border:1px solid #9DB2B9;
display:block;
line-height:0;
padding:10px 10px 10px 10px;
}

ul.gallery li a:hover {
border:1px solid #313739;
}


<!--a:focus {
outline-style:none;
outline-width:medium;
}
-->

<!---moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;-->

ul.clearfix {
display:block;
}

/* ##### For CSS popup window  ##### */

#fade {
	background: #DEDEDE;
	position: fixed;
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left: 0;
	top: 0;
	z-index: 1000;
}

.popup_block {
	background: #ddd;
	padding: 10px 20px;
	border: 10px solid #fff;
	float: left;
	width: 480px;
	position: fixed;
	top: 20%;
	left: 50%;
	margin: 0 0 0 -250px;
	z-index: 1001;

}
.popup_block .popup {
	float: left;
	width: 100%;
	background: #fff;
	margin: 10px 0;
	padding: 10px 0;
	border: 1px solid #bbb;
}
.popup h3 {
	margin: 0 0 20px;
	padding: 5px 10px;
	border-bottom: 1px solid #bbb;
	font-size: 1.5em;
	font-weight: normal;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
.popup img.cntrl {
	position: absolute;
	right: -20px;
	top: -20px;
}

/*--Making IE6 Understand Fixed Positioning--*/

*html #fade {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop : document.body.scrollTop);
}

*html .popup_block {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+((documentElement.clientHeight-this.clientHeight)/2)
	: document.body.scrollTop
	+((document.body.clientHeight-this.clientHeight)/2));
	
	left:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollLeft 
	+ (document.body.clientWidth /2 ) 
	: document.body.scrollLeft 
	+ (document.body.offsetWidth /2 ));
}

/* #### ends popup window ##### */

/* ####### Workshop Sections & Instructors ######### */
.boldu14px
{	
	font-size: 14px;	
	color: #333;
	font-weight: bold;
	text-decoration: underline;
}
.bold14px
{	
	font-size: 14px;	
	color: #333;
	font-weight: bold;
	text-decoration: none;
}
.bold13px
{	
	font-size: 13px;
	padding: 5px 0 0px 0;
	color: #333;
	font-weight: bold;
}
.bold12px
{	
	font-size: 12px;
	padding: 5px 0 0px 0;
	color: #333;
	font-weight: bold;
}
.bold11px
{	
	font-size: 11px;
	padding: 3px 0 0px 0;
	color: #333;
	font-weight: bold;
}


.txtBold
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; 
	font-size: 32px;
	font-weight: bold; 	 
	color: #333;
}

/*::::::::::::::TOP BANNER & NAVIGATION::::::::::::::*/
#navBox		{ width: 168px; height: 83px; float: right; padding-top: 5px; _padding-top: 4px; border: 1px solid #d6d6d6; background: url(img/bg-navBox.jpg) repeat-x #f0ede3; }
#navBox .sectionTop	{ font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; text-align: right; font-size: 11px; color: #333; text-transform: uppercase; letter-spacing: -0; padding-bottom: 4px; background: url(img/bg-dots.gif) repeat-x bottom; padding-right: 17px; }

#navBox ul			{ margin: 0; padding: 0; list-style: none; font-size: 10px; }
#navBox li			{ text-align: right; height: 13px; _height: 12px; }
#navBox li a		{ text-decoration: none; color: #666633; display: block; padding-right: 17px; padding-bottom: 1px; _padding-bottom: 0; }
#navBox li a:hover	{ background: url(img/bg-navBoxLink.gif) repeat-x #3971b7; color: #FFF; }

#bannerOne	{ float: left; width: ; margin-right: 21px; _margin-right: 15px; }


/* ------------Lightbox effect -- */



.black_overlay
{
display:none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: #CCC;
z-index: 2001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
  
.white_content 
{
display: none;
position: absolute;
top: 25%;
left: 65%;
width: 30%;
height: 250;
padding: 10px 10px 3px 10px;
border: 1px solid #333333;
background-color: white;
z-index: 2002;
overflow: auto;
}

.cursorHand
{
	cursor: pointer;
}