/* CREEK TO CORAL 1024px  xhtml/css website template
/* CyberFactory.com.au */

/******** General tags ********/
body{
	font-size: 76%;
	font-family:  Verdana, Arial, Tahoma, Sans-Serif;
	background:#ffffff url(images/background.jpg) top center repeat-y;
	color:#404040;
	line-height:1em;
	margin: 0 auto;
	padding: 0;
	/*border: 0px;*/
	/*overflow: hidden;*/
}

/* * html body {
	border: 0;
	overflow: auto; 
  }*/



a{
text-decoration:none;
color:#4088b8;
font-weight:bold;
}

a:hover{text-decoration:underline;}
a img{border:0;}
p{margin:0 0 18px 10px;}
dl{font-size:1em; margin:2px 0 16px 35px;}
ul ul,ol ol{margin:4px 0 4px 35px;}

ol { list-style-position: outside; margin-left: 0px; padding-left: 30px; vertical-align: middle; font-size:1.1em; font-weight: bold ;}

ul { list-style-position: outside; margin-left: 0px; margin-top: -12px; padding-left: 30px; list-style: square; vertical-align: middle; }
li, ol li { margin: 0px; padding: 0px;}

.nobold {font-weight:normal;}

h1{
	font-size:3em;
	letter-spacing:-4px;
	margin:5px 0 5px 10px;
	color:#70b1d0;
}

h1 a{
	text-transform:none; 
	color:#70b1d0;
}

h2{
	font-size:1.6em;
	color:#4088b8;
	border-bottom:3px double #cba536;
	padding:0 2px 4px 5px;
	margin:0 0 10px 0;
	text-indent: 5px;
}

h3{
	font-size:1.1em;
	font-weight:bold;
	color:#4088b8;
	border-bottom:1px solid #dadada;
	margin:10px 0 8px 0;
	padding:1px 2px 2px 3px;
}

body#themes h3, body#community h3, .band-yellow { /* YELLOW H3*/
	font-size:1.3em;
	line-height:1.5em;
	color:#ffffff;
	/*border-bottom:3px double #cba536;*/
	padding:4px 2px 4px 5px;
	margin:10px 0 10px 0;
	text-indent: 5px;
	background:#cba536;
}

body#workinggroups h3, .band-green { /* GREEN H3*/
	font-size:1.3em;
	line-height:1.5em;
	color:#ffffff;
	/*border-bottom:3px double #cba536;*/
	padding:4px 2px 4px 5px;
	margin:10px 0 10px 0;
	text-indent: 5px;
	background:#46934c;
}

body#cci-index h3, .band-red {  /* RED H3*/
	font-size:1.3em;
	line-height:1.5em;
	color:#ffffff;
	/*border-bottom:3px double #cba536;*/
	padding:4px 2px 4px 5px;
	margin:10px 0 10px 0;
	text-indent: 5px;
	background:#a95a40;
}

body#library h3, .band-blue {  /* BLUE H3*/
	font-size:1.3em;
	line-height:1.5em;
	color:#ffffff;
	/*border-bottom:3px double #cba536;*/
	padding:4px 2px 4px 5px;
	margin:10px 0 10px 0;
	text-indent: 5px;
	background:#70b1d0;
}

body#library #content li {  /* BLUE H3*/
	margin: 5px 0px;

}

blockquote{
	font-size:1em;
	border:1px solid #dadada;
	margin:20px 10px;
	padding:8px;
}

/******** Main wrap ********/
#wrap{
	color:#404040;
	width:1000px;  /*SETS the width of the page that content and side bars fit into eg. 970px gives 15px margins on left & right*/
	/*background: transparent; /*#ffffff url(nav/bg_main.jpg) top center repeat-y;*/
	margin:10px auto 0px auto;
	padding:0;
	background-image:url(nav/background_wrap.png);
	background-position: 1px 0;
	}

#footwrap{
	clear: both;
	color:#404040;	
	width:1000px;
	margin:0 auto;
	padding:0;
	background-color:#FFF ;
	background-image:url(nav/background_foot.png);
	/*background-image:url(nav/footer.png);
	background-repeat:no-repeat;*/
	
}

#headwrap{
	clear: both;
	color:#404040;
	width:1000px;
	margin:0 auto;
	padding:0;
	/*background: transparent; 
	/*background:#ffffff url(nav/bg_main.jpg) top center repeat-y;*/
}

