/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.bos{
	float: left;
	color: black;
	padding: 8px 11px; /*padding of tabs*/
	text-decoration: none;
	background: transparent url(../media/gribos.png) top right no-repeat;
	border-top: 1px solid #666666; /*top border style*/
	border-bottom: 2px solid #888888; /*thick bottom border below tabs*/
}

.sol{
	float: left;
	color: black;
	padding: 8px 11px; /*padding of tabs*/
	text-decoration: none;
	background: transparent url(../media/gri.png) top right no-repeat;
	border-top: 1px solid #666666; /*top border style*/
	border-bottom: 2px solid #888888; /*thick bottom border below tabs*/
}

#thicktabs{
margin: 0;
padding: 0;
float: left;
font: 13px Arial;
/*font: 13px Arial;
font: 13px Arial;
font: 13px Arial;
font: 13px Arial;
font: 13px Arial;*/
color: #042B58;
}

#thicktabs li{
display: inline;
}

#thicktabs li a{
float: left;
color: #042B58;
padding: 8px 13px; /*padding of tabs*/
text-decoration: none;
background: transparent url(../media/gri.png) top right no-repeat;
border-top: 1px solid #666666; /*top border style*/
border-bottom: 2px solid #888888; /*thick bottom border below tabs*/
text-align: center;
}

#thicktabs li a#leftmostitem{ /*Extra CSS for left most menu item*/
border-left: 1px solid #d3bdbe; /*left border style*/
}

#thicktabs li a#rightmostitem{ /*Extra CSS for right most menu item*/
border-right: 1px solid #d3bdbe; /*right border style*/
background-position: top left; /*Position background image to the left instead of default right, to hide indented underline for this link*/
}

#thicktabs li a:hover{
color: #042B58;
background-image: url(../media/griover.png); /*background image swap on hover*/
}

</style>

<!--[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
<![endif]-->