.CSSTabDiv
	{
	height: 300px
	}
	
.shadetabs
	{
	position: relative
	; list-style-type: none
	; margin: 5px 0
	; padding: 0
	; width: 330px
	; height: 322px
	; float: left
	; background-color: #FFFFFF
	; border-right: 1px solid #939393
	; background: url("images/tabbgrnd.jpg") repeat-y 
	}
	
.shadetabs li
	{
	list-style-type: none
	; margin-top: 8px
	; font-size: 10pt
	}

.shadetabs li a
	{
	background: white none no-repeat 
	; font-weight: normal;
	; color: #939393
	; display: block
	; width: 320px
	; text-decoration: none
	; outline: none 
	}

.shadetabs li a span
	{
	background: url("images/arrow.jpg") no-repeat right top 
	; font-weight: normal;
	; color: #939393
	; display: block
	; width: 300px
	; text-decoration: none
	; padding: 3px 0px 3px 10px
	; border-top: 1px solid #939393
	; border-bottom: 1px solid #939393
	; border-left: 1px solid #939393
	}
	
.shadetabs li.selected a span
	{
	background: url("images/selectedarrow.jpg") no-repeat right top
	; font-weight: bold;
	; color: red
	; display: block
	; width: 320px
	; text-decoration: none
	; padding: 3px 0px 3px 10px
	; border-top: 1px solid #939393
	; border-right: 0px solid #939393
	; border-bottom: 1px solid #939393
	; border-left: 1px solid #939393	
	}

* html .shadetabs li a /*IE only. Actual menu width minus left padding of A element (10px) */
	{ 
	width: 160px
	}

.shadetabs li a:visited, .shadetabs li a:active
	{
	background: white none no-repeat 
	; font-weight: bold;
	; color: red	
	}

.shadetabs li.selected a:hover span
	{
	background: url("images/selectedarrow.jpg") no-repeat right top
	; font-weight: bold;
	; color: red
	; display: block
	; width: 320px
	; text-decoration: none
	; padding: 3px 0px 3px 10px
	; border-top: 1px solid #939393
	; border-right: 0px solid #939393
	; border-bottom: 1px solid #939393
	; border-left: 1px solid #939393 	
	; cursor: default 
	}

.shadetabs li a:hover span 
	{
	background: url("images/arrow.jpg") no-repeat right top
	; cursor: pointer    
	; text-decoration: underline
	; color: #2f496e
	}


.tabcontentstyle /*style of tab content oontainer*/
	{ 
	margin: 5px 0
	; border-top: 1px solid #939393
	; border-right: 1px solid #939393
	; border-bottom: 1px solid #939393
	; border-left: 0px transparent #939393
	; width: 610px
	; height: 300px
	; overflow: auto
	; padding: 10px
	; float: left
	}

.tabcontent
	{
	display:none
	}

@media print
	{
	.tabcontent 
		{
		display: block !important
		}
	}