@charset "UTF-8";
/* CSS Document */

/*
 * This is used just to have a position: relative so I can then put the tabbed panels in it.
 * it is ugly and a mess, I wonder what people where thinking when they thought about this
 * boxing model.
 */
div#tabFrame {
	position: relative;
	width:955px;
	min-height:300px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:300px; /* for IE5.x and IE6 */
	margin-left: 5px;
	margin-bottom: 20px;
	
	
}
div#tabMenuDiv {
	/* position MUST be relative so to palce this and the TabFiller into a common z-order reference
    * this fix the Internet Explorer crappy BUG
    */
   position: relative;
	/* since the z-index is four this will be on top of the tabFiller border */
   z-index: 4;
	
}
/* this is used to fill the tabs with something so they do not mess up with the page
 * This div will be used to set the size of the tabPane, the width is automatic.
 * so, basically, the only thing to set is the height, use the em unit !
 */
div#tabFiller {
	/* position MUST be relative so to palce this and the TabFiller into a common z-order reference
    * this fix the Internet Explorer crappy BUG
    */
   position: relative;
	min-height:230px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:230px; /* for IE5.x and IE6 */
	/* z-Index must be lower than the one of tabMenuDiv since this div should be below it */
   z-index:1;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
}
/*
 * This defines the general properties of the tabMenu something like borders, colors, etc.
 * One important property is the z-index, it must be above the other panels.
 */
 h3.tab {
 font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #fff;
	line-height: 4px;
 }
 
a.tab {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #fff;
	text-decoration: none;
	
		
}
a.tab:hover {
	text-decoration: underline;
 }
 
 li.tab {
	background-image: url(images/LB_tab_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0.4em 0.2em;
	padding-left: 1.8em;
}

a.readMore {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #fff;
	margin-left: 14px;
	position: relative;
	top: 195px;	
}

a.readMore:hover {
	text-decoration: underline;
 }
 
 
 /* Tab 0 */
 h1.tab0 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	color: #cd9fcd;
}

h2.tab0 {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #cd9fcd;
	line-height: 8px;
}

div.tab0 {
	background-image: url(images/LB_tab0_cont.jpg);
	background-color: #391c38;
	background-repeat: repeat-x;
	min-height:230px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:230px; /* for IE5.x and IE6 */
	
}

div.tabMenu0 {
	float:left;
	width:206px;
	background-color: #391c38;
	background-image: url(images/LB_tab0_bg.jpg);
	background-repeat: repeat-x;
	border-top: 5px solid #FFFFFF;
	color: #b4c4de;
	padding-top: 10px;
	padding-right: 14px;
	padding-bottom: 5px;
	padding-left: 14px;
	}


div.tabMenuOver0 {
	float:left;
	width:206px;
	background-color: #391c38;
	background-image: url(images/LB_tab0_bg.jpg);
	background-repeat: repeat-x;
	border-top: 5px solid #FFFFFF;
	padding-top: 10px;
	padding-right: 14px;
	padding-bottom: 5px;
	padding-left: 14px;
}
div.tabMenuActive0 {
	float:left;
	width:206px;
	background-image: url(images/LB_tab0a_bg.jpg);
	background-color: #754a78;
	background-repeat: repeat-x;
	padding-top: 10px;
	padding-right: 14px;
	padding-bottom: 5px;
	padding-left: 14px;
	border-top: 5px solid #391c38;
	
   
}

div.readMore0 {
	background-image: url(images/LB_tab0_more.jpg);
	background-repeat: no-repeat;
	width: 170px;
	min-height:230px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:230px; /* for IE5.x and IE6 */
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	float:right;
		
}


/* Tab 1 */

 h1.tab1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	color: #a393c2;
}

h2.tab1 {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #a393c2;
	line-height: 8px;
}

div.tab1 {
	background-image: url(images/LB_tab1_cont.jpg);
	background-color: #271e3b;
	background-repeat: repeat-x;
	min-height:230px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:230px; /* for IE5.x and IE6 */
}

div.tabMenu1 {
	
	float:left;
	width:206px;
	background-color: #261e33;
	background-image: url(images/LB_tab1_bg.jpg);
	background-repeat: repeat-x;
	padding-top: 10px;
	padding-right: 14px;
	padding-bottom: 5px;
	padding-left: 14px;
	border-top: 5px solid #FFFFFF;
	color: #b4c4de;
	}


div.tabMenuOver1 {
	float:left;
	width:206px;
	background-color: #261e33;
	background-image: url(images/LB_tab1_bg.jpg);
	background-repeat: repeat-x;
	border-top: 5px solid #FFFFFF;
	padding-top: 10px;
	padding-right: 14px;
	padding-bottom: 5px;
	padding-left: 14px;
}
div.tabMenuActive1 {
	float:left;
	width:206px;
	background-image: url(images/LB_tab1a_bg.jpg);
	background-color: #564a6e;
	background-repeat: repeat-x;
	padding-top: 10px;
	padding-right: 14px;
	padding-bottom: 5px;
	padding-left: 14px;
	border-top: 5px solid #261e33;
	
   
}

