@import url(appstyles.css);

/* General Style
---------------------------------------------*/
body {margin:0; padding:0; font:normal 11px Tahoma, Arial, Helvetica, sans-serif; color:#333; background:#122370;}

.mastWrap {float:left; width:100%; background:#122370 url(../images/body-bg.gif) repeat-x top;}
.cntrWrap {width:900px; margin:0 auto;}
.fltFix{float:left; width:100%;}

a {color:#0066CC; text-decoration:underline;}
a:hover {color:#FDB702; text-decoration:underline;}
a:visited {}
a:active {}
a img {border:none;}
img {border:none;}


h1 {color:#488fcd; font-size:20px; font-weight:normal; position:relative; z-index:3; padding:5px 0; margin:10px 0; text-align:left; height:22px; border-bottom:1px solid #dcdbdb;}
h1 span {background: url(../images/header-overlay.png) bottom; display:block; position:absolute; left:0; top:0; width:100%; height:30px; behavior: url(iepngfix.htc); }
.start h1 {text-align:center; }
h2 {color:#488fcd; font-size:20px; font-weight:normal; padding:5px 0; margin:10px 0; text-align:left; height:22px;}
.start h2 {text-align:center; border-bottom:1px solid #dcdbdb;}
h3 {color:#488fcd; font-size:14px; font-weight:normal; padding:0; margin:5px 0; text-align:left;}
#PageTitle,
#PageSubTitle,
.PageTitleHeader {display:none;}
p {margin:10px 0; padding:0; line-height:16px;}

.float-left {float:left;}
.float-right {float:right;}
.center {text-align:center;}

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; height:0; margin:0; padding:0; line-height:0; margin-top:-7px;}

/* HEAD ELEMENTS
---------------------------------------------*/
.structHead {float:left; clear:left; height:150px; width:100%; position:relative; z-index:9;}
.structHeadTop {float:left; clear:left; width:100%; height:100px;}
.structHeadbottom {float:left; clear:left; width:100%; height:50px;}

.structHead .float-left {height:100px; width:auto;}
.structHead .float-right {height:33px; width:410px; margin:30px 0 0;}

#ContentLogo {position:absolute; z-index:1;}
#ContentLogo img {margin-top:8px;}

#ContentMemberTools {width:100%; height:27px; width:900px; position:absolute; z-index:2;}
#ContentMemberTools ul {float:right; width:auto; height:27px; margin:0; padding:0;}
#ContentMemberTools ul li {float:left; margin:0; padding:0; list-style:none; line-height:27px;}
#ContentMemberTools ul li a {color:#fff; text-decoration:none; border-left:1px solid #488fcd; padding:0 7px}
#ContentMemberTools ul li.first a,
#ContentMemberTools ul li:first-child a {border-left:none;}
#ContentMemberTools ul li a:hover {text-decoration:underline;}
.start.main #ContentMemberTools, 
.index.main #ContentMemberTools {display:none;}

#ContentSearch {float:right; width:185px; height:32px; background:url(../images/bn-searchBg.gif) no-repeat;}
#ContentSearch input {background:none; color:#acacac; border:none; margin:9px 0 0 10px; padding:0 0 0 3px; width:145px; height:18px; font-size:11px;}
#ContentSearch img {vertical-align:top; margin:8px 0 0 0;}
#ContentSearch .SearchModuleSpacer {display:none;}

#ContentToplinks {float:left; clear:both; height:50px; width:100%; background:url(../images/bn-navBg.png) no-repeat; behavior: url(iepngfix.htc);}

/* Horizontal Drop Down */

/* -~*-~*-~*-~*-~*-~*-~*-~*-~*-~*-~*
SEE MENU HACKS IN ie6style.css !!! 
 -~*-~*-~*-~*-~*-~*-~*-~*-~*-~*-~* */
 
/* Root = Horizontal, Secondary = Vertical */
ul#navTop {margin:0; border:0 none; padding:0; width:900px; /*For KHTML*/ list-style:none; height:50px; position:relative; z-index:1;}
ul#navTop li {margin:0 14px; border: 0 none; padding:0; float:left; /*For Gecko*/ display:inline; list-style:none; position:relative; height:39px;}
ul#navTop ul {margin:0 0 0 -15px; border:0 none; padding:0; width:160px; list-style:none; display:none; position:absolute; top:39px; left:0; z-index:99999;}
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:160px; margin:0; padding:0; float:left; /*For IE 7*/ display:block !important; display:inline; /*For IE*/ height:auto;}
ul#navTop ul ul {margin-left:0;}

/* Root Menu */
ul#navTop a {float:none !important; /*For Opera*/ float:left; /*For IE*/ display:block; color:#fff; font-weight:normal; font-size:18px; /*line-height:50px; */text-decoration:none; height:auto !important; height:1%; /*For IE*/ margin-top:14px;}
ul#navTop a span {background-image:url(../images/bn-navOverlay.png); display:block; position:absolute; width:100%; height:21px !important; top:15px; behavior: url(iepngfix.htc);}
ul#navTop a:hover span {display:none;}

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

/* 2nd Menu */
ul#navTop li li a,
ul#navTop li:hover li a,
ul#navTop li.iehover li a {float:none; background:#2c3f80; color:#fff; font-weight:normal; font-size:11px; line-height:normal; padding:5px 10px; margin: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:#2c3f80; color:#488fcd;}

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

/* 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:#2c3f80; color:#488fcd;}

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

/* 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:#2c3f80; color:#488fcd;}

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

/* 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;}

/* BODY ELEMENTS
---------------------------------------------*/
.structBody {float:left; clear:left; height:auto; width:100%; background:#e1e1e1; margin:-7px 0 0 0;}

/* LEFT COLUMN */
.structLeft {float:left; width:250px; height:auto;}
.structLeft #ContentLeftModule01 {}
.structLeft #ContentLeftNav {}
.structLeft #ContentLeftNav ul {margin:10px 0; padding:0;}
.structLeft #ContentLeftNav ul li {float:left; list-style:none; width:100%; margin:0; padding:0; line-height:21px; }
.structLeft #ContentLeftNav ul li a {float:left; clear:left; width:210px; padding:0 20px; font-size:14px; color:#488fcd; text-decoration:none; line-height:21px;}
.structLeft #ContentLeftNav ul li a.selected,
.structLeft #ContentLeftNav ul li a:hover {font-weight:normal; width:195px; padding:0 20px 0 35px; background: url(../images/lc-navBG.gif) no-repeat 23px 0; text-decoration:underline;}

.structLeft #ContentLeftNav ul ul li a.selected,
.structLeft #ContentLeftNav ul ul li a {width:205px; padding:0 10px 0 35px; font-size:12px; color:#7f7f7f; text-decoration:none; background:#ebebeb; font-weight:normal;}
.structLeft #ContentLeftNav ul ul li a.selected {font-weight:normal;}
.structLeft #ContentLeftNav ul ul li a:hover {font-weight:normal; background:#ebebeb; text-decoration:underline;}
.structLeft #ContentLeftNav ul ul li a:hover.selected {font-weight:normal; text-decoration:underline;}

.structLeft #ContentLeftNav ul ul ul li a {width:185px; padding:0 20px 0 45px; font-size:14px; color:#488fcd; text-decoration:none; background:#fff;}
.structLeft #ContentLeftNav ul ul ul li a.selected {font-weight:normal; width:185px; padding:0 20px 0 45px; background:#fff url(../images/lc-navBG.gif) no-repeat 33px 0; color:#488fcd;}
.structLeft #ContentLeftNav ul ul ul li a:hover {font-weight:normal; width:185px; padding:0 20px 0 45px; background:#fff url(../images/lc-navBG.gif) no-repeat 33px 0; color:#7f7f7f;}

.start .structLeft {display:none;}

/* MIDDLE COLUMN */
.structBody .MidWrap {float:left; width:641px; height:auto; background:#fff url(../images/content-bg-ft-int.gif) no-repeat bottom;}
.start .structBody .MidWrap {width:100%; background:none;}

.structBody .MidWrap .pad {padding:5px 20px;}
.structBody .MidWrap .rule {border-bottom:1px solid #dcdbdb;}
.structBody .MidWrap .viewbtn {float:right;}

.ContentTopWrap {float:left; width:900px; height:236px; background:#222;}
#ContentMiddleLayoutImg01 {float:left; width:151px; height:236px;}
#ContentMiddleLayoutLinks01 {float:left; width:127px; height:236px;}
#ContentMiddleLayoutLinks01 ul {margin:15px 0 0 0; padding:0;}
#ContentMiddleLayoutLinks01 ul li {list-style:none; text-align:right; font:italic 21px Georgia, "Times New Roman", Times, serif; color:#e1e1e1; line-height:50px;}
#ContentMiddleLayoutLinks01 ul li a {text-decoration:none; color:#e1e1e1;}
#ContentMiddleLayoutLinks01 ul li a:hover {text-decoration:underline;}
#ContentMiddleLayoutImg02 {float:left; width:622px; height:236px;}

.ContentBottomWrap {float:left; display:inline; width:870px; height:auto; margin:15px 10px 15px 20px;}
#ContentMiddleLayoutEvents01 {float:left; width:260px; /*font-weight:bold;*/ color:#737474; }
#ContentMiddleLayoutEvents01 a {color:#488fcd; font-weight:normal; text-decoration:none;}
#ContentMiddleLayoutEvents01 a:hover {text-decoration:underline;}
#ContentMiddleLayoutEvents01 p.viewbtn a:hover { text-decoration:none;}
.ContentMiddleLayoutMain01Wrap {float:right; width:590px; background:#fff url(../images/content-bg-ft.gif) no-repeat bottom;}
.ContentMiddleLayoutMainTopImg {float:left; background:url(../images/content-bg-top.gif) no-repeat; height:4px; width:100%;}

.ContentMiddleLayoutInt01Wrap {float:right; width:590px;}

#ContentBreadCrumbs {height:22px; width:100%; float:left; display:inline; margin:0; padding:0; z-index:6;}
#ContentBreadCrumbs ul {margin:0; padding:0; float:right; width:auto; height:22px;}
#ContentBreadCrumbs ul li {list-style:none; display:inline; margin:0; padding:0; color:#cc3333;}
#ContentBreadCrumbs ul li a {color:#7f7f7f; text-decoration:none; padding:0 5px;}
#ContentBreadCrumbs ul li.navselected a {color:#488fcd;}
#ContentBreadCrumbs ul li a:hover {color:#488fcd; text-decoration:underline;}

#ContentMiddle {float:left; clear:both; width:100%; height:auto;}

/*.start .structBody #ContentMiddle {float:left; width:860px; height:auto;}*/

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

/* Footer Elements 
---------------------------------------------*/
.structFooter {float:left; clear:left; height:auto; width:100%; background:url(../images/ft-bg.gif) no-repeat top; font-size:11px; color:#6ca7da;}
.structFooter #ContentFooter {margin:15px 0 0 0;}
.structFooter #ContentFooter p {line-height:18px;}

div.center {text-align:center; margin:0 auto; font-size:12px;}
div.center ul {margin:0; padding:0;}
div.center ul li {display:inline; /* DO NOT PUT ANY FLOAT - USE DISPLAY INLINE ONLY */}
div.center ul li a {border-left:1px solid #488fcd; padding:0 7px}
div.center ul li.first a,
div.center ul li:first-child a {border-left:none;}

.center a {color:#fff; text-decoration:none;}
.center a:hover {text-decoration:underline;}