html, body {margin: 0; padding: 0; border: 0;}

body {
color: #000; 
background: #fff; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 85%; 
text-align: center;
margin: 30px 0;
}

p  {
	margin: 6px 10px; 
	padding: 0 ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 150%;
	text-align: justify;
	font-size: 80%;
}
li.conference {
font-size: 80%;
}

h1,h2,p {
margin: 10px; 
}

h1 {
Color:#006600;
font-size: 1.2em; 
text-align: left; 
padding: 6px 10; 
}

h1.conference {
Color:#FF0000;
font-size: 1.2em; 
text-align: center; 
padding: 6px 10; 
line-height:150%;
}

h2 {
Color: #000;
font-size: 0.9em; 
text-align: left; 
padding: 6px 0; 

}

ul.tools{
	Color: #000;
	font-size: 80%;
	text-align: left;
	padding: 6px 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style-position: inside;
	line-height: 140%;
	font-weight: normal;
}

ul.tools a {
	font-weight: normal;
	text-decoration: none;

}

.news {
Color: #000;
font-size: 1em; 
text-align: center; 
padding: 10px 0; 
margin: 0; 
/*background: #FFFF00;*/
/*background-image: url(images/news.jpg);
background-position: center;
background-repeat: no-repeat;*/


}

h3 {font-size: 1.2em; margin: 20px 10px 5px;}

.clear { clear: both; }

