/* CSS Document */

/*STRUCTURE*/
body {background: #e6e6e6; margin: 10px;}
#container {background: #fff;}

/*wrapper*/
.wrapper {position: relative; width: 800px; margin: 0 0 0 30px; padding: 0; background-color: #ffffff; background: url(images/WIA_logo_167x71.jpg) no-repeat; background-position: 0 20px; background-color: #ffffff; }

/*HEADER AREA*/

#header h1 {position: relative; width: 800px; height: 64px; margin: 0; padding: 0; background: url(images/WIA_brand_tag.png) no-repeat; text-indent: -9999px; }

/*end -- HEADER AREA*/



/*body*/

body {padding-left: 40px; border: 1px 0px 0px 0px  #999 solid; background-color: #fff;}
body {color: #666; font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;}

/* end body*/



/* NAVIGATION 1 -- inline above photo*/

#nav1 { /*location of navigation*/margin: 0 0 0 -10px; width: 800px; padding:0 .7px 0 0;}
#nav1 ul { padding: 0; }
#nav1 ul li { display: inline; }
#nav1 ul {margin: 0; padding-right: 0px; color: #999; font-size: .5em; letter-spacing: 2px; }
#nav1 ul li a {padding: 0.2em 3px; background-color: #fff; color: #999; text-decoration: none; float: right;}
#nav1 li a#current  {color: #64B6D2; text-decoration: none; background-color: #fff;}
#navlist li a:hover  {color: #64B6D2; text-decoration: none; background-color: #fff;} 
#navlist li a:active  {color: #64B6D2; text-decoration: none; background-color: #fff;}

/*end - NAVIGATION 1 -- inline above photo*/


/* flash area*/
  
#flash {margin: 0px; padding-top: 10px; width: 798px; background-color: #000; overflow: hidden}

/* end--flash area*/



/* main image*/
  
#main_image {margin: 0 0 0 8px; padding-top: 10px; width: 798px; height: 100px; background-color: #64B6D2; }

/* end--main image*/



/*NAVIGATION 2- Sub navigation for the site in the left column*/

div#nav2 {position: relative; background-color: #ccc; margin: 0 0 0 8px; width: 231px;  height: 500px; float:left; background-color: #C5E5F0;}
#nav2 {position: relative; margin: 0; width: 240px; float:left;} 
#nav2 ul {list-style-type: none; margin: 0px; padding-top: 30px; font-weight: bold; font-size: 80%; line-height: 1.5em; color: #333333; }
#nav2 li a {color: #333333;  margin: 0 0 0 5px; font-weight: normal; font-size: 90%; text-decoration: none;}
#nav2 li a:link {color: #333333;}
#nav2 li a:visited {color: #333333;}
#nav2 li a:hover {color: #64B6D2; }
  
/*end NAVIGATION 2*/



/*main_right-main paragraph of text on all pages*/

div#main_right {float:left; background-color: #fff; width: 550px; height: 100%; margin: 20px 0 0 8px; }
div#main_right h2 {font-size: 98%; color: #E50000;}
div#main_right p {margin: 10px 50px 0 30px; padding: 0; line-height: 1.6em; font-size: 75%; }
#main_right  a {font-weight: normal; color: #666;}
#main_right  a:link {color: #666;}
#main_right  a:visited {color: #999;}
#main_right  a:hover {color: red;}
#main_right ul{list-style-type: square; margin: 10px 50px 0 30px; padding: 0; line-height: 1.4em; font-size: 70%;}
#main_right ul nobullet{list-style-type: none; margin: 10px 50px 0 30px; padding: 0; line-height: 1.4em; font-size: 70%;}


/*main_right-main-speakers list paragraph of text on all pages*/

div#main_right-speakers {float: left; background-color: #fff; width: 550px;  margin: 20px 0 0 8px; }
div#main_right-speakers h2 {font-size: 98%; color: #E50000;}
div#main_right-speakers p {margin: 0px 0px 20px 0px; padding: 0; line-height: 1.8em; }
#main_right-speakers  a {font-weight: normal; color: #666;}
#main_right-speakers  a:link {color: #666;}
#main_right-speakers  a:visited {color: #999;}
#main_right-speakers  a:hover {color: red;}
#main_right-speakers ul{list-style-type: none; margin: 0; padding: 0; line-height: 1.4em; font-size: 75%;   width: 293px; }
#main_right-speakers li{list-style-type: none; display: block; border-top: dotted 1px #cccccc; min-height: 100px; padding: 13px 0px 0 0px; margin: 0; line-height: 1.4em; font-size: 75%;}
#main_right-speakers img{ float: left; padding: 0 10px 5px 0;}

/*main_right-main-speakers list paragraph of text on all pages*/

#2009-speakers img {float: left; padding: 20px 10px 5px 0;}

#2009-speakers {background-color: #fff; width: 550px;  margin: 20px 0 0 0px; }
#2009-speakers h2 {color: #E50000;}
#2009-speakers p {margin: 0px 0px 20px 0px; padding: 0; line-height: 1.8em; }
#2009-speakers  a {font-weight: normal; color: #666;}
#2009-speakers  a:link {color: #666;}
#2009-speakers  a:visited {color: #999;}
#2009-speakers  a:hover {color: red;}





/* end main-right*/


/*main_left-main paragraph left just of text on home pages*/

div#main_left {float:left; background-color: #fff; width: 506px; height: 100%; margin: 25px 0px 0 8px; }
div#main_left h2 {font-size: 98%; color: #E50000;}
div#main_left p {line-height: 1.8em; font-size: 80%; }
#main_left  a {font-weight: normal; color: #666;}
#main_left  a:link {color: #666;}
#main_left  a:visited {color: #999;}
#main_left  a:hover {color: red;}
 
/* end main-right*/


/*rss feed and news on home page*/

div#news {position: relative; background-color: #fff; margin: 25px 40px 0 0px; width: 230px; height:100%; float:right; border-left-style: solid; border-left-width: 1px; border-color: #64B6D2;}
#news {position: relative; margin: 0; width: 230px;  float:left;} 
#news ul {list-style-type: none;  width: 220px; margin: 0 0 0 20px; padding: 10px 0 0 0px; font-weight: bold; font-size: 70%; line-height: 1.5em; color: #666; }
#news li a {color: #666;  margin: 0; font-weight: normal; font-size: 90%; }
#news li a:link {color: #666;}
#news li a:visited {color: #666;}
#news li a:hover {color: #64B6D2; }
  
/*end rss feed and news*/

/*BROADCAST*/

a.broadcast {
  cursor: default;
  display: block;
  background: #ffffff;
  padding: 5px;
  color: #999999;

}
a.broadcast:hover{
  background: #ffffff;
  text-decoration: none;
}

a.navmenuitem {
  display: block;
  margin-left: 15px;
  color: #64B6D2;

}

a.navmenuitem:hover {
  text-decoration: none;
  color: #64B6D2;
}

.hide {
  display: none;
}
.show {
  display: block;
}

/*CONF SCHEDULE LIST on Main Right*/

div#agenda {float:left; background-color: #C5E5F0; width: 550px; height: 100%; margin: 10px 0 0 10px; }
div#agenda h2 {font-size: 80%; color: #666; margin: 10px 0px 10px 20px;}
div#agenda p {margin: 10px 20px 10px 20px; padding: 0; line-height: 1.4em; font-size: 70%; }
#agenda  a {font-weight: normal; color: #666;}
#agenda  a:link {color: #666;}
#agenda  a:visited {color: #999;}
#agenda  a:hover {color: red;}
#agenda ul{list-style-type: square; margin: 10px 50px 0 30px; padding: 0; line-height: 1.4em; font-size: 70%;}
#agenda ul nobullet{list-style-type: none; margin: 10px 50px 0 30px; padding: 0; line-height: 1.4em; font-size: 70%;}

#agenda p.col1  {font-weight: bold; }

#agenda p.col2 {  }
#agenda td  {background: #fff;}
#agenda .title  {color: #4e636a; font-weight: bold;}
#agenda .title2  {color: #4e636a; font-weight: bold; }

div.img_left_caption  {
	float: left;
  	width: 150px;
  	border: thin silver solid;
  	margin: 5px 5px 4px 30px;
  	padding: 5px;
}
div.img_left_caption p {
  /*styles are inline*/
  font-style: italic;
  font-size:80%;
  text-indent: 0;
	
}

div.video_right_caption  {
	float: right;
  	width: 245px;
  	border: thin silver solid;
  	margin: 5px 20px 2px 20px;
  	
}
div.video_right_caption p {
  /*styles are inline*/
  font-style: italic;
  font-size:0.7em;
  text-indent: 0;
  padding-bottom:5px;
	
}




/*footer text*/
div#footertext { position : absolute; display: block; background: #f4fbfe; margin: 0; top:660px; left: 8px; width: 233px; font-size: 70%; texT-align: center; font-family: Arial, Helvetica, sans-serif; color: #64B6D2; }