@import url(appstyles.css);

/* GENERAL STYLES
---------------------------------------------*/
body {width:100%; margin:0; padding:0; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#000; background:#024c8d;}

.mastWrap {float:left; width:100%; background:#fff url(../images/body-tile.gif) repeat-x top;}
.cntrWrap {width:962px; margin:0 auto;}
.fltFix {float:left; width:100%;}
.subWrap {float:left; width:100%; background:#024c8d;}
.subWrap .cntrWrap {width:962px; margin:0 auto;}
.subWrap .fltFix {float:left; width:100%;}

a {color:#005eff; text-decoration:underline;}
a:hover {color:#005eff; text-decoration:none;}
a img {border:none;}

h1 {color:#024c8d; font-weight:normal; font-size:20px; line-height:24px; font-family:"Times New Roman", Times, serif; text-transform:uppercase;}
h2 {color:#494949; font-weight:normal; font-size:20px; line-height:24px; border-bottom:1px dotted #cacaca; font-family:"Times New Roman", Times, serif; margin:10px 0;
padding:10px 0;}
.PageSubTitleHeader {}
.PageTitleHeader {display:none}
.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; clear:left; height:158px; width:100%; color:#000; font:normal 11px Arial, Helvetica, sans-serif; background:url(../images/bn-bg.jpg) no-repeat right top; margin-bottom:5px;}
.structHead ul {margin:0; padding:0; float:left;}
.structHead ul li {float:left; list-style:none; margin:0; padding:0;}

#ContentLogo {float:left; height:111px; width:auto;}

.structSubhead {float:left; clear:left; height:20px; width:100%; color:#000; font:normal 11px Arial, Helvetica, sans-serif; margin:0;}
#ContentMemberTools {height:30px; width:875px; display:none;}
.alumn .structSubhead {height:30px; margin-bottom:20px;}
.alumn #ContentMemberTools {display:block;}
.MTLinkscontainer {display:none;}
#ContentMemberTools ul {height:30px; line-height:30px; float:left; margin:0; padding:0;}
#ContentMemberTools ul li {float:left; margin:0; padding:0; list-style:none;}
#ContentMemberTools ul li a {color:#024c8d; font-size:11px; text-decoration:underline; padding:0 6px;}
#ContentMemberTools ul li a:hover {text-decoration:none;}

#ContentSearch {float:right; width:151px; height:22px; vertical-align:top; border:1px solid #779ee0; margin-top:5px;s}
#ContentSearch input {background:#fff; border:none; width:120px; height:20px; color:#000; font-size:12px; padding:2px 0 0 5px; margin:0; float:left;}
#ContentSearch img {float:left;}
#ContentSearch .SearchModuleSpacer {display:none;}

#ContentTopLinks {float:left; clear:both; width:785px; height:35px;}

/* Horizontal Drop Down */
/* Root = Horizontal, Secondary = Vertical */
ul#navTop {margin:0; border:0 none; padding:0; width:805px; /*For KHTML*/ list-style:none; height:35px;}
ul#navTop li {margin:0; border: 0 none; padding:0; float:left; /*For Gecko*/ display:inline; list-style:none; position:relative;}
ul#navTop ul {margin:0; border:0 none; padding:0; width:178px; list-style:none; display:none; position:absolute; top:35px; left:0; z-index:4;}
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:178px; float:left; /*For IE 7*/ display:block !important; display:inline; /*For IE*/}

/* Root Menu */
ul#navTop a {padding:0 4px 0 4px; float:none !important; /*For Opera*/ float:left; /*For IE*/ display:block; color:#fff; font:normal 14px "Times New Roman", Times, serif; text-decoration:none; height:auto !important; height:1%; /*For IE*/ text-transform:uppercase; line-height:35px;-webkit-font-size:13px}
ul#navTop li.first a,
ul#navTop li:first-child a {padding-left:0;}

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

/* 2nd Menu */
ul#navTop li:hover li a,
ul#navTop li.iehover li a {float:none; background:#6884b4; color:#FFF; line-height:22px; padding:5px 10px; text-transform:none; font:normal 12px Verdana, Arial, Helvetica, sans-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:#004b8c; color:#FFF;}

/* 3rd Menu */
ul#navTop li:hover li:hover li a,
ul#navTop li.iehover li.iehover li a {background:#6884b4; 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:#004b8c; 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:#6884b4; 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:#004b8c; color:#FFF;}

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

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

/*ul#navTop li#Alumni ul {display:none !important;}*/

/* BODY ELEMENTS
---------------------------------------------*/
.structBody {float:left; clear:left; height:auto; width:100%;}

/* LEFT COLUMN */
.structLeft {float:left; height:auto; width:228px;}

h1#ContentLeftHeader {border-bottom:1px dotted #cacaca; margin:0;}
#ContentLeftHeader ul {margin:5px 0; padding:0;}
#ContentLeftHeader ul li {display:none;}
#ContentLeftHeader ul li.selected {display:block;}
#ContentLeftHeader ul li a {color:#024c8d; text-decoration:none; cursor:text;}
#ContentLeftHeader ul li a:hover {color:#024c8d; text-decoration:none; cursor:text;}

#ContentLeftNav {float:left; height:auto; width:228px;}

#ContentLeftNav ul {float:left; height:auto; width:228px; margin:0; padding:0;}
#ContentLeftNav ul {padding-bottom:15px;}
#ContentLeftNav ul li {float:left; height:auto; width:100%; list-style:none; margin:0; padding:0;}
#ContentLeftNav ul li a {font-size:12px; color:#000; text-decoration:none; line-height:22px; padding:0 0 0 15px; background:url(../images/lc-nav-arrow.gif) no-repeat 5px 50%; display:block;}
#ContentLeftNav ul li a.selected {font-weight:bold;}
#ContentLeftNav ul li a:hover {background:#f3f3f3 url(../images/lc-nav-arrow.gif) no-repeat 5px 50%;}

#ContentLeftNav ul ul {background:#f3f3f3;}
#ContentLeftNav ul ul li {}
#ContentLeftNav ul ul li a {background-image:none; padding:0 0 0 25px;}
#ContentLeftNav ul ul li a:hover {background:#f8f8f8;}

#ContentLeftNav ul ul ul li a {padding:0 0 0 35px;}

/* MIDDLE COLUMN*/
.structMid {float:right; width:720px; height:auto;}
#ContentMiddle {float:left; clear:both; width:100%; height:auto; z-index:1;}

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

/* FOOTER ELEMENTS 
---------------------------------------------*/
.structFooter {float:left; clear:left; height:auto; width:100%;}
#ContentFooterNav {float:left; width:100%; height:25px;}
#ContentFooterNav ul {margin:7px 0 0 0; padding:0; height:25px;}
#ContentFooterNav ul li {list-style:none; float:left; font-size:12px; font-weight:normal; text-transform:uppercase;}
#ContentFooterNav ul li a {color:#fff; text-decoration:none; padding:0 13px; line-height:25px;}
#ContentFooterNav ul li.first a,
#ContentFooterNav ul li:first-child a {padding-left:0;}
#ContentFooterNav ul li a:hover {text-decoration:underline;}
#ContentFooter {float:left; width:100%; height:auto; color:#779ee0; font-size:10px;}
#ContentFooter p {margin:10px 0; padding:0;}

/* PAGE SPECIFIC CSS 
---------------------------------------------*/
/* START TEMPLATE*/
.start #ContentLeftNav {display:none;}

#ContentQuickLinks {float:left; height:auto; width:228px;}
#ContentQuickLinks ul {float:left; height:auto; width:228px; margin:0; padding:5px 0 5px 0;}
#ContentQuickLinks ul li {float:left; height:auto; width:100%; list-style:none; margin:0; padding:0;}
#ContentQuickLinks ul li a {font-size:12px; color:#000; text-decoration:none; line-height:22px; padding:0 0 0 15px; background:url(../images/lc-nav-arrow.gif) no-repeat 5px 50%; display:block;}
#ContentQuickLinks ul li a:hover {background:#f3f3f3 url(../images/lc-nav-arrow.gif) no-repeat 5px 50%;}

.start .structLeft .left h1 {border-bottom:1px dotted #cacaca; margin:0;}

.start .structSub {float:left; clear:both; width:962px; height:auto; margin-top:20px;}
.start .structSub #ContentMiddleLayout02 {float:left; width:594px; height:281px;}

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {display:none;}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {}
.tabberlive {/*margin-top:1em;*/}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {margin:0; padding:0; font:bold 12px Verdana, sans-serif;}
ul.tabbernav li {list-style: none; margin: 0; display: inline; float:left; height:43px; line-height:43px;}

ul.tabbernav li a {padding:0; width:198px; padding:15px 0 12px 0; margin:0; background:url(../images/tab.gif) no-repeat; text-decoration:none; text-transform:uppercase; font:normal 14px "Times New Roman", Times, serif; text-align:center; color:#fff; display:block;}
ul.tabbernav li a:hover {background:url(../images/tab-active.gif) no-repeat; color:#03245d;}

ul.tabbernav li.tabberactive a {background:url(../images/tab-active.gif) no-repeat; color:#03245d;}
ul.tabbernav li.tabberactive a:hover {color:#03245d;}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {padding:43px 15px 10px 15px; *padding:37px 15px 0 15px; border:1px solid #03245d; border-top:0; /*height:226px;*/ background:#f2f7ff; float:left; height:200px; /*height:226px;*/ overflow:scroll; width:562px;}
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */
 /* height:200px; */
 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */
 /* overflow:auto; */

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {display:none;}

.start .structSub #ContentMiddleLayout03 {float:right; width:345px; height:281px;}
.start .structSub #ContentMiddleLayoutHeader03 {background:transparent url(../images/photo-header.gif) no-repeat scroll 0 0;color:#FFFFFF;display:inline;float:left;font-family:"Times New Roman",Times,serif;font-size:14px;height:43px;line-height:43px;margin:0 0 0 23px;padding:0;text-align:center;text-transform:uppercase;width:345px;}

/* ALUMNI TEMPLATE*/
.alumni #ContentMemberTools {display:block;}