a {text-decoration: underline; font-weight: bold; color: #000;}

.alignright {margin-top: 0; text-align: right; clear: both;}

.small {font-size: .9em;}

.wide {
background: #336633;    /* header and footer colours */
width: 100%; 
font-size: 0.8em;
color: #fff;
text-align: center;

}

.wide p {margin: 0; padding: 5px; position: relative;}

.top {
	width: 100%;
	height: 100px; 
	border-bottom: 1px solid #000;
	background-image: url(images/banner.jpg);
	background-position: right;
	background-repeat: no-repeat;
border: 0px;

	
}

.top a {position: absolute; right: 20px; text-align: right; font-weight: bold; font-size: .7em; color: #fff;}

.bottom {border-top: 1px solid #000; position: relative; height: 30px; 
padding-top: 10px;

}

.bottom a {
text-decoration: none;
color: #FF9933;

}

.bottom a:hover {

color: #99CCFF;
}

.testfloat {width: 50px; border: 2px solid #f90; background: #ffd; font-size: .7em;}

.to-right {float: right;}

.to-left {float: left;}

.ap-test {
position: absolute; 
top: -102px; 
font-size: .6em; 
width: 150px; 
height: 100px; 
border-top: 1px solid #000; 
background: #5b5; 
color: yellow;
}

/* \*/
* html .ap-test {
top: -101px; 
t\op: -102px; 
}
/* */

.ap-left {left: 0;}

.ap-right {right: 0;}

/* ???????????????????????????????????? sliding*/

ul.slidingmenu,
ul.slidingmenu ul,
ul.slidingmenu li,
ul.slidingmenu a {
padding: 0;
margin: 0;
display: inline;
font-size: 80%;
color:#FFFFFF
}

/*submenu*/
ul.submenu,
ul.submenu ul,
ul.submenu li,
ul.submenu a {
padding: 0;
margin: 0;
display: block;
font-size: 80%;
background-color: #fff;
text-align:left;

}

ul.submenu li a{
border-bottom: 1px solid #B4B4B4;
border-right: 1px solid #B4B4B4;
border-left: 1px solid #B4B4B4;
font-weight: normal;
}

.toplist {height: 30px; background: #457118; padding-bottom: -2px; position:relative; z-index:5;}

ul.slidingmenu,
ul.slidingmenu ul {
width: 11em;
}

ul.slidingmenu li {
list-style-type: none;
position: relative;

}

ul.slidingmenu a {
width: 100%
}

ul.slidingmenu ul {
position: absolute;
top: 22px; 
left: 0%;
display: none;
}

ul.slidingmenu, ul.slidingmenu ul {
z-index: 2;
}

ul.slidingmenu li {
text-align: left;

}

.slidingmenu ul li {display: inline;}

ul.slidingmenu a {
color: #fff;
text-decoration: none;
font:  8pt/1.8 Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
/*padding: 1px 15px;*/
Width: 11em;
}


ul.slidingmenu a:hover {
color: #eee;

}

ul.submenu a {
color: #000;

}
ul.submenu li a:hover {
color: #336600;
background: #eee;
border: 1px solid #000;

}

ul.slidingmenu {
/*background: #D6D6D6;*/

}

/* tuck away*/

ul#linknav {
list-style: none;
margin: 0;
padding: 5px;
font: bold 8pt/1.5 Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;

}

ul#linknav a {
text-decoration: none;
border-bottom: 1px solid #B4B4B4;
display: block;
width:100%

}

ul#linknav a:hover {
text-decoration: none;
color: red;
}



/******** Non-sliding**********/

ul.nonslidingmenu,
ul.nonslidingmenu ul,
ul.nonslidingmenu li,
ul.nonslidingmenu a {
padding: 0;
margin: 0;
display: block;
font-size: 100%;
}

ul.nonslidingmenu,
ul.nonslidingmenu ul {
width: 11em;
}

ul.nonslidingmenu li {
list-style-type: none;
position: relative;


}

ul.nonslidingmenu a {
width: 100%
}

ul.nonslidingmenu ul {
position: absolute;
top: -4px; 
left: -100%;
display: none;
}

ul.nonslidingmenu, ul.nonslidingmenu ul {
border: 1px solid #336633;;
border-width: 4px 1px 1px 1px;
}

ul.nonslidingmenu li {
background: #fff;

text-align: center;
border-bottom: 1px solid #fff;
}

ul.nonslidingmenu a {
color: #fff;
background: #78A08E;
text-decoration: none;
font: bold 10pt/1.8 Verdana, Arial, Helvetica, sans-serif;
}

ul.nonslidingmenu a:hover {
color: #eee;
background: #336633;

}

ul.nonslidingmenu {
background: #D6D6D6;
}



/******** End Non-sliding**********/

/******** right Nav heading********/

.rightnavheadingmenu {
padding: 5px 0;
margin: 0;
display: block;
font-size: 90%;
width: 12em;
position: relative;
color: #fff;
background: #336633;
font-weight: bold; 


}

.rightnavheadingmenu {
border: 1px solid #336633;
border-width: 1px 1px 1px 1px;
text-align: center;
border-bottom: 1px solid #336633;
}


/******** right Nav heading********/

.rightnavtext

{
font-family: verdana, arial;
font-size: 80%;
}


/* ?????????????????????????????????????????End sliding*/

/************Navigation**********************/

.nav         { float: left; text-align: center; font-size: 8pt; font-family: verdana; font-weight: bold;
               color: #FFFFFF; background-image: url('images/tabs.gif');
               text-decoration: none; width: 100px; font-weight: bold;
               padding-top: 0; padding-bottom: 0px }


/************End Navigation**********************/
.wrapper {
margin: 0 auto;
width: 780px;
text-align: left;
background: url(images/pr-background.jpg) repeat-y;
border: 2px solid #336633;
}

* html .wrapper {   /*** IE5.x/win box model fix ***/
width: 782px;
wid\th: 780px;
}

.outer {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
margin-left: 150px;    /*** Critical left col dimension value ***/
width: 478px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
background: #fff url(images/brownswirl.gif);  /*** Sets background of center col***/
border-left: 1px dotted #fff;   /*** Critical left divider dimension value ***/
border-right: 1px dotted #fff;   /*** Critical right divider dimension value ***/



}

* html .outer {   /*** IE5.x/win box model fix ***/
width: 478px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
wid\th: 478px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
}

.float-wrap {
float: left;
width: 478px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-right: -1px;   /*** Static fix ***/
}

.center {
float: right;
width: 478px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-bottom: -1px;   /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
/* \*/
margin-left: -1px;


/* Hidden from IE-mac */
}

.centerwide {
float: right;
width: 600px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-bottom: -1px;   /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
/* \*/
margin-left: -1px;


/* Hidden from IE-mac */
}


.centerconf {
float: right;
width: 580px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-bottom: -1px;   /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
/* \*/
margin-left: -1px;
background-color:#CCCCCC


/* Hidden from IE-mac */
}

.centermembership {

width: 700px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-bottom: -1px;   /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
/* \*/
margin-left: -1px; 
padding:25px 35px;
/* Hidden from IE-mac */
}

.left {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 152px;    /*** Critical left col/divider dimension value ***/
margin-left: -151px;    /*** Critical left col/divider dimension value ***/
border: 0px;


}

.leftconf {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 152px;    /*** Critical left col/divider dimension value ***/
margin-left: -151px;    /*** Critical left col/divider dimension value ***/
border: 0px;
background-color:#DAEBD8


}

* html .left {
float:left;	
}

*>html .left {width:151px;}   /*** Fix only for IE/Mac ***/

.container-left {
width: 150px;    /*** Critical left col dimension value ***/
padding-bottom: 50px;   /*** To keep content from going underneath the AP bottom boxes ***/ 
padding-top: 20px;

text-align: center;

}

.right {
float: left; 
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 152px;    /*** Critical right col/divider dimension value ***/
margin-right: -150px;    /*** Critical right col/divider dimension value ***/
margin-left: -1px;   /*** Static fix ***/
background-color:#DAEBD8}

/* \*/
* html .right {
margin-left: 0px; 
margin-right: -500px; 
mar\gin-right: -152px;
}
/* */

/*** These commented-out rules below are there to explain the "Critical" info 
	for the rules above, because comments must not appear within the Mac-hack.
	The "rules" below are not active, they are just for teaching purposes. ***/

/*
* html .right {
margin-left: 0px;    *** Critical right divider dimension value ***
margin-right: -500px;    *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
mar\gin-right: -152px;    *** Critical right col/divider dimension value ***
}
*/


.container-right { 
/* \*/width: 150px;/* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
margin-left: 3px;    /*** Critical right divider dimension value ***/
padding-bottom: 110px;   /*** To keep content from going underneath the AP bottom boxes ***/
}

/* \*/
* html .container-right {
fl\oat: right;
margin-left: 2px; 
mar\gin-left: 0px; 
}
/*** Static fixes ***/

/* \*/
* html h2 {height: 1%;}
/* */


/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html .left {margin-right: -3px;}
/* */


.italics-test, .italics-test-side {
font-style: italic; 
text-align: justify; 
background: #ccd;
border: 1px solid red;
}



/* \*/
* html .italics-test, * html .italics-test-side {
overflow: hidden;
width: 100%;
o\verflow: visible;
w\idth: auto;
hei\ght: 1px;
}


#erbrowsetable {
width:720px;
margin:auto;
border-width:1px;
border-style:solid;
border-color:#cccccc;
border-collapse:collapse;
}

#erbrowsetablethin {
width:450px;
margin:auto;
border-width:1px;
border-style:solid;
border-color:#cccccc;
border-collapse:collapse;
}