#navwrap{
	clear: both;
	color:#404040;
	width:1000px;
	margin:5px auto -11px auto;
	padding:0;

}


/*#header{
	clear:both;
	text-align:left;
	color:#808080;
	font-size:0.9em;
	border-top:0px solid #dadada;
	margin: 0 0 0 0 auto;
	padding:8px 0 50px 0;
	line-height:1.6em;
}*/

/* PAGE HEADER added 5.2.07 */
.head-left {
	display:inline; /*Fix IE floating margin bug*/
	float:left;
	width:320px;
	margin:10px 0 0 0; 
	overflow:visible; /*!important Firefox*/
	overflow:hidden /*IE6*/;
	}

.head-center {
	display:inline; /*Fix IE floating margin bug*/
	float:left; 
	width:400px; 
	margin:40px 0 0 0; 
	overflow:visible; /*!important Firefox*/
	overflow:hidden; /*IE6*/
	}

.head-right {
	display:inline; /*Fix IE floating margin bug*/ 
	float:right; 
	width:250px; 
	margin:30px 20px 0 0; 
	overflow:visible; /*!important Firefox*/ 
	overflow: hidden; /*IE6*/
	}

.yenhead-left {
	display:inline; /*Fix IE floating margin bug*/
	float:left;
	width:300px;
	margin:10px 0 0 0; 
	overflow:visible; /*!important Firefox*/
	overflow:hidden /*IE6*/;
	}	
	
.yenhead-right {
	display:inline; /*Fix IE floating margin bug*/ 
	float:right; 
	width:632px; 
	margin:30px 20px 0 0; 
	overflow:visible; /*!important Firefox*/ 
	overflow: hidden; /*IE6*/
	}
	
#top-yen {
	line-height:1.4em;
	width:787px;
	height: 92px;
	float:right;
	text-align:left;
	margin: /*40px*/ 0 0 0 0;
	padding:40px 0 0 0;
	display: inline;
	}

#toplinks{
	display: block;
	text-align: center; 
	padding:5px 2px 3px 3px;
	font-size:1.1em;
	font-weight:bold;
	color:#4088b8;
	border-bottom:1px solid #dadada;
	margin:8px 20px 10px 80px;
}

#slogan{
	font-size:1em;
	color:#cba536;
	font-weight:bold;
	letter-spacing:-1px;
	line-height:1.4em;
	text-align:center;
}


/******** SIDE BAR MAIN NAVIGATION ********/
#sidewrap{
	float:left;
	width:210px;
	/*height:500px;*/
	/*margin: 0 0 10px 0px;*/
	padding:0 0 0 0;
	font-size:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: inline;

}


#sidebar{
	float:left;
	width:210px;
	/*height:500px;*/
	/*margin: 0 0 10px 0px;*/
	padding:0 0 0 0;
	font-size:1.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: inline;

}

#sidebar ul{
	list-style:none;
	margin:0;
	padding:0;
	font-size:100%;
	background-image: url(yen/nav/navbg.gif);
}

#sidebar li{
	list-style:none;
	margin:0;
	width: 210px;
	background-color: #70b1d0;
	color:#fff;
	font-size:1.1em;
	line-height:1.3em;
	/*border:1px solid #000000;*/
	/*padding:4px;*/
}

#sidebar li.top{
	list-style:none;
	margin:0;
	padding: 0;
	font-size:0;
	line-height:0;
	display:inline;
}

#sidebar li a{
	font-size:1.1em;
	font-weight:bold;
	padding: 4px 0;
	color:#fff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
	/*margin: 0 -10px 0 10px;*/
	/*padding: 5px 0;					 /* screws up ie widths */
	/*border-left: 10px solid #1958b7;   /* screws up ie widths */
	border-right: 3px solid #3680A3;    /* screws up ie widths */ 
	background-color: #70b1d0;
	width: 100%;
	text-indent: 5px;
	border-top: 1px solid #90bade;
	border-bottom: 1px solid #90bade;
}

#sidebar ul ul{
	margin:4px 0 3px 15px;
	/*line-height:1.25em;*/
	padding:0;
	color:#ffffff;
}

#sidebar li a:hover { /*hover background color*/
	background-color: #52a0df;
	border-right: 3px solid #cba536;    /* screws up ie widths */ 
	}

