@import url(appstyles.css);

/* General Style
---------------------------------------------*/
form,body,html {width:100%;}
body {margin:0; padding:0; font:normal 12px Arial, Helvetica, sans-serif; height:100%;}
body.dev { font: normal 0.75em Arial, Helvetica, sans-serif;}

.mastWrap {float:left; width:100%; height:auto; background:#005daa;}
.cntrWrap {float:left; width:100%; height:auto; margin:0 auto; padding-bottom:15px; background:url(images/body-bg-tile-int.gif) repeat-x top;}
/*.start .cntrWrap {background:url(images/body-bg-tile.gif) repeat-x top;}*/
.footerWrap {float:left; width:100%; height:62px; margin:0 auto; padding:0; background:#fff url(images/ft-bg.gif) repeat-x top;}
.fltFix {display:block; height:auto; width:910px; margin:0 auto;}

.dev .mastWrap {float:none; width:100%; height:auto; background:#FFF; border-top:9px solid #00305e;}
.dev .cntrWrap {float:none; width:100%; height:auto; margin:0 auto; padding-bottom:0; background:none;}
.dev .fltFix {display:block; height:auto; width:100%; margin:0 auto;}

a {color:#0060A9; text-decoration: underline; }
a:hover {color:#666; text-decoration: underline; }
a:visited{}
a:active{}
a img{border:none;}
img{border:none;}

h1, h2, h3, h4, h5, .PageTitleHeader, .PageSubTitleHeader {font-weight:bold;margin:0;padding:2px 5px 3px 0;}
h1,
.PageTitleHeader {font-weight:normal; font-size:20px; line-height:20px; color:#0060A9;}
h2,
.PageSubTitleHeader {font-weight:normal; font-size:14px; line-height:14px; color:#0060A9;}
h3 {font-size:18px;line-height:21px;}
h4 {font-size:15px;line-height:18px;}
h5 {font-size:13px;line-height:15px;}
p {margin:7px 0;padding:0;}

input.button {background:#0060A9; font-size:11px; color:#fff; /*text-align:center;*/ border:none; /*min-width:59px;*/ width:auto; height:auto; padding:1px 8px; cursor:pointer;}

.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.textalignright{text-align:right;}
.textalignleft{text-align:left;}

img.left{float:left;margin:0 7px 1px 0;}
img.right{float:right;margin:0 0 7px 7px;}
img.outline{border:4px solid #333;}

.clearing{clear:both;height:0;margin:0;padding:0;line-height:0;margin-top:-7px;}
.clearBoth{clear:both;}
.clearRight{clear:right;}
.clearLeft{clear:left;}
.invisibleButAccessible{display:none;}

.dev ul.imod-cms-menu-horizontal  {height:auto !important;}
.dev #ulEventCenterMenu  {width:565px!important;}
/* HEAD ELEMENTS 
---------------------------------------------*/
.structHead {float:left; height:195px; width:910px; position:relative; vertical-align:top; font-size:11px;}

/*.start .structHead {height:268px;}*/
.search-wrap {float:left; width:100%; height:27px;}
.bn-search {float:right; background:url(images/search-bg.gif) no-repeat; height:27px; width:384px; z-index:0; font-size:11px; color:#fff;}
.bn-search span {float:left; height:auto; width:135px; margin:6px 0 0 25px;}
.bn-search span.SearchModuleSpacer {margin:0; display:none;}
.bn-search a {color:#fff; text-decoration:none; padding:0 10px;}
.bn-search a:hover {text-decoration:underline; color:#fff;}


.bn-search iframe {float:right; width:190px; height:25px; margin:0 30px 0 0; padding:0; overflow:hidden;}



.bn-logo {float:left; display:inline; width:440px; height:108px; margin:15px 0 0 35px;}
.bn-logo img {behavior:url(iepngfix.htc);}
.bn-main-img {float:left; position:absolute; left:242px; top:15px; width:441px; height:179px; z-index:1;}
.bn-main-img img {behavior:url(iepngfix.htc); width:441px; height:179px;}
/*.start .bn-main-img {width:441px; height:243px;}*/
/*.start .bn-main-img img {width:441px; height:243px;}*/

.left-image-wrap {float:left; height:110px; width:219px; position:relative; margin-top:-12px;}
.bn-main-image-overlay {
	float:left;
	position:absolute;
	width:600px;
	height:112px;
	z-index:2;
	top: 4px;
}
.bn-main-image-overlay a {display:block;width:600px;height:112px;}
.bn-main-image-overlay img {behavior:url(iepngfix.htc);}

#ContentMainImg.bn-main-img-background {float:left; position:absolute; width:219px; height:155px; z-index:0;}

/*.start #ContentMainImg.bn-main-img-background {float:left; position:absolute; left:242px; top:15px; width:441px; height:243px; z-index:0;}*/

#ContentMemberLogin.bn-member-login {float:right; width:200px; height:auto; background:url(images/bn-blue-login.gif) no-repeat; margin:34px 0 0 0; padding:0; padding-top:30px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#999;}
#ContentMemberLogin input#cid_760__ctl0_txtPassword,
#ContentMemberLogin input#cid_760__ctl0_txtUsername {width:172px; height:13px; font-size:10px;}
#ContentMemberLogin #cid_760__ctl0_pnlNormalLogin3 {margin-top:10px;}
#ContentMemberLogin p {display:none;}
#ContentMemberLogin a {text-decoration:underline;}
#ContentMemberLogin a#cid_760__ctl0_hLinkTempLogin {float:left; width:100%; height:auto; margin-bottom:10px;}
#ContentMemberLogin a:hover {text-decoration:none;}

.bn-member-tools {float:right; display:inline; width:176px; height:auto; margin-right:24px;}
#ContentMemberTools ul {margin:15px 0 0 0; padding:0; font:bold 14px Arial, Helvetica, sans-serif;}
#ContentMemberTools ul li {margin:0; padding:0 10px 0 0; line-height:18px; list-style:none; background:url(images/list-image.gif) no-repeat 173px 10px; text-align:right;}
#ContentMemberTools ul li a {text-decoration:none;}
#ContentMemberTools ul li a:hover {text-decoration:underline;}

.bn-crumbs {float:left; clear:left; width:100%; height:21px; line-height:21px; color:#fff; margin-top:6px;}
#ContentBreadCrumbs ul {height:21px; line-height:21px; width:auto; margin:0 0 0 250px; padding:0;}
#ContentBreadCrumbs ul li {float:left; list-style:none;}
#ContentBreadCrumbs ul li a {color:#fff; text-decoration:none; padding:0 4px;}
#ContentBreadCrumbs ul li a:hover {text-decoration:underline;}

#ContentSearchBox {height:20px; width:100px; background:#f00;}

.dev .structHead { background:url(images/home-header-bg-OOD.jpg) no-repeat center top; width:100%;height:122px; margin:0; padding:0;}
.dev .structHead h1{ margin:0; padding:0;width:910px; margin:0 auto; }
.dev .structHead a { display:block; margin:21px 0 0 45px; padding:0; height:103px; width:150px; background:url(images/DevHeaderlogo.gif)}


/* LEFT COLUMN
---------------------------------------------*/
.structLeft {float:left; width:242px; height:auto; font-size:14px;}
.structLeft #ContentLeftNav {float:left; display:inline; height:auto; width:209px; margin-left:33px;}
.structLeft #ContentLeftLogo {float:left; display:inline; height:auto; width:209px; margin-left:33px; margin-top:3px; text-align:center;}
.structLeft #ContentLeftLogo img {behavior:url(iepngfix.htc);}
/* Menu */
.structLeft ul#nav2 {margin:0; padding:0;}
.structLeft ul#nav2 li {margin:0; padding:0; width:209px; line-height:24px; background:url(images/lc-dot.png) repeat-x bottom; list-style:none; float:left; display:block !important; display:inline; position:relative;}
.structLeft ul#nav2 ul {margin:0; padding:0; list-style:none; font:normal 11px Arial, Helvetica, sans-serif; width:209px;}
.structLeft ul#nav2 li#Spacer {text-indent:-9999px; background-image:none;}
.structLeft ul#nav2 li li {width:209px;}
.structLeft ul#nav2 li a {padding-left:6px; text-decoration:none; color:#fff; display:block; height:auto !important;}
.structLeft ul#nav2 li.selected {font-weight:bold;}
.structLeft ul#nav2 a:hover {background:#005daa url(images/lc-dot.png) repeat-x bottom;}
.structLeft ul#nav3 {background:url(images/lc-dot.png) repeat-x bottom; float:left; height:auto; width:auto;}
.structLeft ul#nav3 li {background:none;}
.structLeft ul#nav3 li a {padding-left:20px;}
.structLeft ul#nav4 li a {padding-left:35px;}
.structLeft ul#nav3 li a:hover,
.structLeft ul#nav4 li a:hover {background:#005daa;}

/* BODY ELEMENTS
---------------------------------------------*/

/* Overall Styles */
.structBody {float:left; width:910px; height:auto;}
.structBody h1#ContentPageName {padding:0 10px;}
.structBody .structMid {float:left; width:668px; height:auto; vertical-align:top; margin:0; padding:0;}
.l-corner-top {float:left; background:url(images/c-corner-top-left.gif) no-repeat top left; height:19px; width:18px;}
.r-corner-top {float:left; background:#fff url(images/c-corner-top-right.gif) no-repeat top right; height:19px; width:423px;}
.rightcol-top {float:left; background:#c7c7c7 url(images/rc-tile.gif) repeat-x top; height:19px; width:208px;}
.rightcol-corner-top {float:left; background:url(images/rc-corner-top.gif) no-repeat top right; height:19px; width:19px;}
.MidWrap {float:left; clear:left; background: #c7c7c7 url(images/rc-tile.gif) repeat-y right; height:100%; width:100%;}
.MidWrap2 {float:left; clear:left; height:100%; width:666px;}
.MidWrap3 {float:left; clear:left; height:100%; width:666px; background:url(images/content-tile.gif) repeat-y;}
.MidWrapLeft {float:left; width:441px; height:auto; background:#fff;}
.MidWrapRight {float:right; width:225px; height:auto;}
.l-corner-bottom {float:left; background:url(images/c-corner-bottom-left-int.gif) no-repeat bottom left; height:19px; width:18px;}
.r-corner-bottom {float:left; background:#fff url(images/c-corner-bottom-right.gif) no-repeat bottom right; height:19px; width:423px;}
.rightcol-bottom {float:left; background:#c7c7c7 url(images/rc-tile.gif) repeat-x bottom; height:19px; width:208px;}
.rightcol-corner-bottom {float:left; background:url(images/rc-corner-bottom.gif) no-repeat bottom right; height:19px; width:19px;}
.structBody .ContentMiddleWrap {padding:0 10px;}
.structBody #ContentMiddle {min-height:280px; color:#000;}
#ContentMiddle p.header {font-weight:bold; color:#6b87b6; margin-bottom:0;}
#ContentMiddle #ContentHomeImageRotator {width:108px; height:122px; float:left; margin:5px 5px 0 0;}
#ContentMiddle .main-sect {float:left; clear:left; width:100%; height:auto;}
#ContentMiddle .sub-sect {float:left; clear:left; width:100%; height:auto; padding:15px 0; border-top:1px solid #b9c5dc; border-bottom:1px solid #b9c5dc; margin-top:10px;}
#ContentMiddle .foot-sect {float:left; clear:left; width:100%; height:82px;}
#ContentMiddle .foot-sect img {margin:24px 0 0 258px;}
#ContentMiddle .float-right {float:right;}
#ContentMiddle .float-right a {text-decoration:none;}
#ContentMiddle .float-right a:hover {text-decoration:underline;}

/* No Right Column Template Overwrite */
.index-no-right .r-corner-top {background:#fff; width:631px;}
.index-no-right .rightcol-corner-top {background:url(images/c-corner-top-right-int.gif) no-repeat top right;}
.index-no-right .r-corner-bottom {background:#fff; width:631px;}
.index-no-right .MidWrap {background:#fff;}
.index-no-right .MidWrapLeft {width:100%;}
.index-no-right .rightcol-corner-bottom {background:url(images/rc-corner-bottom-right-int.gif) no-repeat bottom right;}

/* Start Template Overwrite  */
.start .l-corner-top {background:url(images/start-c-corner-top-left.gif) no-repeat top left;}
.start .r-corner-top {background:#fff url(images/start-c-corner-top-right.gif) no-repeat top right; z-index:1 !important;}
.start .MidWrap3 {}
.start .MidWrapLeft {background:#fff url(images/home-content-bg.gif) no-repeat;}
.start .structBody #ContentMiddle {/*height:436px; max-height:436;*/ color:#686868; margin:-25px 0 0 0; z-index:2 !important; position:relative;}
.start .structBody .ContentMiddleWrap {padding:0 2px;}

/* Homepage Tabs */
.tabberlive .tabbertabhide {display:none;}
.tabber {}
.tabberlive {margin-top:1em;}

ul.tabbernav {margin:0 0 0 15px; padding:7px 0 6px 0; /*border-bottom:1px solid #00305e;*/ font:normal 12px Verdana, sans-serif;}
ul.tabbernav li {list-style:none; margin:0; display:inline;}
ul.tabbernav li a {padding:7px 15px; border:0 none; background:#005daa; text-decoration:none; border-bottom:1px solid #00305e; }
ul.tabbernav li a:link {color:#fff;}
ul.tabbernav li a:visited {}
ul.tabbernav li a:hover {color:#fff; background:#046abf;}
ul.tabbernav li.tabberactive a {background-color:#fff; border:1px solid #00305e; border-bottom:1px solid #fff; color:#005daa;}
ul.tabbernav li.tabberactive a:hover {color:#000; background:white; border-bottom:1px solid white;}

.tabberlive .tabbertab {padding:5px 0; margin:2px 0 0 0; border-top:0; height:280px; overflow:auto;}
.tabberlive .tabbertab h2 {display:none;}
.tabberlive .tabbertab .padding {padding:3px 10px;}


.dev .structBody { width:100%; background:url(images/smoothangles-darkblue.jpg) repeat left top; margin:0; padding:0; font-size:100%;}
.dev .MidWrap {width:910px; margin:25px auto; background:#FFF url(images/ContentTop.gif) no-repeat left top; float:none; clear:none;}
.dev .structBody #ContentMiddle { width:870px; padding:20px; margin:0; float: none; background:url(images/ContentBTm.gif) no-repeat left bottom;}

/* RIGHT COLUMN
---------------------------------------------*/
.structRight {float:right; display:inline; width:225px; height:auto;}			
.structRight #ContentRight {padding:0 13px 0 14px;}
.structRight #ContentRight img {}
.structRight #ContentRight p {font-size:11px; line-height:16px; color:#00305e;}
.structRight #ContentRight p.img {text-align:center;}
.structRight #ContentRight p.head {font-size:16px; font-weight:bold; color:#fff; height:28px; line-height:28px; width:200px; background:url(images/cal-bg.gif) no-repeat; text-align:center;}

.structRight #ContentMiddleLayoutRight {padding:0 13px 0 14px;}
.structRight #ContentMiddleLayoutRight p {font-size:11px; line-height:16px; color:#00305e;}
.structRight #ContentMiddleLayoutRight p.img {text-align:center;}
.structRight #ContentMiddleLayoutRight p.head {font-size:16px; font-weight:bold; color:#fff; height:28px; line-height:28px; width:200px; background:url(images/cal-bg.gif) no-repeat; text-align:center;}


/* Footer Elements 
---------------------------------------------*/
.structFooter {float:left; clear:left; display:inline; width:910px; margin:0 auto; height:62px; padding:0; background:url(images/ft-uk-watermark.gif) no-repeat 605px 0; vertical-align:top;}
.structFooter #ContentFooter {font-size:11px; color:#00305e; text-align:center; width:100%; height:auto; vertical-align:top;}
.structFooter #ContentFooter a {color:#00305e; text-decoration:none; padding:0 7px 0 6px;}
.structFooter #ContentFooter a:hover {text-decoration:underline;}
.structFooter #ContentFooter ul {float:left; height:auto; width:100%; margin:10px 0 0 0; padding:0;}
.structFooter #ContentFooter ul li {display:inline; list-style:none;}
.structFooter #ContentFooter p {float:left; display:inline; width:100%; margin:0; padding:0;}
.structFooter #ContentFooter p a {padding:0;}

.footerAdWrap {float:left; clear:left; width:100%; height:112px; margin:0 auto; padding:0; background:url(images/ft-banner-bg.gif) repeat-x top;}
.structFooterAd {float:left; clear:left; display:inline; width:100%; margin:0 auto; height:112px; padding:0; vertical-align:top;}
.structFooterAd #ContentAd {text-align:center; width:100%; height:112px;}
.structFooterAd #ContentAd img {margin-top:8px;}

/* remove campaign center button */
#rg_gfid_72_btnCMS {display:none;}

.dev .structFooter {float:none; clear:both; display:inline; width:100%; margin:0 auto; height:auto; padding:0; background:#FFFFFF none 0 0;}
.dev .structFooter #ContentFooter {font-size:11px; color:#666666; text-align:center; width:910px; margin:0 auto; height:auto; vertical-align:top; padding:10px 0;}
.dev .structFooter #ContentFooter a{color:#666666;}
/**********************************************************************/
/* NEW Home page */
/* Home Template Overwrite 1/25/2010 */
/* Plus all interior template overwrites 1/26/2010 */

.cleaR {clear:both;}

.home .l-corner-top {}
.home .r-corner-top {}
.home .MidWrap {}
.home .MidWrap2 {float:none;} 
.home .MidWrap3 {float:none;}
.home .MidWrapLeft {/*background:#fff url(images/home-content-bg.gif) no-repeat;*/position:relative;}
.home .structBody #ContentMiddle {clear:left; float:left;min-height:0;margin-left:8px;display:inline;padding:25px 0px 15px 0px;border-top:1px solid #ccc;width:421px;color:#0069b5;}
.home .structBody .ContentMiddleWrap {padding:0 2px;}
.home .bn-crumbs {display:none;}


#ContentLeftLogo {
display:inline;
float:left;
height:auto;
margin-left:33px;
margin-top:30px;
text-align:center;
width:209px;
}

.mastWrap {background:  #005daa url(images/bg-stretch.gif) 0px -3px repeat-x;}
.cntrWrap {background: url(images/home-header-bg.jpg) center -3px no-repeat;}
.structHead {height:132px!important;margin-bottom:25px;}
.search-wrap {}

.bn-search {background: url(images/search-bg-2.gif) no-repeat scroll 0 0;
color:#FFFFFF;
float:right;
font-size:11px;
height:27px;
width:384px;
z-index:0;}


.structHead {
float:left;
font-size:11px;
height:195px;
position:relative;
vertical-align:top;
width:910px;
background: url(images/home-header-bg.gif) top center no-repeat;
}


#relativeFrame {/*position:absolute;top:0px;*/}

.home #frm0,
.home #frm1,
.home #frm2,
.home #frm3 {width:421px;height:348px;/*position:absolute;top:-5px;left:7px;*/float:left;display:inline;margin:-5px 0px 0px 8px;}

.home #frm1 {margin-top:-348px;}
.home #frm2 {margin-top:-348px;}
.home #frm3 {margin-top:-348px;}

.home #Contentfrm0, .home #Contentfrm1, .home #Contentfrm2, .home #Contentfrm3 {height:268px;}

.home #Contenttext0, .home #Contenttext1, .home #Contenttext2, .home #Contenttext3 {clear:left;float:left;width:421px;margin:10px 0px 0px 0px;color:#0069b5;}

.home .thumbBlock {clear:both;float:left;display:inline;margin-left:8px;}

.home #thumb0,
.home #thumb1,
.home #thumb2,
.home #thumb3 {/*position:absolute;top:10px;*/float:left;}

.home #thumb1,
.home #thumb2,
.home #thumb3 {margin-left:16px;}

.home #ContentThumb0, .home #ContentThumb1, .home #ContentThumb2, .home #ContentThumb3 {width:87px;height:51px;padding:3px;}

/**********************************************************************/

