@import url(../common/common.css);


/*This id can change based on teh TabName. Just copy the CSS, change the bg image, and the id is the tab name (minus spaces and lowercase)*/
#content-wrapper{height:100%;background-image: url(images/sub_bg.jpg); background-repeat:no-repeat}

#left-side{float:left; width:213px; margin:51px 0 0 37px }

.left-pane { height:100%; margin: 16px 0 0 0;}

.content-pane {float:left;height:100%; margin:0px 10px 30px 0px; width: 607px; padding:0 12px 0px 60px;}

.right-pane{float:left; height:100%; width:175px; margin:0 0 0 0; padding: 0 0 0 0;}

.top-pane{float:none; height:100%; width:628px; margin:0px 0 0 249px; padding:72px 0px 0px 60px}
.top-pane h1 {color:#b40d17; font-size:34px; padding-bottom:24px; line-height:28px; font-weight: normal;}

.pospop
{
	float: right;
	padding-left: 40px;
	padding-bottom: 20px;
}


.new-services-container
{
float: left;
}

.new-services-container h3
{
color: #105e84;
font-size: 18px;
}
.new-services-container a, a:link, a:visited, a:active
{
color: #105e84;
}
.cat-container
{
clear:both;
margin: 20px 0px 20px 0px;
vertical-align: middle;
}

.text-left
{
float: left;
}

.text-right
{
float: right;
}

.service_image_left
{
	float: left;
	padding-right: 20px;
}
.service_image_right
{
	float: right;
	padding-left: 20px;
}

/*
li.Level1 { background-image:url(images/menu-list-item.gif); background-position: 16px 12px;  background-repeat:no-repeat;  font-family:Arial !important; font-weight:bold!important; list-style:none; padding-top:10px!important;padding-bottom:10px!important; padding-left:14px!important;}

li.Level2 {padding-top:10px!important;padding-bottom:10px!important; padding-left:14px!important;}*/
#sidenav li:hover
{
	background-color:#2b748d;
  
}  


#sidenav a {line-height:12px !important;}

#services-table
{
	clear: left;
	float: left;
}