/* c2c menu */
body#home li#nav-home a,
body#about li#nav-about a,
body#news li#nav-news a,
body#themes li#nav-themes a,
body#workinggroups li#nav-workinggroups a,
body#community li#nav-community a,
body#forum li#nav-forum a,
body#library li#nav-library a,
body#contact li#nav-contact a,
/* yen menu */
body#c2chome li#nav-c2chome a,
body#yenhome li#nav-yenhome a,
body#whatsnew li#nav-whatsnew a,
body#creekandcoral li#nav-creekandcoral a,
body#yenforum li#nav-forum a,
body#tricks li#nav-tricks a,
body#games li#nav-games a,
body#tours li#nav-tours a,
body#art li#nav-art a,
body#contests li#nav-contests a,
body#homework li#nav-homework a,
body#parents li#nav-parents a { 
	font-size:1.1em;
	font-weight:bold;
	padding: 4px 0;
	color:#fff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
	/*margin: 0 -10px 0 10px;*/
	/*padding: 5px 0;					 /* screws up ie widths */
	/*border-left: 10px solid #1958b7;   /* screws up ie widths */
	/*border-right: 3px solid #cba536;    /* screws up ie widths */ 
	/*background-color: #a95a40;*/
	width: 100%;
	text-indent: 5px;
	border-top: 1px solid #90bade;
	border-bottom: 1px solid #90bade;
	
	background-color: #2586d7;
	border-right: 3px solid #a95a40;    /* screws up ie widths */ 	
	
	} 


/* *************** text box below side nav bar ***********************/
#leftside {
	width:196px;
	margin: 30px 0 0 8px;
	padding: 0;
	font-size: 100%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	}

#leftside a {
	width:196px;
	margin: 0 ;
	padding: 0 ;
	font-size: 1em;
	line-height: 1.1em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	}

#leftside a:hover {
	text-decoration: underline;
	}

#leftside p {
	margin:0 ;
	}

#leftside h2 {
	font-size:1.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:3px 0px 8px 0px;
	}

#leftside ul{
	list-style-position: outside;
	margin-top: 0px;
	margin-left: 15px;
	padding: 0;
	font-size:105%;
}

#leftside li{
	list-style: disc;
	margin-left: 5px;
	color:#565;
	font-size:1em;
	line-height:1.1em;
}

/******** main content area ********/
#content {
	line-height:1.4em;
	width:755px;
	float:right;
	text-align:left;
	margin:40px 20px 20px 0;
	/*margin-right:15px;*/
	padding:0;
	display: inline;
	}
	
#forumcontent_c2c {
	line-height:1.4em;
	width:755px;
	float:right;
	text-align:left;
	margin:40px 14px 20px 0;
	/*margin-right:15px;*/
	padding:0;
	display: inline;
	}
#forumcontent_yen {
	line-height:1.4em;
	width:755px;
	float:right;
	text-align:left;
	margin:5px 14px 20px 0;
	/*margin-right:15px;*/
	padding:0;
	display: inline;
	}
	
#content-yen {
	line-height:1.4em;
	width:755px;
	float:right;
	text-align:left;
	margin:15px 20px 20px 0;
	/*margin-right:15px;*/
	padding:0;
	display: inline;
	}

#content h3 {
	margin:10px 0 8px;
	}

/******** Footer ********/
#footborder {
	clear:both;
	width: 980px;
	font-size:0.1em;
	border-top:3px solid #dadada;
	margin: 0 10px ;
	padding: 0 0 4px 0;
	line-height:0.1em;
	}

/*#footer{
	clear:both;
	float: bottom;
	text-align: right;
	color:#808080;
	font-size:0.9em;
	border-top:0px solid #dadada;
	margin: 0 0 0 0 auto;
	padding:8px 0;
	line-height:1.6em;
}*/

.footer-left {
	display:inline; /*Fix IE floating margin bug*/
	float:left;
	width:455px;
	margin: 61px 0 0 20px; 
	overflow:visible; /*!important Firefox*/
	overflow:hidden /*IE6*/;
	line-height:1.3em;
	padding:8px 0 0 0;
	/*border-top:3px solid #dadada;
	border-bottom:3px solid #dadada;*/
	text-indent: 10px;
	}

.footer-left a {
	line-height:1.3em;
	font-size: 1.1em;
	padding:8px 0;

	}