#erbrowsetablethin.admin{
width:95%;
}
#erbrowsetablethin.admin img{
border:0;

}

#erbrowsetableconf {
width:580px;
margin:auto;
border-width:1px;
border-style:solid;
border-color:#cccccc;
border-collapse:collapse;
}

#erbrowsetablethin td, th {
padding:3px;
text-align:left;
border-width:1px;
border-style:solid;
border-color:#CCCCCC;
}

#erbrowsetable td, th {
padding:3px;
text-align:left;
border-width:1px;
border-style:solid;
border-color:#CCCCCC;
}

tr.header {
font-size:90%;
color:#0000FF;
}

tr.members {
font-size:80%;
}

div.row {
  clear: both;
  padding-top: 5px;
  font-size:80%;
  }

div.row span.label {
  float: left;
  width: 200px;
  text-align: right;
  }
  div.row span.labelconference {
  padding-top:3px;
  float: left;
  width: 230px;
  text-align: right;
  }
    div.row span.labelevent {
  padding-top:3px;
  float: left;
  width: 100px;
  text-align: right;
  }
  
    div.row span.formwconference {
  float: right;
  width: 360px;
  text-align: left;
  }

div.row span.formw {
  float: right;
  width: 200px;
  text-align: left;
  } 
  
  
  
  div.rowmember {
  clear: both;
  padding-top: 5px;
  font-size:80%;
  }

div.rowmember span.label {
  float: left;
  width: 100px;
  text-align: right;
  }
 
 div.rowmember span.labelforgot{
 width: 120px;
 }

div.rowmember span.formw {
  float: right;
  width: 200px;
  text-align: left;
  }
 
   div.rowedit {
  clear: both;
  padding-top: 5px;
  font-size:80%;
  }