div.readMore1 {
	background-image: url(images/LB_tab1_more.jpg);
	background-repeat: no-repeat;
	width: 170px;
	min-height:230px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:230px; /* for IE5.x and IE6 */
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	float:right;
		
}



/* Tab 2 */

 h1.tab2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	color: #b8c9e5;
}

h2.tab2 {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #b8c9e5;
	line-height: 8px;
}

div.tabMenu2 {
	float:left;
	width:206px;
	background-color: #2c384e;
	background-image: url(images/LB_tab2_bg.jpg);
	background-repeat: repeat-x;
	padding-top: 10px;
	padding-right: 14px;
	padding-bottom: 5px;
	padding-left: 14px;
	border-top: 5px solid #FFFFFF;
	color: #b4c4de;
	}


div.tabMenuOver2 {
	float:left;
	width:206px;
	background-color: #2c384e;
	background-image: url(images/LB_tab2_bg.jpg);
	background-repeat: repeat-x;
	border-top: 5px solid #FFFFFF;
	padding-top: 10px;
	padding-right: 14px;
	padding-bottom: 5px;
	padding-left: 14px;
}
div.tabMenuActive2 {
	float:left;
	width:206px;
	background-image: url(images/LB_tab2a_bg.jpg);
	background-color: #606e8b;
	background-repeat: repeat-x;
	padding-top: 10px;
	padding-right: 14px;
	padding-bottom: 5px;
	padding-left: 14px;
	border-top: 5px solid #2c384e;  
}

div.tab2 {
	background-image: url(images/LB_tab2_cont.jpg);
	background-color: #29384d;
	background-repeat: repeat-x;
	min-height:230px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:230px; /* for IE5.x and IE6 */
}

div.readMore2 {
	background-image: url(images/LB_tab2_more.jpg);
	background-repeat: no-repeat;
	width: 170px;
	min-height:230px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:230px; /* for IE5.x and IE6 */
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	float:right;
		
}

/* Tab 3 */

 h1.tab3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	color: #a8c99c;
}

h2.tab3 {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #a8c99c;
	line-height: 8px;
}

div.tabMenu3 {
	float:left;
	width:205px;
	background-color: #323b1e;
	background-image: url(images/LB_tab3_bg.jpg);
	background-repeat: repeat-x;
	padding-top: 10px;
	padding-right: 14px;
	padding-bottom: 5px;
	padding-left: 14px;
	border-top: 5px solid #FFFFFF;
	color: #b4c4de;
	}


div.tabMenuOver3 {
	float:left;
	width:205px;
	background-color: #323b1e;
	background-image: url(images/LB_tab3_bg.jpg);
	background-repeat: repeat-x;
	border-top: 5px solid #FFFFFF;
	padding-top: 10px;
	padding-right: 14px;
	padding-bottom: 5px;
	padding-left: 14px;
}
div.tabMenuActive3 {
	float:left;
	width:205px;
	background-image: url(images/LB_tab3a_bg.jpg);
	background-color: #5b7547;
	background-repeat: repeat-x;
	padding-top: 10px;
	padding-right: 14px;
	padding-bottom: 5px;
	padding-left: 14px;
	border-top: 5px solid #323b1e;
	
   
}

div.readMore3 {
	background-image: url(images/LB_tab3_more.jpg);
	background-repeat: no-repeat;
	width: 170px;
	min-height:230px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:230px; /* for IE5.x and IE6 */
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	float:right;
		
}

/* Generic */

div.tabMenuSpacer {
	float:left;
	width:5px;
	background-color: #fff;
	color: #FFFFFF;
}


/* the various tab panels are in absolute position relative to the parent, so basically
 * they all overlap one with the other.
 * The problem is that their size is dependent on the content and therefore that has to be adjusted.
 * to do this I need of javascript...
 * If you want to define some special fonts for the tabbed pane, do it here.
 */
div.tabPane {
	position: absolute;
	
	/* the background of this must be the same of tabFiller */

    min-height:230px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:230px; /* for IE5.x and IE6 */
}



div.tab3 {
	background-image: url(images/LB_tab4_cont.jpg);
	background-color: #303c1c;
	background-repeat: repeat-x;
	min-height:230px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:230px; /* for IE5.x and IE6 */
}
div.tabtext {
	float:left;
	width:260px;
	padding: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;	
	

}

div.tabtextvid {
	float:left;	
	width:260px;
	padding: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	margin-left: 20px;	

}
img.tab1 {
	float:right;
}

div.vidholder{
float:right;
margin-right:30px;
}