.footer-right {
	display:inline; /*Fix IE floating margin bug*/ 
	float:right; 
	width:480px; 
	margin: 15px 0 10px 0; 
	overflow:visible; /*!important Firefox*/ 
	overflow: hidden; /*IE6*/
	text-align: right;
	}


.footer-left p, .footer-right p{
	margin:0 20px 0 0;
	padding:0;
	}

.footer-left a, .footer-right a{
	color:#808080;
	}

/******** Various classes ********/
#rightbox{
	float:right; 
	margin: 0 0 10px 10px;
	color:#666666;
	width: 200px;
	/*height:auto;*/
	font-size:1em;
	background:#ededed;
	border: 1px solid #aaaaaa;
	padding: 5px 5px;
	display: inline;
	}

#rightcol{
	float:right; 
	margin: 0 0 0 10px;
	/*color:#666666;*/
	width: 230px;
	height:auto;
	font-size:1em;
	background:#fff;
	border: 1px solid #aaaaaa;
	padding: 5px 5px;
	display: inline;
	text-align:left;
	}

.box{
	color:#ffffff;
	font-size:0.9em;
	background-color:#4088b8;
	border:1px solid #c8c8c8;
	line-height:1.3em;
	padding:5px 5px 8px 8px;
	margin:20 15px 24px 15px;
	}
	
.box2{
	color:#f0f0f0;
	width: 620px;
	height: 284px;
	font-size:1em;
	font-weight: bold;
	background:#ffffff url(slideshow/bg.jpg) no-repeat;
	border:0px;
	padding:18px 0 0 0;
	margin:0 65px 20px 65px;
	}
	
