/****************************************************************/
/*  http://htmlhelp.com/tools/csscheck/   */
/* http://validator.w3.org/  */
/***********/
/*  RESET  */
/***********/

fieldset,img{border:0;}  /* need this to not put boxes around images with href */

/******************/
/* GLOBAL LAYOUT  */
/******************/

.container {width:978px; padding-top:8px; padding-bottom:10px; font-size:1.0em;
				margin-left: auto;margin-right: auto;}

.header {width:964px; min-height:57px /*Non-IE6*/; height:auto !important /*Non-IE6*/;
			height:57px /*IE6*/;
			border-left:solid 7px rgb(255,255,255);
			border-right:solid 7px rgb(255,255,255);
			background:rgb(255,255,255);
			font-size:1.0em;}

.header2 {width:978px; min-height:28px /*Non-IE6*/; height:auto !important /*Non-IE6*/;
			height:28px /*IE6*/;
			background:url(../images/mnuback9.gif) repeat-x;
			font-size:1.0em;}

.header3 {width:978px; min-height:28px /*Non-IE6*/; height:auto !important /*Non-IE6*/;
			height:28px /*IE6*/;
			background:url(../images/mnuback9.gif) repeat-x;
      background-color: #FFFFFF;
			font-size:1.0em;}

.main {clear:both; width:958px; padding:0px 0 0px 0; border-left:solid 10px rgb(255,255,255);
		 border-right:solid 10px rgb(255,255,255);background-color:rgb(255,255,255);
		 background:rgb(255,255,255);
    	 font-size:1.0em;}
    	 

.mainPT10 {clear:both; width:968px; padding:0px 0 0px 0; border-left:solid 10px rgb(255,255,255);
		 ;background-color:rgb(255,255,255);
		 background:rgb(255,255,255);
    	 font-size:1.0em;}

.content {display:inline; /*Fix IE floating margin bug*/; float:right; width:746px;  /* was 846 978 */
			border-left:solid 7px rgb(255,255,255);
			border-right:solid 7px rgb(255,255,255);
			 background-color:rgb(255,255,255);  overflow:visible !important
			 /*Non-IE6*/; overflow:hidden /*IE6*/;}

.content12 {display:inline; /*Fix IE floating margin bug*/; float:left; width:950px;  /* was 846 978 */
			border-left:solid 7px rgb(255,255,255);
			border-right:solid 7px rgb(255,255,255);
			 background-color:rgb(255,255,255);  overflow:visible !important
			 /*Non-IE6*/; overflow:hidden /*IE6*/;}

.tdmain12left { 
          text-align: center;
          vertical-align: top;
}
.tdmain12center { 
          border-left: solid 2px #808080;
          border-right: solid 2px #808080;
          text-align: center;
          vertical-align: top;
}
.tdmain12right { 
          text-align: center;
          vertical-align: top;
}

.h2main12 {
          text-align:center;
          background-color: #FFFFFF; 
          color: #2020DD;
}

.banner {width:978px;
             display:inline;
             border: none;
				 padding: 0;
             margin:0 0 0 0;
				 background-color:rgb(255,255,255);}
.bannerLeft {display:inline; float:left; width:796px;
				  height: 100px;
             overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}
.bannerRight {display:inline; float:right; width:182px;
				  height: 100px;
				  background-color:rgb(255,255,255);
 				  overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}

.bannerRightTop {display:inline; float:right; width:182px;
				 height: 50px;
				 overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}
.bannerRightBottom {display:inline; float:right; width:182px;
				 height: 50px;
				 overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}

.leftpanel {display:inline /*Fix IE floating margin bug*/; float:left; width:198px;  /* was 270 200 */
				 background-color:rgb(255,255,255); font-size:1.0em;
				 overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}
.footer {clear:both; width:958px; padding:3px 0 3px 0; border-left:solid 10px rgb(225,225,225);
			border-right:solid 10px rgb(225,225,225); background-color:rgb(225,225,225);
			font-size:1.1em !important /*Non-IE6*/; font-size:1.0em /*IE6*/; overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}

/****************/
/*  HEADER-TOP  */
/****************/

/* SITENAME AND SLOGAN */
.sitelogo {width:188px; height:38px; position:absolute; z-index:1;
			  margin:6px 0 0 15px; background:url('/images/ExperTuneLogo.jpg') repeat-x;}
.sitename {width:300px; height:40px; position:absolute; z-index:1; margin:17px 0 0 85px; overflow:hidden;}

/********************/
/*  NAVIGATION BAR  */
/********************/

/* jpg Home, Search, Content Buttons */
.navButtons {position:absolute ; 
			 padding-top:10px; text-align: center; width: 80px; float: right}

/************/
/*  CONTENT */
/************/

/* CONTAINER  */
.content1col746 {width:746px; background-color:rgb(255,255,255);}

.content-2col-nobox-leftcolumn {display:inline; float:left; width:337px;
  border-right:solid 1px rgb(215,215,215) /*Use this statement if left column is longer than the right column. Activate by removing "xx_" from property name*/; background-color:rgb(255,255,255);}
