*{ margin: 0; padding: 0; }
body{
/*	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#c7cbad url(images/bg_body2.jpg) center top repeat-y;
}
a{ text-decoration: none; }

#page-body{
	width:891px;
	background:#FFF ;
	margin:0 auto;
}
#bg-body{
	width:940px;
	background:#006666url(images/bg_body.jpg) repeat-y left ;
	margin:0 auto;
}
#site-header{
	height:80px;
/*	background:#0099CC;*/
}
#ccdc-logo{background:url(images/ccdc-logo.gif) no-repeat left; height:48px; width:516px; float:left; margin-top:15px;}
#ichealth-logo{ background:url(images/ic-health.jpg) no-repeat; float:right; width:147px; height:35px; margin-right:5px;}
#site-icons{width:160px; height:18px; float:right; margin:15px 5px 0px 0;}

.m-left{background:url(images/menu-bg-left.gif) left no-repeat; height:24px;}
.m-right{background:url(images/menu-bg-right.gif) right no-repeat; height:24px;}
#left-menu{ width:250px; float:left;}
#main-content{width:600px; float:left; margin-left:10px;}
#page-image{margin:10px 0 5px 0; text-align:center;}
#glance{width:90%; margin:0 auto;}
#glance ul{ list-style-image:url(images/errow.jpg); margin:0; padding:0;}

#glance ul li{ line-height:19px; margin-top:5px; }
#partners{
margin-left:40px;
}

#press{ display:block; background:url(images/new_icon.gif) no-repeat left;}
#partners img{padding:10px 0 0 40px;}
#partners h2{
padding-top:10px;
}
#gallery { position: relative; width:100%; height:130px; margin:0; padding:0; }
#gallery li { display: block; text-align:center; }

#d43{background:url(images/d431.png) no-repeat;
	width:396px; height:113px;

}
#col-org img{
border:1px #CCC solid;
}
#photo-gallery img{
	border:4px solid #CCC;
}
#col-org img:hover,#photo-gallery img:hover, #d43:hover {
filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;

}


#content{width:100%; display:table; overflow:auto; text-align:center; padding: 0px 10px 10px 10px; }
#inner-content{ width:90%; margin:0 auto;}
#photo-gallery{width:90%; margin:0 auto;}
#left-col{width:52%; padding:20px 10px 10px; text-align:justify;float:left;}
#latest-events{ text-align:left; width:80%; margin:10px 0 0 10px;}
#latest-events ul{ list-style-image:url(images/errow1.jpg); width:360px;}
#latest-events li{margin:10px 0 0 20px;; line-height:14pt;}
#latest-events span{margin:0 5px 0 10px; color:#D01E04;}
#right-col{float:left; width:43%; padding:10px 0 0 0;}
#button1{background:url(images/button/overview.gif) no-repeat; width:187px; height:162px; float:right; }
#button2{background:url(images/button/seminars.gif) no-repeat; width:179px; height:162px; float:right;}
#button3{background:url(images/button/activities.gif) no-repeat; width:187px; height:162px; float:right;}
#button4{background:url(images/button/publications.gif) no-repeat; width:179px; height:162px; float:right;}
#button1:hover{background:url(images/button/overview.gif) -185px no-repeat;}
#button2:hover{background:url(images/button/seminars.gif) -187px no-repeat;}
#button3:hover{background:url(images/button/activities.gif) -185px no-repeat;}
#button4:hover{background:url(images/button/publications.gif) -187px no-repeat;}
#address{ clear:both; float:left; height:150px; width:30%; margin:20px 0 0 20px; background:url(images/contact.jpg) no-repeat left;}
#address h2{display:block;}
#address1{ float:left; width:60%; margin:40px 0 0 0;}
h2{padding-bottom:5px; background:url(images/dot-line3.jpg) no-repeat left bottom;}