.box a{color:#f0f0f0;}

.left{float:left; display:inline;}
.right{float:right; display:inline;}

#left{float:left; display:inline;}
#right{float:right; display:inline;}

.toplinkright{float:right; margin: 0 10px 0 0;}
.toplinkleft{float:left; margin: 0 0 0 10px;}
.toplinkcenter{margin: 0 auto; width: auto;}

.date{ 
	color: #46934c; 
	font-size:1.1em; 
	font-weight:bold;
	}

.textright{text-align:right;}
.readmore{text-align:right; margin:-10px 10px 12px 0;}

.center{text-align:center;}
.blue{color:#4088b8;}

.bigquote{font-size:1.8em; line-height:inherit;}

.txt21{font-size:2.1em; line-height: 2.2em;}
.txt20{font-size:2.0em; line-height: 2.1em;}
.txt19{font-size:1.9em; line-height: 2.0em;}
.txt18{font-size:1.8em; line-height: 1.9em;}
.txt17{font-size:1.7em; line-height: 1.8em;}
.txt16{font-size:1.6em; line-height: 1.7em;}
.txt15{font-size:1.5em; line-height: 1.6em;}
.txt14{font-size:1.4em; line-height: 1.5em;}
.txt13{font-size:1.3em; line-height: 1.4em;}
.txt12{font-size:1.2em; line-height: 1.3em;}
.txt11{font-size:1.1em; line-height: 1.2em;}
.txt10{font-size:1.0em; line-height: 1.1em;}
.txt09{font-size:0.9em; line-height: 1.0em;}
.txt08{font-size:0.8em; line-height: 0.9em;}
.txt07{font-size:0.7em; line-height: 0.8em;}
.txt06{font-size:0.6em; line-height: 0.7em;}
.txt05{font-size:0.5em; line-height: 0.6em;}

.big{font-size:1.3em;}
.med{font-size:1.1em;}
.medb{
	color: #000000;
	font-size:1.1em;
	font-weight:bold;
	}
.small{font-size:0.8em;}
.bold{font-weight:bold;}

.clear{clear:both;}
.hide{display:none;}
.fade{color:#c8c8c8;}
.gray{color:#808080;}
.dark{color:#666666;}

.sup{ vertical-align:top; font-size: 80%;}
.sub{ vertical-align:sub; font-size: 80%;}

#white{
	color:#ffffff;
	text-decoration:none;
	font-weight:normal;
}
#white a{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}

#white a:hover{text-decoration:underline;}

.textnarrow {letter-spacing:-1px;}

.photo {
	border:1px solid #bababa;
	padding:2px;
	background-color:#ffffff;
	margin:6px 18px 2px 5px;
	}

.pic {
	border:0px;
	padding:0px;
	background-color:#ffffff;
	margin:0 0 0 0;
	}
	
/*  *** HR image break *** */	
hr.hr {
	height: 2px;
	color: transparent;
	background: #fff url(images/hr.png) no-repeat scroll center;
    }
	
div.hr {
	height: 2px;
	background: #fff url(images/hr.png) no-repeat scroll center;
    }
	
div.hrfoot {
	height: 2px;
	background: #fff url(images/hrfoot.png) no-repeat scroll center;
    }	
	
div.hr hr {
	display: none;
    }
/*  *** HR image break *** */	

/* ***************** START OF CONTROLS FOR THE LEFT POPOUT MENU BOX FOR NAVIGATION **************************** */
/*menu expanding css - added 1.2.07*/

#dropmenudiv{
	position:absolute;
	background-color: #70b1d0;
	/*border:1px solid black;*/
	border-bottom-width: 1px;
	/*font: normal 1.2em Arial, Verdana, Helvetica, sans-serif;*/
	/*padding: 0; */
	z-index:100;
	color: #fff;
	display: block;
	/*margin: 0 -10px 0 10px;*/
	/*padding: 5px 0;						/* //screws up ie widths */
	text-decoration: none;
	width: 100%;
	font-size:1em;  /* was 1.25em */
	line-height:1em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	}

#dropmenudiv a{
	width: 100%;
	background-color: #70b1d0;
	display: block;
	font-size:1em;	 /* was 1.2em */
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	padding: 6px;							/*padding on popup menu box*/
	border-top: 1px solid #90bade;
	border-bottom: 1px solid #90bade;
	}

#dropmenudiv a:hover{						/*hover background color*/
	background-color: #2586d7;
	}
/* ***************** END OF CONTROLS FOR THE LEFT POPOUT MENU BOX FOR NAVIGATION **************************** */



/*  SEARCH FORM BOX added 5.2.07*/
.head-right .searchform {
	float:right; 
	width:250px; 
	padding:0 0px 0px 0px !important /*Non-IE6*/; 
	padding:0 20px 0px 0px /*IE6*/;
	}

.head-right .searchform form fieldset {
	float:right; 
	border:none;
	}

.head-right .searchform input.field {
	width:10.0em; 
	padding:0.2em 0 0.2em 0; 
	border:1px solid rgb(200,200,200); 
	font-family:verdana,arial,sans-serif; 
	font-size:100%; 
	}
	
.yensearchform {
	margin: 0 auto;
	display: inline;
	padding:0 0px 0px 0px !important /*Non-IE6*/; 
	padding:0 0px 0px 10px /*IE6*/;

	}

 .yensearchform form fieldset {
	margin: 0 auto;
	border:none;
	display: inline;
	}

.yensearchform input.field {
	width:8.7em; 
	padding:0.2em 0 0.2em 0; 
	border:1px solid rgb(200,200,200);
	font-family:verdana,arial,sans-serif; 
	font-size:100%; 
	}	

.searchform input.button {
	width:5.0em;
	padding:1px !important /*Non-IE6*/; 
	padding:0 /*IE6*/; 
	background:rgb(230,230,230); 
	border:solid 1px rgb(150,150,150); 
	text-align:center; 
	font-family:verdana,arial,sans-serif; 
	color: #666666; 
	font-size:100%;
	}
.button {
	width:5.0em;
	padding:1px !important /*Non-IE6*/; 
	padding:0 /*IE6*/; 
	background:rgb(230,230,230); 
	border:solid 1px rgb(150,150,150); 
	text-align:center; 
	font-family:verdana,arial,sans-serif; 
	color: #666666; 
	font-size:100%;
	}

.head-right .searchform input.button:hover {
	cursor:pointer; 
	border:solid 1px rgb(80,80,80); 
	background:rgb(220,220,220); 
	color:rgb(80,80,80);
	}

 .yensearchform input.button:hover {
	cursor:pointer; 
	border:solid 1px rgb(80,80,80); 
	background:rgb(220,220,220); 
	color:rgb(80,80,80);
	}

/*  SUBSCRIBE FORM BOX added 20.2.07*/
.subscribeform {
	/*float:right; */
	height: 30px;
	width:220px !important /*Non-IE6*/; 
	width:200px;
	padding:0px 0px 0px 0px !important /*Non-IE6*/; 
	padding:0 0 /*IE6*/;
	margin: 0 0 0 -10px !important /*Non-IE6*/;
	margin: 0;
	}

.subscribeform form fieldset {
	/*float:right; */
	border:none;
	}

.subscribeform input.field {
	width:115px; 
	padding:2px 2px ; 
	border:1px solid rgb(200,200,200); 
	font-family:verdana,arial,sans-serif; 
	font-size:100%; 
	}

.subscribeform input.button {
	width:68px;
	padding:1px !important /*Non-IE6*/; 
	padding:0 /*IE6*/; 
	background:rgb(230,230,230); 
	border:solid 1px rgb(150,150,150); 
	text-align:center; 
	font-family:verdana,arial,sans-serif; 
	color: #666666; 
	font-size:100%;
	}

.subscribeform input.button:hover {
	cursor:pointer; 
	border:solid 1px rgb(80,80,80); 
	background:rgb(220,220,220); 
	color:rgb(80,80,80);
	}


/* ********************************************** START OF TEXT BELOW HEAD IMAGE added 6.2.07 ***********************************/

/* set the size of the definition list <dl> and add the background image */
#imap {
	display:block;
	width:1000px;
	height:135px;
	padding: 0; 
	margin: 0; 
	background:url(nav/headern.jpg) no-repeat;
	position:relative;
	}

