/* **************** TEMPLATE ***************** */
/* ====== Page Head, Body, and Foot ====== */
body{/*_text-align:center;*/}/* IE5.5 */
.body, .main {display: table-cell; *display:block;width:auto; _zoom:1;}
.body:after,.main:after{content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";visibility:hidden; clear:both;height:0 !important;display:block;line-height:0;font-size: 36px;}
.page{margin: 0 auto; width: 1000px; background-color: #fff;} /*_text-align:left;*//* wraps other template elems to set width */ /* text-align IE5.5 */
/* "old school" and "liquid" extend page to allow for different page widths */
.oldSchool{width:750px;}
.gs960{width:960px;}
.liquid{width: auto;margin:0;}
/* ====== Columns ====== */
.main{float: left; *float: none; width: 546px;}
.mainLarge{float:left; width: 726px;}
.mainLargeLeft{float:left; width: 770px;}
.leftCol{float:left; font-size: 11px; width:224px;}
.rightCol{float:right; font-size: 11px; width: 180px;}
/* extend columns to allow for common column widths */
.gMail{width:160px;}
.gCal{width:180px;}
.yahoo{width:240px;}
.myYahoo{width:300px;}

/*head*/
.head {height: 234px;}
	.headerLogos {width: 1000px; height: 154px; position: relative;}
		.headerLogos .logoCrossroads {position: absolute; top: 25px; left: 60px;}
		.headerLogos .logoAbbottVascular {position: absolute; top: 24px; left: 831px; width: 132px; height: 35px;}/*top: 120px;*/
	.headerMap {width: 1000px; height: 154px; position: relative;}
	
	.navigation {height: 50px; margin: 0; padding: 0 20px 0; position: relative; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}/*padding: 5px 20px 0;*/
		/*level1*/
		.navigation ul {height: 50px; padding: 0; width: 780px;}
		.navigation li {float: left;}
		.navigation li a:link, .navigation li a:visited, .navigation li a:hover, .navigation li a:active {color: #fff; text-decoration: none;}
		
		.navigation li a {display: block; line-height: 14px; color: #fff; font-size: 13px; padding: 0px 0px 0px 8px; margin: 0 1px 0 0; background: transparent url('../images/layoutImages/bgNavLevel1Left.jpg') left 9px no-repeat;}		
		.navigation li a:hover, .navigation li.active a {background-position: left bottom;}	
		.navigation li a span {display: block; background: transparent url('../images/layoutImages/bgNavLevel1Right.jpg') right 9px no-repeat; padding: 25px 20px 3px 0px; text-transform:uppercase;}/*padding: 17px 20px 3px 0px;*/
		.navigation li a:hover span, .navigation li.active a span {background-position: right bottom;}
		
		.navigation li.blue a span {background: transparent url('../images/layoutImages/bgNavLevel1RightBlue.jpg') right 9px no-repeat;}
		.navigation li.active a span {background-position: right bottom;}
		.navigation li.blue a {background: transparent url('../images/layoutImages/bgNavLevel1LeftBlue.jpg') left 9px no-repeat;}		
		.navigation li.active a {background-position: left bottom;}
		
		/*level2*/
		.navigation li ul {display: none; position: absolute; top: 50px; left: 20px; height: 22px;}/*top: 50px;*/
		.navigation li.active ul {display: block;}
		.navigation li ul li {float: left; background: url('../images/layoutImages/bgNavLevel2R.gif') bottom left no-repeat;}
		.navigation li ul li.first {background: none;}
			.navigation li ul li.first a {padding-left: 0;}
		.navigation li ul li.first.active {background-position: -4px top;}
		.navigation li ul li.active {background: url('../images/layoutImages/bgActiveLevel2.jpg') top left repeat-x; background-position: 0 top;}		
		.navigation li ul li.active a:link, .navigation li ul li.active a:visited, .navigation li ul li.active a:hover, .navigation li ul li.active a:active {color: #fff;background-position:100% 16px;}
		.navigation li ul li a, .navigation li.active ul li a  {display: block; font-weight: bold; margin: 0; padding: 5px 20px 3px 20px; font-size: 11px; text-transform:uppercase; border: none; color: #4381BE; background: none;}
		.navigation li.active ul li a {background: url('../images/layoutImages/bgNavLevel2L.gif') bottom right no-repeat;}
		.navigation li.active ul li.last a {background: none;}
		.navigation li ul li a:link, .navigation li ul li a:visited, .navigation li ul li a:hover, .navigation li ul li a:active {color: #4381BE;background-position:100% 16px;}
		
		
	.bgNavLevel2 {height: 30px;}
	.bgNavLevel2 .search {float: right; width: 180px; padding-right: 22px;}
	.bgNavLevel2 .searchButton {float: left; margin: 0; padding: 0;}
	.bgNavLevel2 .search input {float: right; width: 150px;}

/*body*/
.bgImageLeftColumn {display: table-cell;}
/*columns*/
.leftCol, .rightCol, .main, .mainLarge, .mainLargeLeft {margin-top: 12px;}
.leftCol, .rightCol{color: #575757;}
.leftCol {padding-bottom: 250px; padding-top: 10px;}
.main, .mainLarge, .mainLargeLeft {padding: 0px 25px 10px 25px; *padding: 0px 20px 10px 20px;}
.main .introText {line-height: 20px;}
.main img, .mainlarge img, .mainLargeLeft img {display: inline;}

/*foot*/
.foot {color: #fff; padding: 5px 20px 0px 20px; clear: both;}
.foot a, .foot a:link, .foot a:visited, .foot a:hover, .foot a:active {color: #fff; border-right: 1px solid #fff; padding: 0 5px; text-decoration:none;font-weight:bold;}
.foot a.first {padding-left: 0px;} 
.foot a.last {border: none;} 
.foot .alignLeft { float: left; display: inline;}
.foot .alignRight { float: right; display: inline;}
.foot .clr { height: 0px; padding:0; margin: 0;}