.data {color:#333333; line-height:14pt; text-align:left;}
.datared {color:#D01E04; text-align:left; line-height:14pt; font-size:12px; }

#footer{ background:#eaedd8 url(images/bottam-green-shadow.jpg) repeat-x; height:53px; text-align:center; padding-top:20px; width:100%; }
#footer ul{margin:0px; list-style:none;}
#footer ul li{display:inline; padding:0px 5px 0 5px;}
#footer ul li a,#footer ul li a:link{text-decoration:none; color:#333;}
#footer ul li a:hover{text-decoration:underline; }
#copyright{margin-top:10px;}



.datared a:link { color:#D01E04; }
.datared a:visited { color:#D01E04; }
.datared a:hover { color:#FF0000; text-decoration:none;}


.data a:link { color:#333333; }
.data a:visited { color:#333333; }
.data a:hover { color:#CC0000; text-decoration:none;}

.contact {font-size:12px; color:#333333; padding-left:5pt; padding-right:8pt; line-height:14pt; text-align:left; }
.contact a:link { color:#333333; }
.contact a:visited { color:#333333; }
.contact a:hover { color:#CC0000; text-decoration:none;}

.contact1 { font-size:11px; color:#333333;  padding-left:5pt; padding-right:14pt; line-height:14pt; }

.address {font-size:11px; color:#333333; text-align:right; padding-right:10pt; font-weight:bold;}

.design {font-size:10px; color:#0F6B92; text-align:center;}

.copy {font-size:11px; color:#333333; text-align:center;}
.copy a:link {color:#333333; text-decoration:none;}
.copy a:visited {color:#333333; text-decoration:none;}
.copy a:hover {color:#000000; text-decoration:underline;}


.leftname {font-size:12px; color:#3B3B3B; text-align:left; padding-left:4pt;}
.leftname a:link{ color:#3B3B3B; text-decoration:none;}
.leftname a:visited{ color:#3B3B3B; text-decoration:none;}
.leftname a:hover{ color:#CC0000; text-decoration:underline;}

.name {font-size:12px; color:#FFFFFF; text-align:left; padding-left:8PT;font-weight:bold;}
.name a:link {color:#FFFFFF; text-decoration:none;}
.name a:visited {color:#FFFFFF; text-decoration:none;}
.name a:hover {color:#FFFFFF; text-decoration:underline;}
.publ:link, .publ:visited {color:#990000 !important; font-weight:bold;}
.publ:hover{color:#333 !important; text-decoration:underline !important;}
.upname {font-size:14px; color:#CC0000; text-align:center; padding-left:10px; padding-right:10px;font-weight:bold; text-decoration:underline;}
.upname a:link {color:#CC0000;}
.upname a:visited {color:#CC0000;}
.upname a:hover {color:#FF0000;}

.upname1 {font-size:14px; color:#CC0000; text-align:left; font-weight:bold; text-decoration:underline;}

.nameheading {font-size:16px; color:#4663A9; text-align:left; font-weight:bold; text-decoration:underline;}

.HEAD {font-size:15px; color:#339900; text-align:left; font-weight:bold;}

  #test2 {
    margin: 1em auto;
    border: 2px solid #555;
    width: 450px;
    height: 267px;
  }
/*--------------ICONIZE--------------------------*/

a[href *="youtube.com/watch?"], a[href *="sevenload.com/videos/"], a[href *="metacafe.com/watch/"] { 
	padding: 5px 20px 5px 0;
	background: transparent url(images/icons/icon_film.gif) no-repeat center right;
}

a[href *="flickr.com/photos/"], a[href *="zooomr.com"], a[href *="imageshack.us"], a[href *="bubbleshare.com"], a[href *="sevenload.com/bilder/"] { 
	padding: 5px 20px 5px 0;
	background: transparent url(images/icons/icon_pic.gif) no-repeat center right;
}

/* extensions */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

a[href$='.fla'], a[href$='.swf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(images/icons/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/icons/icon_archive.gif) no-repeat center right;
}

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

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

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

a[href$='.jpg'], a[href$='.gif'], a[href$='.png'], a[href$='.bmp'], a[href$='.jpeg'], a[href$='.svg'], a[href$='.eps'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(images/icons/icon_pic.gif) no-repeat center right;
}

a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(images/icons/icon_film.gif) no-repeat center right;
}

a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(images/icons/icon_music.gif) no-repeat center right;
}

/* messenger */
a[href ^="aim:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(images/icons/icon_aim.gif) no-repeat center right;
}

a[href ^="msnim:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(images/icons/icon_msn.gif) no-repeat center right;
}

a[href ^="xmpp:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(images/icons/icon_jabber.gif) no-repeat center right;
}

a[href *="icq.com"] { 
	padding: 5px 20px 5px 0;
	background: transparent url(images/icons/icon_icq.gif) no-repeat center right;
}

a[href *="edit.yahoo.com/config/send_webmesg?"] { 
	padding: 5px 20px 5px 0;
	background: transparent url(images/icons/icon_yim.gif) no-repeat center right;
}

a[href ^="callto:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(images/icons/icon_call.gif) no-repeat center right;
}

a[href ^="skype:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(images/icons/icon_skype.gif) no-repeat center right;
}

a[href ^="gg:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(images/icons/icon_gadugadu.gif) no-repeat center right;
}

/* email */
a[href ^="mailto:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(images/icons/icon_mailto.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;
}

/*--------------ICONIZE--------------------------*/

#menubar{
	height:26px;
	/*border-bottom:2px solid #cdcdcb;
	padding-left:40px;*/
	background:url(images/menu-bg-new.gif) repeat-x;
}
#menubar ul{ list-style: none; }

#ccdcmenu
{	margin: 0;
	padding: 0;
	}

	#ccdcmenu li
	{	float: left;
		list-style: none;
		font: 12px Tahoma, Arial}

	#ccdcmenu li a
	{	display: block;
		
		padding: 6px 20.9px;
		text-decoration: none;
		border-right: 1px solid #c9c8c8;
		color: #333;
		white-space: nowrap}
	#ccdcmenu li a:hover
	{	background: #c9c8c8}
		
		#ccdcmenu li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-left:1px solid #CCC;
			border-bottom:1px solid #CCC;
			}
		
			#ccdcmenu li ul li
			{	float: none;
				display: inline}
			
			#ccdcmenu li ul li a
			{	width: auto;
				background: #f1f1f1;
				color: #24313C}
			
			#ccdcmenu li ul li a:hover
			{	background: #d7d7d7}