/* Start position of hover areas from top left corner*/
#imap dd {
	position:absolute;
	padding:0;
	margin:0;
	}
#imap #newsletter {
	left:315px;
	top:0px;
	z-index:20;
	}	
#imap #partners {
	left:452px;
	top:0px;
	z-index:20;
	}
#imap #coastal {
	left:589px;
	top:0px;
	z-index:20;
	}
#imap #imagesmapping {
	left:726px;
	top:0px;
	z-index:20;
	}
#imap #youth {
	left:863px;
	top:0px;
	z-index:20;
	}


/*set size of hotspot */
#imap a#news, #imap a#part, #imap a#cci, #imap a#yen, #imap a#images {
	display:block;
	width:137px;
	height:135px;
	/*background:transparent url(images/fade.png) -137px -137px no-repeat; /* use this for image rollover too*/
	text-decoration:none;
	z-index:20;
	}
	
/* move the link background image to position 0 0 when hovered - and run animation gif */
#imap a#news:hover {
	background-position:0 0; 	
	background-image:url(nav/anim1n.gif);  /* animated gif backgrounds */
	}

#imap a#part:hover {
	background-position:0 0; 	
	background-image:url(nav/anim2n.gif);  /* animated gif backgrounds */
	}
	
#imap a#cci:hover {
	background-position:0 0; 	
	background-image:url(nav/anim3n.gif);  /* animated gif backgrounds */
	}

#imap a#yen:hover {
	background-position:0 0; 	
	background-image:url(nav/anim5n.gif);  /* animated gif backgrounds */
	}	

#imap a#images:hover {
	background-position:0 0; 	
	background-image:url(nav/anim4n.gif);  /* animated gif backgrounds */
	}	
	

#imap a span, #imap a:visited span {
	/*display:none;*/
	position:absolute;  
	display:block; 
	font-family:Arial, Verdana, sans-serif; 
	font-size:1em; 
	line-height:1.2em; 
	background: transparent; 
	color:#a95a40;  
  	font-weight: normal;
	text-decoration: none;
	text-align: center;
	/*border:1px solid #000;*/
	/*padding:px;*/
	}


#imap a:hover span {
	position:absolute;  
	display:block; 
	font-family:Arial, Verdana, sans-serif; 
	font-size:1.1em; 
	line-height:1.2em; 
	background: transparent; 
	color:#a95a40;  
  	font-weight: bold;
	text-decoration: none;
	text-align: center;
	/*border:1px solid #000;*/
	/*padding:px;*/
	}


#imap a#news:hover span, #imap a#news span{
	width:177px;
	}
#imap a#part:hover span, #imap a#part span{
	width:137px;
	}
#imap a#cci:hover span, #imap a#cci span{
	width:177px;
	}
#imap a#images:hover span, #imap a#images span{
	width:137px;
	}
#imap a#yen:hover span, #imap a#yen span{
	width:135px;
	}

/* the hack for IE pre IE6 */
/** html #imap a:hover span {
  width:150px; w\idth:150px;
  }*/
* html #imap a#news:hover span {
	width:177px; w\idth:177px;
	}
* html #imap a#part:hover span {
	width:137px; w\idth:137px;
	}
* html #imap a#cci:hover span {
	width:177px; w\idth:177px;
	}
