@import url(appstyles.css);

/* GLOBAL
---------------------------------------------*/
body {margin:0; padding:0; font:Arial, Helvetica, sans-serif; background:#15315c url(../bg-tile.gif) repeat-x top; font:11px normal Tahoma, Arial, Helvetica, sans-serif; color:#464646;}

.mastWrap {float:left; width:100%;}
.cntrWrap {width:770px; margin:0 auto;}
.fltFix {float:left; width:100%;}

a {color:#5080C5; text-decoration:underline;}
a:hover {color:#5080C5; text-decoration:none;}
a:visited {}
a:active {}
a img {border:none;}

h1 {font-size:16px; color:#254778; font-weight:bold;}
h2 {font-size:14px; color:#505050; font-weight:normal; padding:10px 0 5px 0; margin:0;}

p {margin:7px 0; padding:0;}

.float-left {float:left;}
.float-right {float:right;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.text-left {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;}

.clear {clear:both;}

/* HEADER
---------------------------------------------*/
.structHead {float:left; width:770px; height:30px; margin-top:24px;}

.structSubHead {float:left; width:100%; height:96px; background:url(../bn-bg.gif) no-repeat center;}
.structSubHead #ContentLogo {margin:20px 0 0 40px;}

.structHead #ContentToplinks {float:left; width:770px; height:auto; text-align:center;}

/* Horizontal Drop Down */
/* Root = Horizontal, Secondary = Vertical */
ul#navTop {margin:0 auto; border:0 none; padding:0; /*width:auto; For KHTML*/ height: 30px; font:11px normal Tahoma, Arial, Helvetica, sans-serif;}
ul#navTop li {margin:0; border: 0 none; padding:0; /*For Gecko*/ display:inline; width:auto; list-style:none; position:relative; /*text-indent:-9999px;*/ background:url(../bn-divide.gif) no-repeat right 2px; padding:0 5px 0 0; height:30px;}

ul#navTop li#LinksandResources.none {background-image:none;}

ul#navTop ul {margin:0; border-top:8px solid #9eadbf; padding:0; width:150px; list-style:none; display:none; position:absolute; top:30px; left:-10px; background:#aab8c8; }
ul#navTop ul:after /*For IE 7*/{clear:both; display:block; font:1px/0px serif; content:"."; height:0; visibility:hidden;}
ul#navTop ul li {width:140px; float:left !important; /*For IE 7*/ display:block !important; display:inline; /*For IE*/ line-height:22px; height:auto !important; text-indent:0; background-image:none; text-align:left;}

/* Root Menu */
ul#navTop a {padding:0 0 16px 0; float:none !important; /*For Opera float:left; /*For IE display:block;*/ color:#fff; text-decoration:none; /*height:auto !important; height:1%; /*For IE*/ text-transform:uppercase; padding:0 8px; font-size:11px; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; height:20px;}

/* Root Menu Hover Persistence */
ul#navTop a:hover,
ul#navTop li:hover a,
ul#navTop li.iehover a {background:url(../nav-bg-tile.gif) repeat-x 0 25px; padding:0 8px 16px 8px;}

/* 2nd Menu */
ul#navTop ul a {padding:0 5px; width:130px !important; background-image:none !important; text-transform:none; font-family:Arial, Helvetica, sans-serif; height:auto !important; height:1%; /*For IE*/ display:block; float:left !important;}
ul#navTop ul li:hover a,
ul#navTop ul a:hover {background-image:none !important; padding-bottom:0;}
ul#navTop li:hover li a,
ul#navTop li.iehover li a {float:none; background:#aab8c8; color:#505050; padding-bottom:0;}

/* 2nd Menu Hover Persistence */
ul#navTop li:hover li a:hover,
ul#navTop li:hover li:hover a,
ul#navTop li.iehover li a:hover,
ul#navTop li.iehover li.iehover a {background:#aab8c8; color:#fff;}

/* 3rd Menu */
ul#navTop li:hover li:hover li a,
ul#navTop li.iehover li.iehover li a {background:#aab8c8; color:#505050;}

/* 3rd Menu Hover Persistence */
ul#navTop li:hover li:hover li a:hover,
ul#navTop li:hover li:hover li:hover a,
ul#navTop li.iehover li.iehover li a:hover,
ul#navTop li.iehover li.iehover li.iehover a {background:#aab8c8; color:#fff;}

/* 4th Menu */
ul#navTop li:hover li:hover li:hover li a,
ul#navTop li.iehover li.iehover li.iehover li a {background:#aab8c8; color:#505050;}

/* 4th Menu Hover */
ul#navTop li:hover li:hover li:hover li a:hover,
ul#navTop li.iehover li.iehover li.iehover li a:hover {background:#aab8c8; color:#fff;}

ul#navTop ul ul,
ul#navTop ul ul ul {display:none; position:absolute; top:0; left:140px;}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navTop li:hover ul ul,
ul#navTop li:hover ul ul ul,
ul#navTop li.iehover ul ul,
ul#navTop li.iehover ul ul ul {display:none;}

ul#navTop li:hover ul,
ul#navTop ul li:hover ul,
ul#navTop ul ul li:hover ul,
ul#navTop li.iehover ul,
ul#navTop ul li.iehover ul,
ul#navTop ul ul li.iehover ul {display:block;}

/* LEFT COLUMN
---------------------------------------------*/
.structLeft {float:left; width:172px; height:auto; background:url(../lc-tile.gif) repeat-y top left;}
.structLeft #ContentLeft {}
.structLeft #ContentLeftImageRot01 {text-align:center; width:169px;}
.structLeft #ContentLeftImageRot01 img {border:3px solid #fff;}
.structLeft ul {margin:10px 0 0 18px; padding:0; border-top:1px dotted #b2b2b2; width:133px; height:auto;}
.structLeft ul li {margin:0; padding:0; padding-left:8px; list-style:none; line-height:20px;}
.structLeft a {color:#5080c5; text-decoration:none;}
.structLeft a:hover {text-decoration:underline;}

/* Start page specific */
.start .structLeft {display:none;}

/* BODY 
---------------------------------------------*/
.structBody {float:left; width:100%; height:auto; background:url(../body-tile.gif) repeat-y center;}
.structBody .bodyWrap {float:left; width:100%; height:auto; background:url(../body-bg.gif) no-repeat bottom right;}
.structBody .structMid {float:right; width:592px; height:auto;}

.structBody #ContentMidRot01 {float:left; height:181px; width:592px; background:url(../int-main-bg.gif) no-repeat right;}
.structBody #ContentMidRot01 img {margin:6px 0 0 10px;}
.structBody #ContentMidRot01 table {margin:6px 0 0 1px;}

.structBody .structMidSubWrap {float:left; display:inline; clear:left; width:527px; margin:0 40px 0 25px; line-height:18px;}
.structBody #ContentPageName {float:left;}

.structBody #ContentSearch {float:right; display:inline; width:150px; height:20px; vertical-align:top; margin:10px 0 0 0;}
.structBody #ContentSearch input {width:98px; height:12px; border:1px solid #9a9a9a; font-size:11px;}
.structBody #ContentSearch img {vertical-align:top; margin-top:3px;}

.structBody #ContentMidHead {float:left; width:100%; height:auto; border-bottom:1px dotted #B2B2B2; height:35px;}
.structBody #ContentMidHead h1 {float:left; width:250px; margin:10px 0 0 0; padding:0;}
.structBody #ContentMiddleLayoutMainInt {float:left; width:100%; height:auto;}

.structBody #ContentMiddleLayout,
.structBody #ContentMiddle {float:left; clear:left; display:inline; width:100%; height:auto; width:527px; margin:0 40px 0 25px;}

.structBody #ContentMiddleLayout50Left {clear:left;width:240px;float:left;padding:10px 20px 20px 20px;}
.structBody #ContentMiddleLayout50Right {width:240px;float:left;padding:10px 20px 20px 20px;}

/* Start page specific */
.start .structBody .structMid {float:right; width:770px; height:auto;}
.start .structBody #ContentMidRotWrap {float:left; height:236px; width:770px; background:url(../home-main-bg.gif) no-repeat 0 0;}
.start .structBody #ContentMiddleLayoutMidRot01 {height:220px; width:376px; background:none; padding:6px 0 0 6px}
.start .structBody #ContentMiddleLayoutMidRot01 img {margin:0;}
.start .structBody #ContentMiddleLayoutMidRot02 {height:220px; width:377px; background:none; padding:6px 6px 0 0;}
.start .structBody #ContentMiddle,
.start .structBody .structMidSubWrap {margin:0 40px; width:690px;}

.start .structBody #ContentMiddleLayoutStartMain {width:311px; height:auto;}
.start .structBody #ContentStartSub {width:311px; height:auto;}
.start .structBody #ContentMiddleLayoutStartSub {}

.start .structBody .NewsFeature {float:left; clear:left; width:100%; height:auto; border-bottom:1px dotted #b2b2b2;}
.start .structBody .NewsFeature p {}
.start .structBody .NewsFeature p.head a {font-weight:bold; margin:0; padding:0; color:#464646; text-decoration:underline;}
.start .structBody .NewsFeature p.head a:hover {text-decoration:none;}

.start .structBody #ContentSearch {margin-top:65px; margin-right:30px;}

/* RIGHT COLUMN
---------------------------------------------*/
.structRight {display:none;}

/* FOOTER 
---------------------------------------------*/
.structFooter {float:left; width:100%; height:auto; background:url(../ft-bg.gif) no-repeat top center;}
.structFooter #ContentFooter p {text-align:center; color:#fff; margin-top:45px;}
.structFooter #ContentFooter p span {padding:0 10px;}
.structFooter #ContentFooter p a {color:#fff; text-decoration:underline;}
.structFooter #ContentFooter p a:hover {text-decoration:none;}