.content-2col-nobox-rightcolumn {display:inline; float:right; width:337px; border-left:solid 1px rgb(215,215,215)/*Use this statement if right columnn is longer than the left column. De-activate by adding "xx_" to propery name*/; background-color:rgb(255,255,255);}


/***************/
/* SUBCONTENT  */
/***************/

.leftpanelbox {width:200px; float:right; background-color:rgb(255,255,255);}

/******************/
/*  PlantTriage 2010  */
/******************/
.contentPT10 {float:right;width:355px; height:420px; background-color:rgb(224,234,244);
				  padding: 10px;
				  padding-left: 15px}
.H2contentPT10 {
  		    padding: 0px
          margin-left: 0px;
          margin-bottom: 0px;
          padding-top: 5px;
          padding-bottom: 5px;
          font-family: helvetica;
          font-weight: bold;
			 color: rgb(12,81,159);
          font-size: 11pt;
          }
.H4contentPT10 {
          font-weight: bold;
			 color: rgb(12,81,159);
          font-size: 8pt;
          font-family: Arial;
          }

/******************/
/*  Video Boxes  */
/******************/
.video1 {position:relative;float:left;height:172px;width:172px;overflow:hidden;
			margin:4px;border-style:solid; border-width:1px;border-color:silver;}
.videohead1 {background-color: #e5f2fb;font-family: Arial, sans-serif;font-weight: bold;
				 color:black;padding:5px;text-decoration:none}
.a.videohead1 {color:black;text-decoration:none}

.videospaceOLD {display:inline; position:relative; float:left;height:2px;width:172px;overflow:hidden;
			background-color:silver;}
.videospace {height:2px;width:172px;
			background-color:silver;}
.videotext {padding-left:5px;padding-right:5px;}

.leftpanelvideo {display:inline /*Fix IE floating margin bug*/; float:left; width:304px;
				 background-color:rgb(255,255,255); font-size:1.0em;margin:3px;
				 overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;
             padding-top:4px;
				 padding-left:4px}

.contentvideo {float:right;width:636px; background-color:rgb(255,255,255);
					}


/*********************/
/*  ROUNDED CORNERS  */
/*********************/

/* PAGE */
.corner-page-top {width:978px; height:7px; background:transparent url(../images/TopEdge.jpg) no-repeat; overflow:hidden;}
.corner-page-bottom {width:978px; height:7px; padding-bottom:20px; background:transparent url(../images/BottomEdge.jpg) no-repeat; overflow:hidden;}

/* CONTENT */
.corner-content-1col-top {clear:both; width:676px; height:7px; background:white url(../images/bg_corner_content_1col_top.gif) no-repeat; overflow:hidden;}
.corner-content-1col-bottom {clear:both; width:676px; height:7px; margin-bottom:10px; background:transparent url(../images/bg_corner_content_1col_bottom.gif) no-repeat; overflow:hidden;}
.corner-content-2col-top {width:333px; height:7px; background:transparent url(../images/bg_corner_content_2col_top.gif) no-repeat; overflow:hidden;}
.corner-content-2col-bottom {width:333px; height:7px; margin-bottom:10px; background:transparent url(../images/bg_corner_content_2col_bottom.gif) no-repeat; overflow:hidden;}

/* SUBCONTENT */
.corner-subcontent-top {clear:both; width:270px; height:7px; background:transparent url(../images/bg_corner_subcontent_top.gif) no-repeat; overflow:hidden;}
.corner-subcontent-bottom {clear:both; width:270px; height:7px; margin-bottom:10px; background:transparent url(../images/bg_corner_subcontent_bottom.gif) no-repeat; overflow:hidden;}

/******************/
/*  CLEAR FLOATS  */
/******************/
.container:after, .header:after, .header-top:after, .header-bottom:after, .navbar:after,.mainPT10:after, .main:after, .content:after, .content div:after, .subcontent:after, .subcontent div:after, .footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.content-1col-nobox:after, .content-2col-nobox-leftcolumn:after, .content-2col-nobox-rightcolumn:after, .content-1col-box:after, .content-2col-box-leftcolumn:after, .content-2col-box-rightcolumn:after, .content-2col-box:after, .subcontent-box:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.corner-content-1col-top:after, .corner-content-1col-bottom:after, .corner-content-2col-top:after, .corner-content-2col-bottom:after, .corner-subcontent-top:after, .corner-subcontent-bottom:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
 p:after {content:"."; display:block; height:0; /*clear:both Do not use here to avoid paragraphs clearing next to images;*/  visibility:hidden;}
 
 
/**************/
/*  PRINTING  */
/**************/
/* To avoid that some layouts may break during printing */
/* we remove one vertical border-line for the columns  */                 
@media print {.content-2col-nobox-rightcolumn {display:inline; float:right; width:337px; border-left:none; background-color:rgb(255,255,255);}}