* html #imap a#images:hover span {
	width:137px; w\idth:137px;
	}
* html #imap a#yen:hover span {
	width:135px; w\idth:135px;
	}

/* move the span text to position at the bottom of the image map */
#imap a#news:hover span, #imap a#news span {
	  left:-20px; 
	  top:137px;
	  }
#imap a#part:hover span, #imap a#part span {
	  left:0px; 
	  top:137px;
	  }
#imap a#cci:hover span, #imap a#cci span {
	  left:-20px; 
	  top:137px;
	  }
#imap a#images:hover span, #imap a#images span {
	  left:0px; 
	  top:137px;
	  }
 #imap a#yen:hover span, #imap a#yen span {
	  left:1px; 
	  top:137px;
	  } 

/* ********** LINK TRACKER breadcrumb ***************/
body#newsletter #imap a#news span,
body#partners #imap a#part span,
body#cci-index #imap a#cci span,
body#mapping #imap a#images span,
body#yen-index #imap a#yen span {
	position:absolute;  
	display:block; 
	font-family:Arial, Verdana, sans-serif; 
	font-size:1.1em; 
	line-height:1.2em; 
	background: transparent; 
	color:#a95a40;  
  	font-weight: bold;
	text-decoration: none;
	text-align: center;
	}

/* ************************************************ END OF TEXT  BELOW HEAD IMAGE *****************************************/


/* ******************************* TEXT POPUP ON HOVER ********************
http://meyerweb.com/eric/css/edge/popups/demo.html
div#poptxt a:hover {
	background: #fff;   
	}

div#poptxt a span {display: none; text-decoration:none}

div#poptxt a:hover span{
	float:right;
	display: block;
	position: relative; 
	width: 300px;
	padding: 5px; 
	margin: 10px; 
	z-index: 100;
	color: #404040; 
	background: #fff;
	text-align: left;
	text-decoration:none;
	font-weight:normal;
	}
*/

/* path to dada mail template  \cgi-bin\mail\DADA\Template\templates\default_list_template.tmpl    */

body#Dada h1{
	font-size:1.6em;
	color:#4088b8;
	border-bottom:3px double #cba536;
	padding:0 2px 4px 5px;
	margin:0 0 10px 0;
	text-indent: 5px;
	letter-spacing:0px;
}

/*
body#Dada #Content {
	width:550px;
	margin:0 auto;                    /* page centering for all but IE */
/*	padding:20px;
	border:1px solid #000;
	border-top:0;
	background-color:#fff;
	text-align:left;                  /* overrides page centering hack for IE (in the body) */
/*}*/

.table1 td {
	border-bottom: 1px solid #333; }	

.table1 th {
	border-bottom: 1px solid #333; 		
	border-top: 1px solid #333; }		
	
.soon { color:#666; font-size:0.8em;}	
.pdf { color:#666; font-size:0.9em;}	

.circle { list-style: disc;}

#foldheader{
	cursor:pointer;
	cursor:hand; 
	font-weight:bold;
	list-style-image: url(list.gif); }
	
#foldinglist{
	padding-bottom: 3px;
	vertical-align: middle;
	list-style-image:  url(list.gif); 
	}
#foldinglist li{

	padding: 2px 0;
	}
	
	
/* SEARCH RESULTS PAGE */

#searchresult { padding: 15px 0 0 0; background-color: #70b1d0; border-top: 1px solid #666; border-bottom: 1px solid #666;}

#navigation { text-align: center; }


#radiobuttons { text-align: center; font-weight: normal; padding: 8px 8px 0 8px; }
#messages { text-align: left; font-weight: normal; padding: 8px 8px 0 8px; }


.e { font-weight: bolder; font-size: 1.2em; } 	/*HEADING*/
a.e { font-size: 1em; } 		/*HEADING LINK SIZE*/

.l { font-size: 0.8em; }  		/*FILE SIZE KB*/
.l a.phpdig { font-size: 0.8em; }

.t { padding-top: 0.5em; font-size: 1em; line-height: 1.2em; }  		/*CONTENT TEXT*/

.g { color: grey; font-size: 0.9em; padding-bottom: 2em; } 				/*last update text*/

a.v { color: green; text-decoration: none; } 			/* COMPLETE PATH LINK */

.phpdigHighlight { font-weight: bolder; background-color:#CCCCCC; } 				/*HIGH LIGHT SEARCH WORD*/