/*@import url("gen.css");*/

@page {
	size: 8.5in 11in;
	margin: 0.79in;
}

@media screen,print {
	/* General stuff */
	body {
		font-family: "Arial", serif; /* "Nimbus Sans L" used elsewhere */	
		font-size: 12pt;
		font-weight: normal;
		
		background-color: White;
		color: black;
		/* Hack since we can't get #menu to extend downwards */
		background-image: url("../../resources/imgs/background.jpg");
		background-repeat: repeat-y;
	}

        body.printable { background-image: none; }
  
	
	a {
		color: blue; /* rgb(55, 63, 136); /* #373f88 */
		/* BUG: needs to be brighter than #373f88 but more matching than blue */
		background-color: white;
	}
	a:link,
	sup a,
	sup a:link,
	sup a:visited,
	sup a:hover {
		text-decoration: none;
	}
	a:visited	{ text-decoration: underline; }
	a:hover		{ text-decoration: underline; }
	
	img {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		border: none;
	}
	
	
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#banner {
		visibility: visible;
		position: absolute; top: 0; left: 0; right: 0; height: 162px;
		color: white;
		background-color: black;
		
		background-image: url("../../resources/imgs/header_globe3.gif");
		background-repeat: no-repeat;
		/*background-attachment: fixed; ** would cause it not to scroll with vertical */
	}
	
	
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#menu {
		visibility: visible;
		position: absolute; top: 162px /*hack*/; left: 0; width: 200px /*255px*/; bottom: 0;
		/* BUG: doesn't do full length/height */
		
		background-color: rgb(31, 32, 66); /* #1f2042 */
		color: white;
		text-decoration: none; /* kludge for IE */
		
		/* hack because of background image */
		border-top-style: solid;
		border-top-color: rgb(255, 255, 255);
		border-top-width: 3px;
	}
	
	div.menuitem,
	div.menuitem-registration,
	div.menuitem-current,
	div.menuitem-empty {
		/* div.menuitem-empty is so we don't get the rollover on the line */
		border-bottom-style: solid;
		border-bottom-color: rgb(200, 200, 200);
		border-bottom-width: 3px;
		
		padding-top: 5px;
		padding-bottom: 3px;
		padding-left: 1em;
		padding-right: 1em;
		
		background-color: rgb(31, 32, 66); /* #1f2042 */
		color: white;
		text-align: left;
		text-decoration: none; /* kludge for IE */
	}
	
	div.menuitem a,
	div.menuitem-registration a,
	div.menuitem-current a {
                                 display: block; /* MC 2007-02-03 allows the whole area of the div to be an active link */
		text-decoration: none;
		text-transform: uppercase;
		font-family: "Nimbus Sans L", sans-serif;
		font-size: 10pt;
		background-color: rgb(31, 32, 66); /* #1f2042 */
		color: white;
	}
	
	div.menuitem:hover,
	div.menuitem:hover a,
	div.menuitem a:hover /* kludge for IE */ {
		/* This will make the text and dividing line turn gold on rolling over the div,
		   applying it to "div.menuitem:hover a" is needed to make the text color work. */
		border-bottom-color: rgb(238, 155, 15);
		background-color: rgb(31, 32, 66); /* #1f2042 */
		color: rgb(238, 155, 15);
		text-decoration: none; /* kludge for IE */
	}
	
	div.menuitem-current,
	div.menuitem-current a {
		/* This will make the line gold (but not the text) for the current page
		border-bottom-color: rgb(238, 155, 15); */
		
		color: white;
		background-color: rgb(238, 155, 15);
		text-decoration: none; /* kludge for IE */
	}
	
	div.menuitem-current:hover,
	div.menuitem-current:hover a,
	div.menuitem-current a:hover /* kludge for IE */ {
		/* This will make the text and dividing line turn gold on rolling over the div,
		   applying it to "div.menuitem:hover a" is needed to make the text color work.
		border-bottom-color: rgb(238, 155, 15);
		background-color: rgb(31, 32, 66);
		color: rgb(238, 155, 15); */
		
		color: white;
		background-color: rgb(238, 155, 15);
		text-decoration: none; /* kludge for IE */
	}
	
	div.menuitem-registration,
	div.menuitem-registration a {
		background-color: rgb(205, 0, 50);  /* rgb(205, 0, 0); */
	}
	
	div.menuitem-registration:hover,
	div.menuitem-registration:hover a,
	div.menuitem-registration a:hover /* kludge for IE */ {
		color: white;
		background-color: rgb(238, 155, 15);
		text-decoration: none; /* kludge for IE */
	}
	
	/* kludge for IE */
	div.menuitem a:visited,
	div.menuitem-current a:visited,
	div.menuitem-registration a:visited {
		text-decoration: none;
	}
		
	
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#ads {
		visibility: visible;
		position: absolute; top: 165px; right: 10px; width: 180px; bottom: 0;
		/* BUG: doesn't do full length/height */
		z-index: 0; /* to deal with an IE bug re #tooltip for the dhtml on the cgi pages */
	}
	
	div.aditem, div.aditem-one, div.aditem-two {
		/* the border adds some nice fuzz around the boxes */
		border-style: solid;
		border-color: rgb(200, 200, 200);
		border-width: 1px;
		background-color: rgb(55, 63, 136); /* #373f88 */
		
		padding: 3px;
		
		text-align: center;
		text-transform: uppercase;
		font-family: "Nimbus Sans L", sans-serif;
		font-size: 10pt;
		color: white;
	}

        div.aditem-one { background-color: rgb(238, 155, 15); }

        div.aditem-two { background-color: rgb(55, 63, 136); /* #373f88 */ }

	hr {
		border: none;
		color: inherit;
		background-color: rgb(200, 200, 200);
		height: 1px;
		
		margin-left: 10px;
		margin-right: 10px;
	}
	
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#content {
		visibility: visible;
		position: absolute; top: 165px; left: 205px /*260px*/; right: 195px;
		z-index: 1; /* to deal with an IE bug re #tooltip for the dhtml on the cgi pages */
	}
	
	#content img {
		margin-left: 1em;
		margin-right: 1em;
	}

        #printable_content { width: 800px; margin-left: auto; margin-right: auto;  }

        #print_header { width: 800px; margin-left: auto; margin-right: auto;  }

        #print_header h1 { font-size: 1.5em; text-align: center; text-decoration: none; border-bottom: none; margin-bottom: 0;} 
        #print_header h2 { font-size: 1.1em; text-align: center; margin-bottom: 0; margin-top: 0;} 
	
  
        span.printbutton { font-size: 10pt; text-align: right; }
        #content span.printbutton img {
		margin-left: 1em;
		margin-right: 0em;
		border: none;
	}


	p, table, ul {
		margin-left: 3em;
		margin-right: 1em;
		margin-top: 0.5em;
		margin-bottom: 1.5em;
		
		text-align: justify;
	}
	
	h1, h2, h3, p.oblique, p.footer, p.subheader, b {
		color: rgb(31, 32, 66); /* #1f2042 */
		background-color: white;
	}

  
  div.activity { height: 17em; }

  /* program page stuff */ 

  #program p.time { display: block; 
                    text-align: right;
                    float: left; 
                    width: 120px;
                    padding-right: 5px;
                    margin-right: 0px;
                    margin-left: 1px; 
                    font-size: 10pt;
                    font-weight: normal;
                    margin-top: 0px;
                    padding-top: 15px;
                    margin-bottom: 0px;
                    }

  #program p.time_event {
                          margin-left: 10px; 
                          text-align: left;
                          margin-top: 25px;
                          margin-bottom: 25px;
                          font-size: 10pt;
                          }
  
  #program p { 
               margin-left: 130px; 
               padding-left: 0px;
               margin-bottom: 0px; 
               text-align: left;
               margin-top: 0px; 
               padding-top: 15px; }

  #program ul { 
                margin-left: 135px; 
                margin-bottom: 0px; 
                margin-top: 0; 
                padding-top: 5px; 
                text-align: left; }

  #program div.speaker { margin-left: 130px; } 
  #program ul.speaker { margin-left: 0px; } 
  #program p.speaker{ margin-left: -15px; }
  #program img.speaker { display: inline;  margin-right: 35px; margin-top: 0px; float: left; }

	
	/* Headers */
	h1 {
		border-bottom-style: solid;
		border-bottom-color: rgb(31, 32, 66); /* #1f2042 */;
		border-bottom-width: 1px;
		
		font-size: 12pt;
	}
	h2, h3 {
		margin-right: 1em;
		margin-bottom: 0;
		
		font-size: 12pt;
		font-weight: bold;
	}
	h2 { margin-left: 1em; }
	h3 { margin-left: 3em; }
	
	/* Paragraphs */
	p.oblique, div.footer p {
		margin-left: 1em;
		margin-right: 1em;
		
		text-align: justify;
		font-style: italic; /* will be oblique if no italic can be found */
	}
	p.oblique span.gasmart {
		font-weight: bold;
	}
	p.subheader {
		margin-left: 1em;
		margin-right: 1em;
		margin-top: 0;
		margin-bottom: 0;
	}
	p.longlist {
		margin-top: 0;
		margin-bottom: 0;
		font-size: 10pt;
	}
	
	div.footer {
		border-top-style: solid;
		border-top-color: rgb(31, 32, 66); /* #1f2042 */;
		border-top-width: 1px;
		
		margin-top: 1em;
		padding-top: 0;
		clear: both;
	}
	div.footer p {
		font-size: 10pt;
		margin-bottom: 0.5em;
		clear: both;
	}
	
	div.bordered {
		border-style: solid;
		border-color: rgb(200, 200, 200);
		border-width: 1px;
		
		padding-left: 0;
		margin-left: 3em;
	}
	div.bordered p {
		padding-left: 0;
		margin-left: 1em;
		margin-bottom: 1em;
	}
	
	
	/* Lists */
	ul {
		list-style-position: outside;
		padding-left: 1em; /* BUG for fixing IE */
	}
	li {
		margin-left: 0;
		margin-bottom: 0.5em;
	}
	li p {
		margin-left: 0;
	}
	
	
  /* Tables */
  td { vertical-align: text-top; }
  td h3, td p, td ul { margin-left: 0; }
  table.cgitable {
                   border: 0;
                   }
  table.cgitable tr, table.cgitable td {
                                         padding: 0 0 0 0; /* tryign cellspacing/cellpadding=0 */
                                         margin: 0 0 0 0;
                                         vertical-align: top;
                                         }
	
	
	/* Generic classes */
	.center { text-align: center; }
	.right { text-align: right; }
	.left { text-align: left; }
}