/* CSS Document */



/*  ===================================================  
 	===================================================  
	 Description: CHRISTUS St. Michael home page tabs stylesheet 
	 Author: Sean Kabanuk 
	 Version: 1.0 alpha
	 Last updated: 5/21/07 
	 Updated by: Sean Kabanuk 
  	=================================================== 
  	===================================================  */
	
	

#tabContainerOne {
	width: 420px;
	height: 125px;
	position: relative;
	margin-bottom: 40px;	/* background-color:#3333CC; */
	}
	
#tabContainerTwo {
	width: 420px;
	position: relative;
	margin: 10px 0px 0px 0px;
	/* background-color: #CCFF66; */
	}
	
/*  ===================================================  */
/*  DEFINES TAB BUTTONS */
/*  ===================================================  */

#tabOne {
	display: none;
	float: left;
	width: 75px;
	height: 16px;
	margin: 4px 0px 0px 0px;
	background-color: #8d7685;
	}
	
	#tabOneDown {
	float: left;
	width: 75px;
	height: 20px;
	margin: 0px;
	background: #6b4561 url(../images/tabdown_bckgrnd.gif) top right no-repeat;
		}

#tabTwo {
	float: left;
	width: 115px;
	height: 16px;
	margin: 4px 0px 0px 0px;
	background-color: #9f8495;
	}
	
	#tabTwoDown {
	display: none;
	float: left;
	width: 115px;
	height: 20px;
	margin: 0px;
	background-color: #eaecf7;
	background: #6b4561 url(../images/tabdown_bckgrnd.gif) top right no-repeat;
		}
		
#tabThree {
	float: left;
	width: 100px;
	height: 16px;
	margin: 4px 0px 0px 0px;
	background-color: #b499aa;
	}
	
	#tabThreeDown {
	display: none;
	float: left;
	width: 100px;
	height: 20px;
	margin: 0px;
	background-color: #eaecf7;
	background: #6b4561 url(../images/tabdown_bckgrnd.gif) top right no-repeat;
		}
		
#tabFour {
	float: left;
	width: 107px;
	height: 16px;
	margin: 4px 0px 0px 0px;
	background: #c3adbb url(../images/tabcorner.gif) top right no-repeat;
	}
	
	#tabFourDown {
	display: none;
	float: left;
	width: 107px;
	height: 20px;
	margin: 0px;
	background-color: #eaecf7;
	background: #6b4561 url(../images/tabdown_bckgrnd.gif) top right no-repeat;
		}
		
#tabFive {
	display: none;
	float: left;
	width: 80px;
	height: 16px;
	margin: 4px 0px 0px 0px;
	background-color: #8d7685;
	}
	
	#tabFiveDown {
	float: left;
	width: 80px;
	height: 20px;
	margin: 0px;
	background: #6b4561 url(../images/tabdown_bckgrnd.gif) top right no-repeat;
		}

#tabSix {
	float: left;
	width: 120px;
	height: 16px;
	margin: 4px 0px 0px 0px;
	background-color: #9f8495;
	}
	
	#tabSixDown {
		display: none;
		float: left;
		width: 120px;
		height: 20px;
		margin: 0px;
		background-color: #eaecf7;
		background: #6b4561 url(../images/tabdown_bckgrnd.gif) top right no-repeat;
		}
		
#tabSeven {
	float: left;
	width: 130px;
	height: 16px;
	margin: 4px 0px 0px 0px;
	background-color: #b499aa;
	}
	
	#tabSevenDown {
		display: none;
		float: left;
		width: 130px;
		height: 20px;
		margin: 0px;
		background-color: #eaecf7;
		background: #6b4561 url(../images/tabdown_bckgrnd.gif) top right no-repeat;
		}
		
#tabEight {
	float: left;
	width: 107px;
	height: 16px;
	margin: 4px 0px 0px 0px;
	background: #c3adbb url(../images/tabcorner.gif) top right no-repeat;
	}
	
	#tabEightDown {
		display: none;
		float: left;
		width: 107px;
		height: 20px;
		margin: 0px;
		background-color: #eaecf7;
		background: #6b4561 url(../images/tabdown_bckgrnd.gif) top right no-repeat;
		}
		
		
.tabLinks a {
	display: block;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 2px 0px 0px 10px;
	text-decoration: none;
	}
	
.tabLinksDown a {
	display: block;
	float: left;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 4px 0px 0px 10px;
	text-decoration: none;
	margin: 0px;	
	}
	
.tabPointerIcon {
	float: left;
	margin: 3px 0px 0px 0px;
	}
	
.tabContentImageRight {
	float: right;
	margin: 3px 5px 0px 5px;
	border: 1px solid #08475a;
	}
	
.tabContentImageLeft {
	float: left;
	margin: 3px 5px 0px 0px;
	border: 1px solid #08475a;v
	}
	
.tabRight {
	float: left;
	}
	

	
	
/*  ===================================================  */
/*  DEFINES TAB CONTENT */
/*  ===================================================  */

#tabOneContent {
	clear: both;
	width: auto;
	padding: 5px 5px 0px 10px;
	background-color: #fff;
	}
	
#tabTwoContent {
	display: none;
	clear: both;
	width: auto;
	padding: 5px 5px 0px 10px;
	background-color: #fff;
	}
	
	
#tabThreeContent {
	display: none;
	clear: both;
	width: auto;
	padding: 5px 5px 0px 10px;
	background-color: #fff;
	}
	
	
#tabFourContent {
	display: none;
	clear: both;
	width: auto;
	padding: 5px 5px 0px 10px;
	background-color:#fff;
	}
	
	
#tabFiveContent {
	clear: both;
	width: auto;
	padding: 5px 5px 0px 10px;
	background-color: #fff;
	}
	
#tabSixContent {
	display: none;
	clear: both;
	width: auto;
	padding: 5px 5px 0px 10px;
	background-color: #fff;
	}
	
	
#tabSevenContent {
	display: none;
	clear: both;
	width: auto;
	padding: 5px 0px 0px 10px;
	background-color: #fff;
	}
	
	
#tabEightContent {
	display: none;
	clear: both;
	width: auto;
	padding: 5px 0px 0px 10px;
	background-color: #fff;
	}