div.rowedit span.label {
  float: left;
  width: 150px;
  text-align: right;
  }

div.rowedit span.formw {
  float: right;
  width: 5000px;
  text-align: left;
  }
 
 
  
  
  div.spacer {
  clear: both;
  }
  ol {
  
  }
  
  
  ol,ul.normal {
  font-size:80%;
  line-height:140%;
  margin-left:10px;
  
 
  }
  ol,ul.normal li {
  margin:5px 10px;
  }
  
    ul.program li {
	font-size:80%;
  line-height: 150%;
  }
   .workshop  {
   border-top-color:#FF6600;
   border-top-width:medium
  }
  
      ul.workshop li {
	  color:#FF7F00;
	font-size:80%;
  line-height: 150%;
 
  }
        ul.keynote li {
	  
	font-size:80%;
  line-height: 130%;
  }
  
  .mainkeynote {
  font-weight:bold}
  
  ul.normal li {
  margin-left:10px;
  }
  
  a.login {
  text-decoration:none;
  color:#0000FF;
  font-size:80%}
  
  a.login:hover {
  text-decoration:none;
  color:#ff0000;
  font-size:80%}
  
    a.loginconf {
  text-decoration:none;
  color:#0000FF;
  font-size:80%;
  margin-left:10px;
  padding-top:20px;
  }
  
  a.loginconf:hover {
  text-decoration:none;
  color:#ff0000;
  font-size:80%;
  margin-left:10px;
  margin-top:10px}
  
      a.loginreg {
  text-decoration:none;
  color:#0000FF;
  font-size:80%;
  margin-left:10px;
  padding:6px 0;
  display:block;

  }
  
  a.loginreg:hover {
  text-decoration:none;
  color:#ff0000;
  font-size:80%;
  margin-left:10px;
  padding-top:6px;
  display:block}
  
  a.inmenu {
  margin-left:0;
  }
    a.inmenu:hover {
  margin-left:0;
  }
  
  h2 a.anchor {
  text-decoration:none;
  color:#E77817;
  font-size:120%;
  }
  
  dl {
  
  margin:0 10px;
  
  font-size:85%;
  line-height:150%}
  
  /******  training registration************/
  
  div.row span.labeltraining {
  
  float: left;
  width: 150px;
  text-align: right;
  }
  
    div.row span.formwtraining {
	padding-top:2px;
  float: right;
  width: 440px;
  text-align: left;
  }
  
  /************/
  
  p.workshop  {
	margin: 6px 10px; 
	margin-top:25px;
	padding: 0 ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 150%;
	text-align: justify;
	font-size: 100%;
	font-weight:bold;
}
  
   div.roweditconf {
  clear: both;
  padding-top: 5px;
  font-size:80%;
  }

div.roweditconf span.label {
  float: left;
  width: 120px;
  text-align: right;
  margin-top:4px;
  }

div.roweditconf span.formw {
  float: right;
  width: 300px;
  text-align: left;
  }
  
program td li {
line-height:150%;
}
  
th.program {
text-align:center;
font-size:95%}

.sessions {
font-weight:bold;
display:block;
color:#0000FF;
text-align:center;
font-size:95%;
}

   div.roweditemailer {
  clear: both;
  padding-top: 5px;
  font-size:80%;
  }

div.roweditemailer span.label {
  float: left;
  width: 120px;
  text-align: right;
  margin-top:4px;
  }

div.roweditemailer span.formw {
  float: right;
  width: 450px;
  text-align: left;
  }
  
 a.programlink {
 font-weight:normal;
 text-decoration:none
 }
  
 .speaker {
 display:block;
 
 font-size:85%;
 font-style:italic}
  
        .moderator  {
	  color:#FF7F00;
	font-size:80%;
  line-height: 150%;
  display:block;
  text-align:center
 
  }

a.abstracts {
text-decoration:none;
font-weight:normal;
}

a.abstracts:hover {
font-weight:normal;
color:#0000FF;
}
 
a.abstractskn {
text-decoration:none;
font-weight:bold;
}

a.abstractskn:hover {
color:#0000FF;
}

.eventslink {
text-decoration:none;
font-weight:bold;
color:#0000FF


}

.widepage {
display:none;
}