body {margin:0px; padding: 0px; font: 1.0em arial, helvetica, verdana, sans-serif; text-align:center; background-color: #FFF; background-image:  url("../images-pres/bgexp2.gif");}

* {margin: 0; padding:0;}

/* define all the containers */

#mainwrap {width:760px; margin-left:auto; margin-right:auto; text-align: left; background-color:#FFF; border: 5px solid white;}
#header {width:760px; height:230px; text-align: center;}
#contentarea {width:760px; margin-bottom: 10px;}
#column1 {width:152px; float:left; margin-right: 19px;}
#column2 {width:398px; float:left; margin-right: 37px; border-left: 1px dotted #789;}
#column3 {width:152px; float:left;}
#footer {width:760px; height:28px; position:relative;  background-image:   url("../images-pres/navbarbg.gif");}


#popheader {width:760px; height:35px; text-align: center;}
#vidcontainer {width:640px; margin-left:auto; margin-right:auto; text-align: left; margin-top:50px; margin-bottom:50px; background-color:#FFF;}
#popfooter {width:760px; height:35px; text-align: center;}


 
/* define the style and behaviour of the top navigation buttons */

div.button {width:152px; height:28px; top:0px; left: 0px; float:left; margin-bottom: 30px;}
div.blank {width:152px; height:28px; top:0px; left: 0px; float:left; margin-bottom: 30px;}
a.roll  {width:152px; 
			height:20px; 
			padding-top:8px;
			display:block; 
			font-size: 11px;
			text-align:center;
			background:     url("../images-pres/button_doublebg.gif") 0px 0px no-repeat;
			}
			div.button a.roll:link {background-position: 0px 0px; color: black; text-decoration:none;}
			div.button a.roll:visited {background-position: 0px 0px; color: black; text-decoration:none;}
			div.button a.roll:hover {background-position: 0px -28px; color: white; text-decoration:none}
			div.button a.roll:active {background-position: 0px -28px; color: black; text-decoration:none;}
			

/* define the text link style */

a:link {color:#427;}
a:visited {color:#427;}
a:hover {color:#000;}
a:active {color:#f90;}


/* define the subnavigation */

#subnav {width: 152px; margin-bottom: 20px;}
#subnav ul {margin: 0x; padding: 0px; list-style-type:none; font-size:10px; line-height:20px; background-color:#def;}
#subnav li {text-indent: 5px; border-bottom: 1px solid #fff;}

#subnav a:link {color:#567; text-decoration:none;  display:block; padding: 2px 0 2px 0; border-left: 5px solid #bcd}
#subnav a:visited {color:#567; text-decoration:none;  display:block; padding: 2px 0 2px 0;  border-left: 5px solid #bcd}
#subnav a:hover {color:#000; background-color:#bcd; text-decoration:none; display:block; padding: 2px 0 2px 0;  border-left: 5px solid #9ab}
#subnav a:active {color:#fff; background-color:#9ab; text-decoration:none;  display:block; padding: 2px 0 2px 0;  border-left: 5px solid #789}

/* define the style in the side columns */

#column1 p {font-size:.7em; line-height:1.3em; margin-bottom: 0.5em; color:#567;}
#column3 p {font-size:.7em; line-height:1.3em; margin-bottom: 0.5em; color:#567; margin-left: 5px; margin-right: 5px;}
#column1 h1 {font-size:.8em; line-height:1.0em; margin-bottom: 0.5em; color:#000;}
#column3 h1 {font-size:.8em; line-height:1.0em; margin-bottom: 0.5em; color:#000; margin-left: 5px; margin-right: 5px;}
#column1 h2 {font-size:.7em; line-height:1.0em; margin-bottom: 0.5em; color:#000;}
#column1 h2 {font-size:.7em; line-height:1.0em; margin-bottom: 0.5em; color:#000; margin-left: 5px; margin-right: 5px;}

#vidcontainer h1 {font-size:.8em; line-height:1.0em; margin-bottom: 10px; color:#567;}
#vidcontainer p {font-size:.75em; line-height:1.5em; margin-bottom: 0.75em; color:#000;}

a img {border-style: none;}
#column1 img {margin-bottom: 5px;}
#column3 img {margin-bottom: 5px;}


/* define all the typography in the main (middle) column */

#column2 p {font-size:.75em; line-height:1.5em; margin-bottom: 0.75em; margin-left: 18px; color:#000;}
#column2 h1 {font-size:1.2em; margin-bottom: 0.5em; margin-left: 18px; color:#567; font-weight:normal;}
#column2 h2 {font-size:1.0em; margin-bottom: 0.5em; margin-left: 18px; color:#567; font-weight:normal;}
#column2 h3 {font-size:.8em; margin-bottom: 0.5em; margin-left: 18px; color:#567;}
#column2 ul {font-size:.8em; line-height:1.5em; color:#000; margin: 0 0 0 18px; padding: 0;}
#column2 li {margin: 0; list-style-type:square; list-style-position:inside;}

#results {font-size:.75em; line-height:1.5em; margin-bottom: 0.75em; margin-left: 18px; color:#000;}

#column2 p.quote {font-size:1.2em; line-height:1.5em; margin: 20px 0 20px 18px; color:#abc; padding-top: 15px; padding-bottom: 15px; border-top: 1px solid #abc; border-bottom: 1px solid #abc}
#column2 p.quote em {color:#9ab;}
#column2 table {margin-left: 0px;}
.imagewrap {float:left; margin-right: 10px;}




/* define the style in the footer */

.credits {font-size:.7em; color:#000; position:absolute; top: 7px; left:10px;}
.footerlink {font-size:.7em; color:#000; position:absolute; top:7px; right:10px;}
.footerlink a:link {color:#000; text-decoration: none;}
.footerlink a:visited {color:#000; text-decoration: none;}
.footerlink a:hover {color:#fff; text-decoration: none;}
.footerlink a:active {color:#000; text-decoration: none;}



/* now the hacks */

/* Clearing method devised by Tony Aslett - www.csscreator.com */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-table;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */