/* Remove browsers defaults */
html,body,div,h1,h2,h3,h4,h5,h6,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,input { margin:0; padding:0; }

/* Remove image borders */
a img,a:link img,a:visited img { border:none; }


/* main elements
 * ------------------------------------------------------------------------- */
body { background-color:#ffffff; text-align:left;}

p,td,a:link,a:visited,ul,ol,li,dl,dt,dd,h1,h2,h3,h4 {font-family: Arial, Helvetica, Verdana, sans-serif; font-size:13px; color:#000000; line-height: 16px;}

p.small {font-family: Arial, Helvetica, Vedana, sans-serif; font-size:11px; color:#000000; line-height: 15px; margin: 0px 0px 6px 0px;
}

a:link { color:#0066cc; text-decoration:underline;}
a:visited { color:#666666; text-decoration:underline;}
a:hover {color:#0066cc; text-decoration:none;}

a.small:link {font-size: 10px; color:#0066cc; text-decoration: underline;}
a.small:visited {font-size: 10px; color:#666666; text-decoration: underline;}
a.small:hover {font-size: 10px; color:#0066cc; text-decoration: underline;}

a.sidebox:link {font-size: 11px; color:#0066cc; text-decoration: underline;}
a.sidebox:visited {font-size: 11px; color:#666666; text-decoration: underline;}
a.sidebox:hover {font-size: 11px; color:#0066cc; text-decoration: underline;}

ul,ol{
	margin: 0px 0px 5px 20px;
}

ul.nav{
	margin: 0px 0px 0px 0px;
}

li{font-size: 13px;
	color: #000000;
	list-style-type: square;
}


#left-navlist {
	margin: 0px 03px 0px 0px;
	padding:0;
	list-style-type: none;
	/* background: #6699cc; */
}


/* fix the IE bug */
#left-navlist li{ 
display:inline; 
}


#left-navlist a {
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom:2px;
	display: block;
	text-align: left;
	text-decoration: none;
	color: #ffffff;
	font-size: 13px;
	line-height: 15px;
	/* background: #000000; */
	background-image: url(art/left3_a.gif);
	background-repeat: no-repeat;
	width: 150px;
}

#left-navlist span#bar {
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	width: 150px;
	display: block;
	/* background-image: url(art/left_bar_orange_2.gif); */
	/* background-repeat: no-repeat; */
	/*text-align: left;*/
	/*text-decoration: none; */
	/*color: #ffffff; */
	/*font-size: 13px; */
	/*line-height: 15px; */
	/* background: #ff9900; */
}

/* highlights current page in left nav. Yeah it's a bit long - but it WORKS - yippee! */
#home a#nav-home,
#reg a#nav-reg,
#organizers a#nav-organizers,
#invitation a#nav-invitation,
#glance a#nav-glance,
#training a#nav-training,
#tech a#nav-tech,
#htg a#nav-htg,
#workshops a#nav-workshops,
#wips a#nav-wips,
#bofs a#nav-bofs,
#exhibition a#nav-exhibition,
#sponsors a#nav-sponsors,
#activities a#nav-activities,
#services a#nav-services,
#hotel a#nav-hotel,
#promote a#nav-promote,
#students a#nav-students,
#questions a#nav-questions,
#cfp a#nav-cfp,
#past a#nav-past,
#authors a#nav-authors,
#speakers a#nav-speakers{
	color:#6633ff; 
	/*background: #ff9900; */

	background-image: url(art/left2.gif);
	background-repeat: no-repeat;
}

#left-navlist a:hover{
	color:#663399; 
	/* background: #ff9900; */

	background-image: url(art/left2.gif);
	background-repeat: no-repeat;
	width: 150px;
}


/* top bar
 * ------------------------------------------------------------------------- */
#topbar { background-color:#666666; width:750px; height:30px; position:relative; }
#topbar li { position:absolute;}
#topbar li, #topbar a { font-weight:bold; width:143px; height:30px; display:block; display:block;background:url("art/button1.gif");}

#topbar a { font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:13px; text-align:center; color:#cc0000; line-height:30px; } 

#topbar-01 { left:2px; }
#topbar-02 { left:152px; }
#topbar-03 { left:302px; }
#topbar-04 { left:452px; }
#topbar-05 { left:602px; }


#topbar-01 a:hover, #topbar-02 a:hover, #topbar-03 a:hover, #topbar-04 a:hover, #topbar-05 a:hover {color:#ffffff;background:url("art/button2.gif");}