@import url(appstyles.css);

/* GENERAL STYLES
---------------------------------------------*/
body {width:100%; margin:0; padding:0; font:normal 12px Tahoma, Arial, Helvetica, sans-serif; color:#5c5c5c; background:#88775E;}

.mastWrap {float:left; width:100%; background:#88775e;}
.headrWrap {float:left; width:100%; background:#f5ecd9 url(../images/bn-tile.gif) repeat-x top;}
.ftrWrap {float:left; width:100%; background:url(../images/ft-bg-tile.gif) repeat-x top left;}
.cntrWrap {width:900px; margin:0 auto;}
.fltFix {float:left; width:100%;}

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

h1 {color:#ffb60f; font-weight:normal; font-size:24px; line-height:24px; font-family:Georgia, "Times New Roman", Times, serif; border-bottom:1px solid #ddebff; margin:8px 0; padding:5px 0;}
.PageTitleHeader {display:none;}
h2 {font:bold 14px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#5c5c5c; line-height:24px;}
.PageSubTitleHeader {}
.PageTitle {display:none;}
h3 {color:#000; font-weight:bold; font-size:18px; line-height:21px;}
h4 {color:#000; font-weight:bold; font-size:15px; line-height:18px;}
h5 {color:#000; font-weight:bold; font-size:13px; line-height:15px;}
p {margin:7px 0; padding:0;}

.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;}

.clear {clear:both;}
.clear-right {clear:right;}
.clear-left {clear:left;}

/* HEAD ELEMENTS
---------------------------------------------*/
.structHead {float:left; height:122px; width:100%;}
.structHead .float-right {height:105px;}
#ContentLogo {float:left; width:300px; height:auto;}
#ContentLogo img {margin-left:24px;}
.structSubHead {float:left; clear:left; height:43px; width:100%; background:url(../images/bn-nav-left.png) no-repeat left; position:relative; z-index:2; behavior: url(iepngfix.htc);}
.structSubHead .float-right {width:600px;}
#ContentTopLinks {float:left; clear:left; height:43px; width:100%; background:url(../images/bn-nav-right.gif) no-repeat right;}

.MTLinkscontainer {display:none;}
#ContentMemberTools {float:right; width:600px; height:33px;}
#ContentMemberTools ul {margin:0; padding:0; float:right; height:25px; line-height:25px;}
#ContentMemberTools ul li {list-style:none; float:left;}
#ContentMemberTools ul li a {color:#e1edff; text-decoration:none; padding:0 10px;}
#ContentMemberTools ul li a:hover {text-decoration:underline;}

.ContentSearchWrap {float:right; clear:right; background:url(../images/bn-search-bg.gif) no-repeat; width:300px; height:33px; margin-top:38px;}
#ContentConnectIcons {float:left; width:110px; height:auto; margin-top:8px;}
#ContentConnectIcons img {float:left; display:inline; margin:0 0 0 10px;}

#ContentSearch {float:left; width:190px; height:auto; margin-top:8px;}
#ContentSearch input {float:left; display:inline; width:147px; height:auto; border:none; border:0; font-size:11px; color:#797672; margin:0 5px 0 0; padding:4px;}
#ContentSearch .SearchModuleSpacer {display:none;}
#ContentSearch img {float:left;}

/* Horizontal Drop Down */
/* Root = Horizontal, Secondary = Vertical */
ul#navTop {margin:0 10px 0 12px; border:0 none; padding:0; width:878px; /*For KHTML*/ list-style:none; height: 43px; background:url(../images/bn-nav-tile.gif) repeat-x;}
ul#navTop li {margin:0; padding:0; float:left; /*For Gecko*/ display:inline; list-style:none; position:relative; height:43px; border-left:1px solid #edbf67;}
ul#navTop li:first-child {border-left:none;}
ul#navTop ul {margin:0; border:0 none; padding:0; width:200px; list-style:none; display:none; position:absolute; top:43px; left:0;}
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; float:left; /*For IE 7*/ display:block !important; display:inline; /*For IE*/}

/* Root Menu */
ul#navTop a {padding:0 32px; float:none !important; /*For Opera*/ float:left; /*For IE*/ display:block; color:#6b5943; font:bold 14px/43px Georgia, "Times New Roman", Times, serif; text-decoration:none; height:auto !important; height:1%; /*For IE*/}
ul#navTop a.selected {background:url(../images/bn-nav-selected.gif) repeat-x; color:#90785b;}
ul#navTop li#Home a.selected {background:none;}

/* Root Menu Hover Persistence */
ul#navTop a:hover,
ul#navTop li:hover a,
ul#navTop li.iehover a {background:url(../images/bn-nav-selected.gif) repeat-x !important; color:#90785b;}

/* 2nd Menu */
ul#navTop li:hover li a,
ul#navTop li.iehover li a {float:none; background:#CFDEF2; color:#163696; font:normal 12px/20px Georgia, "Times New Roman", Times, serif;}

/* 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:#99b8e4; color:#163696;}

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

/* 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:#99b8e4; color:#163696;}

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

/* 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:#99b8e4; color:#163696;}

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

/* 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; display:inline; height:auto; width:908px; background:url(../images/body-tile.gif) repeat-y top; margin:-21px 0 0 -4px;}
.interior .structBody {background:url(../images/body-tile-int.gif);}
.interior .structBodySub {float:left; display:inline; height:auto; width:900px; margin-left:4px; background:url(../images/lc-foot.gif) no-repeat bottom left;}

/* LEFT COLUMN */
.structLeft {}
#ContentLeft {}
.structLeft {float:left; width:250px; height:auto;}
#ContentLeftNav {float:left; min-height:295px; width:100%; background:url(../images/lc-tile.gif) repeat-x top;}
#ContentLeftNav ul {margin:25px 20px 0 20px; padding:0;}
#ContentLeftNav ul li {list-style:none; font:italic 16px/36px Georgia, "Times New Roman", Times, serif; border-bottom:1px solid #dde9fa;}
#ContentLeftNav ul li a {color:#5c5c5c; display:block; text-decoration:none; height:1%;}
#ContentLeftNav ul li a.selected {color:#dde8fa;}
#ContentLeftNav ul li a:hover {/*background:#7c9fd1;*/ color:#fff;}

#ContentLeftNav ul ul {margin:0; padding:10px 0; border-top:1px solid #dde9fa;}
#ContentLeftNav ul ul li {font:normal 12px/20px Tahoma, Verdana, Arial, Helvetica, sans-serif; border-bottom:1px solid #dde9fa; text-decoration:none; border-bottom:0;}
#ContentLeftNav ul ul li a {padding-left:15px;}
#ContentLeftNav ul ul li a.selected {}
#ContentLeftNav ul ul li a:hover {}

/* MIDDLE COLUMN*/
.structMid {width:900px; margin-left:4px; position:relative;}
.interior .structMid {float:left; display:inline; width:650px; height:auto; margin:20px 0 0 0;}
.structMid a {color:#96b5e0; text-decoration:none;}
.structMid a:hover {text-decoration:underline;}
.structMid strong {color:#96b5e0;}
.structSubMid {margin:30px; margin-top:15px;}
.interior .structSubMid {margin-top:0;}

.index #ContentMiddleLayout01 {float:left; height:290px; width:609px; position:relative; z-index:1;}
.index #ContentMiddleLayout02 {float:left; height:290px; width:307px; left:593px; position:relative; z-index:2; background:url(../images/main-text.png) no-repeat bottom; behavior: url(iepngfix.htc); margin-top:-290px;}
.index #ContentMiddleLayout02 p {margin:50px 25px 0 25px; padding:0; line-height:22px; font-size:14px;}
.index #ContentMiddleLayout03,
.index #ContentMiddleLayout04,
.index #ContentMiddleLayout05 {float:left; height:auto; width:260px;}
.index #ContentMiddleLayout05 img.connect-icon {margin:0 10px 0 0;}
.index #ContentMiddleLayout04 {margin:0 30px;}

#ContentBreadCrumbs {width:100%; height:30px; font-size:11px; color:#96b5e0;}
#ContentBreadCrumbs ul {margin:0; padding:0; float:right;}
#ContentBreadCrumbs ul li {float:left; list-style:none;}
#ContentBreadCrumbs ul li a {padding:0 4px; text-decoration:none;}
#ContentBreadCrumbs ul li a:hover {text-decoration:underline;}

#ContentMiddle {clear:both;}


/* RIGHT COLUMN*/

.structRight {}
.structRight #ContentRight {}

/* FOOTER ELEMENTS 
---------------------------------------------*/
.structFooter {float:left; height:auto; width:900px; }
#ContentFooter {float:left; width:100%; height:auto; margin:0; padding:20px 0 0 0; background:url(../images/ft-tile.gif) repeat-x top; text-align:center; color:#c7bca5;}
.interior #ContentFooter {background:url(../images/ft-tile-int.gif) no-repeat top;}
#ContentFooter p {line-height:50px; margin:8px;}
#ContentFooter a {color:#e2d6bf; text-decoration:none;}
#ContentFooter a:hover {text-decoration:underline;}