@import url(appstyles.css);
@import url(slider.css);

/* General Style
---------------------------------------------*/
form,body,html{height:100%;width:100%;}
form,body,html{height:100%;width:100%;}
body{margin:0;padding:0;font:12px/18px Arial, Helvetica, sans-serif;background:#07437f;}

.mastWrap{ margin:0; padding:0; width:100%; background:url(images/bkgd_header.gif) repeat-x top left #ccc;}
.cntrWrap{width:970px;margin:0 auto;}
.fltFix{width:100%;}

a { color: #09539c; text-decoration: underline; outline:none; }
a:hover { color: #09539c; text-decoration: underline; }
a:visited{}
a:active{}
a img{border:none;}

h1, h2, h3, h4, h5, .PageTitleHeader, .PageSubTitleHeader {font-weight:bold;margin:0;padding:2px 5px 3px 0;}
h1, .PageTitleHeader {font-size:24px;line-height:24px; color:#09539c; text-transform:uppercase; padding:0 0 20px; margin:0;}
h2, .PageSubTitleHeader {font-size:16px; line-height:20px; color:#019b67;}
h3 {font-size:14px;line-height:20px; text-transform:uppercase; padding:0 0 10px;}
h4 {font-size:15px;line-height:18px;}
h5 {font-size:13px;line-height:15px;}
p {margin:0px 0 15px;padding:0;}
#PageTitle, .PageTitleHeader { display:none;}

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

hr{height:1px;line-height:1px;margin:8px 3px;clear:both;border:none;background:#333;color:#333;}

img.left{float:left;margin:0 20px 1px 0;}
img.right{float:right;margin:0 0 7px 20px;}
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;}
.Error,.error {width:auto!important}
table.TableLayout_Business td {width:14%!important} 
table.TableLayout_Default td {width:14%!important} 
table.TableLayout_Inox td {width:14%!important} 
table.TableLayout_Mac td {width:14%!important} 
table.TableLayout_Modern td {width:14%!important} 
table.TableLayout_Orange td {width:14%!important} 
table.TableLayout_Outlook td {width:14%!important} 
table.TableLayout_Stylish td {width:14%!important} 
table.TableLayout_Sunny td {width:14%!important} 
table.TableLayout_Telerik td {width:14%!important} 
table.TableLayout_WebBlue td {width:14%!important}

/* HEAD ELEMENTS
---------------------------------------------*/
.structHead{ margin:3px 0 0; padding:4px 0 0; float:left; width:100%; position:relative;z-index:999;}

#ContentQuickLinks {float:right; margin:4px 5px 0 0; padding:0;}
#ContentQuickLinks ul {margin:0; padding:0; list-style:none;}
#ContentQuickLinks ul li {float:left; font-size:11px; border-left:1px solid #9fb0c1; line-height:11px; padding:0 5px;}
#ContentQuickLinks ul li.first {border:0;}
#ContentQuickLinks ul li a {color:#9fb0c1;text-decoration:none;}
#ContentQuickLinks ul li a:hover {text-decoration:underline;}

#ContentSearch {float:right; background:url("images/bkgd_search.png") no-repeat scroll 0px 2px transparent; width:146px; padding: 0 0 0 5px; height:20px;}
#ContentSearch input {color:#9fb0c1; font-size:11px; font-family:Arial, Helvetica, sans-serif; border:0; background:none; width:120px;}
#ContentSearch img#cid_654_imgbtnSearch {width:20px; height:17px;}

#ContentLogoSeal {position:absolute;float:left; top:17px;left:-20px;z-index:999;}
#ContentLogoText {float:left; margin: 25px 0 10px 160px; *margin-top:21px;}

/* MAIN TOP HORIZONTAL NAV
---------------------------------------------*/
#ContentTopNav {float:left; width:950px;z-index:998; background:url(images/bkgd_topnav.png) no-repeat top left; height:37px; padding:0 0 0 135px; margin:0 10px; position:relative;}

/* Top Level Group */
#ContentTopNav ul{list-style-type:none;padding:0; margin:0;}
#ContentTopNav ul li{float:left;font-weight:bold;padding:0px 15px;background:url("images/bkgd_topnav_div.gif") no-repeat scroll left center transparent;}
#ContentTopNav ul li.first {background:none;}
#ContentTopNav ul li a{color:#fff;/*display:block;*/font-size:13px;text-decoration:none; line-height:37px;}
#ContentTopNav ul li:hover {background:#ccc;}
#ContentTopNav ul li a:hover{color:#fff;}
#ContentTopNav ul li:hover a{color:#09539c;}
#ContentTopNav ul li.footer {display:none;}

/* Second Level Groups */
#ContentTopNav li ul { position: absolute; left: -999999px;margin:0px 0 0 -15px; background:#ccc; float:none; width:210px;text-align:left;border-bottom:4px solid #09539c; *margin:26px 0 0 -115px;}
#ContentTopNav li li { width: 185px; border:none; margin: 0; padding:7px 10px 7px 15px;background:none;line-height:normal;}
#ContentTopNav li li a {color:#09539c;font-weight:normal;text-align:left;text-transform:capitalize;border:none;font-size:12px; line-height:normal;display:block;width:185px;}
#ContentTopNav ul li:hover li a{color:#09539c;}
#ContentTopNav ul li:hover li a:hover{color:#09539c;}
#ContentTopNav li li:hover, #ContentTopNav li li.sfHover { background: #eee;color: #09539c; }

#ContentTopNav li#Athletics ul,
#ContentTopNav li#Admissions ul {width:420px;}
#ContentTopNav li#Athletics li,
#ContentTopNav li#Admissions li {float:left;}

#ContentTopNav li#Welcome ul {*margin:26px 0 0 -78px;}
#ContentTopNav li#Academics ul { *margin:26px 0 0 -87px;}
#ContentTopNav li#Admissions ul {*margin:26px 0 0 -89px;}
#ContentTopNav li#Athletics ul {*margin:26px 0 0 -72px;}
#ContentTopNav li#Students ul {*margin:26px 0 0 -73px;}
#ContentTopNav li#Parents ul {*margin:26px 0 0 -66px;}
#ContentTopNav li#Alumni ul {*margin:26px 0 0 -196px;}
#ContentTopNav li#Giving ul {margin:0 0 0 -155px; *margin:26px 0 0 -198px;}

/* Third Level Groups */
#ContentTopNav li li ul { margin:-23px 0 0 150px; background: #367c2b; color:#ffffff; width:170px;}
#ContentTopNav li li li a:hover { color: #ccc;}
#ContentTopNav li li li{ width: 170px;}
#ContentTopNav li li li a {color:#fff;}

/* The Magic */
#ContentTopNav li:hover ul ul,
#ContentTopNav li:hover ul ul ul,
#ContentTopNav li.sfHover ul ul,
#ContentTopNav li.sfHover ul ul ul { left: -999em;}

#ContentTopNav li:hover ul,
#ContentTopNav li li:hover ul,
#ContentTopNav li li li:hover ul,
#ContentTopNav li.sfHover ul,
#ContentTopNav li li.sfHover ul,
#ContentTopNav li li li.sfHover ul { left: auto;}

/*Fix for the Sticking*/
#ContentTopNav  li:hover,
#ContentTopNav  li li:hover,
#ContentTopNav  li li li:hover,
#ContentTopNav  li.sfHover,
#ContentTopNav  li li li.sfHover,
#ContentTopNav  li li.sfHover { position:static;}

#ContentMemberTools {float:left;margin:0px;padding:5px 0;}
#ContentMemberTools ul {list-style:none;margin:0;padding:0;}
#ContentMemberTools li {border-left:1px solid #000000;float:left;padding:0 10px;}
#ContentMemberTools li#Logout {border-left:medium none;}
#ContentMemberTools li#FirstTimeLogin {border-left:medium none;}
#ContentMemberTools a {color:#000000;display:block;font-size:10px;line-height:14px;padding:0;text-align:center;text-decoration:none;}

/* LEFT COLUMN
---------------------------------------------*/
.structLeft{margin:0; padding:0; float:left; width:220px;}

.structLeft #ContentSectionNav {margin:0; padding:0; float:left;}
.structLeft #ContentSectionNav ul {margin:0 0 10px; padding:0; list-style:none;}
.structLeft #ContentSectionNav ul li {display:none; font-size:18px; font-weight:bold; text-transform:uppercase; padding:0 10px 0 20px;}
.structLeft #ContentSectionNav ul li.selected {display:block;}
.structLeft #ContentSectionNav ul li a {color:#999; text-decoration:none;}

.structLeft #ContentLeftNav {margin:0; padding:0; float:left;}
.structLeft #ContentLeftNav ul {margin:0; padding:0; list-style:none;}
.structLeft #ContentLeftNav ul li.selected a {font-weight:bold; text-transform:uppercase;}
.structLeft #ContentLeftNav ul li a {text-decoration:none;color:#09539c;padding: 4px 20px 4px 20px;display:block; width:180px;}

.structLeft #ContentLeftNav ul li a:hover {background:#f3f4f4;}
.structLeft #ContentLeftNav ul li a:hover {color:#019b67;}

.structLeft #ContentLeftNav ul li ul {}
.structLeft #ContentLeftNav ul li.selected ul li a{font-weight:normal;text-transform:none;}
.structLeft #ContentLeftNav ul li ul li a {color:#000; padding: 4px 10px 4px 35px; width: 175px;}
.structLeft #ContentLeftNav ul li ul li a:hover {color:#666;}
.structLeft #ContentLeftNav ul li ul li.selected a {font-weight:bold;}

.structLeft #ContentLeftNav ul li li ul {}
.structLeft #ContentLeftNav ul li.selected ul li li a{font-weight:normal;text-transform:none;}
.structLeft #ContentLeftNav ul li ul li li a {color:#000; padding: 2px 10px 2px 45px; width: 165px;color:#666;}
.structLeft #ContentLeftNav ul li ul li li a:before {content:'- ';}
.structLeft #ContentLeftNav ul li ul li li a:hover {color:#666;}


.structLeft #ContentLeft{margin:0; padding:0; float:left;}

.structLeft #ContentSocial {float:left;padding:0 20px;margin: 30px 0 0;}
.structLeft #ContentSocial ul {margin:0; padding:0; list-style:none;}
.structLeft #ContentSocial ul li {float:left;margin:0 4px 0 0;}
.structLeft #ContentSocial ul li a {}

/* BODY ELEMENTS
---------------------------------------------*/
.structBody{margin:0; padding:0 10px; float:left; background:url(images/bkgd_content.png) repeat-y top left; width:950px;}
.home .structBody {background:none;padding:0;*position:relative; z-index:99;}

.watermark {float:left; background:url(images/watermark.gif) no-repeat bottom right; *padding:0 0 50px;}
.divider {float:left; background:url(images/bkgd_divide.gif) repeat-y left top; margin:0 0 50px;}

.structBody ul#ContentBreadCrumbs{padding:10px 0 0 240px;margin:0px;list-style:none;float:left; background:#fff; height:40px;}
.structBody ul#ContentBreadCrumbs li{padding:0;margin:0;float:left;}
.structBody ul#ContentBreadCrumbs li a{display:block;text-decoration:none;font-size:11px;padding:2px 4px 2px 8px;background:url(images/bcColon.gif) no-repeat center left; color:#999; font-weight:bold;}
.structBody ul#ContentBreadCrumbs li#bcFirst a{background:none;padding-left:0;}
.structBody ul#ContentBreadCrumbs li.navselected a{color:#666;}

.structBody .MidWrap{margin:0; padding:0 10px 0px 20px; float:left; width:700px;}

.structBody #ContentMiddle{margin:0; padding:0; float:left;}

.home .staticButton {bottom: 10px;  height: 70px; position: absolute; right: 16px; width: 232px; z-index: 99;}

.home .contentFoot {margin:0;}
.home .structBody .MidWrap {float:left; width:964px; padding:0;background:url(images/bkgd_homeTop.png) no-repeat top left; margin:-6px 4px 0; position:relative;}
.home .contentHomeFoot {float:left; display:block; background:url(images/bkgd_homeFoot.png) no-repeat top left; width:100%; height:28px; margin:0 6px 20px;position:relative;z-index:95;}
.home .contentHomeFoot #ContentAlumniLogin {float:left; position:absolute; left:720px; font-size:11px; color:#fff;top:5px;}
.home .contentHomeFoot #ContentAlumniLogin a {color:#fff; margin:0 0 0 7px;}
.home .frame {float:left; width:100%; background:url(images/bkgd_homeSub.png) repeat-y 6px 0; width:961px;}
.home .divide {float:left; background:url(images/bkgd_homeDiv.png) no-repeat -3px 57px; margin:0 0 20px;width:707px;}
.home .wrapperHome {float:left; width:707px;}

.home .col1 {float:left;width:350px;padding:11px 16px 0 21px;}
.home .col1 h1 {float:left;padding:0; color:#fff;font-size:20px; padding:3px 0 0;margin:0 0 17px;}
.home .col1 a {color:#019b67; text-decoration:none;}

.home .col2 {float:left;width:290px;padding:11px 15px 0;}
.home .col2 h1 {float:left;padding:0; color:#fff;font-size:20px; padding:3px 0 0;margin:0 0 17px;}
.home .col2 h3 {font-size:12px; line-height:normal; padding:0;}
.home .col2 a {color:#019b67; text-decoration:none;}

.home .quicklinks {float:left; postition:relative;*margin:0 0 15px;}
.home .quicklinks #ContentHeaderSub {position:absolute; background:url(images/bkgd_quicklinksTop.png) no-repeat top left; width:700px; padding:8px 0px 0 21px;}
.home .quicklinks #ContentHeaderSub h1 {font-size:18px; color:#fff;padding:0;}
.home .quicklinks .quicklinksContainer {float:left; margin:0px 0 15px 10px; padding:0;width:950px;height:100px;}
.home .quicklinks .quicklinksContainer .media {float:left;margin:0 26px 0 0; width:285px;background:#dddddd; height:100px; overflow:hidden; border:1px solid #999;}

.home .col3 {float:right;width:220px;padding:11px 10px 0 20px; position:relative; right:4px;*top:0;}
.home .col3 h1 {float:left;padding:0; color:#fff;font-size:20px; padding:3px 0 0;margin:0 0 17px;}
.home .col3 h2 {color:#666; font-size:16px; font-weight:bold; text-transform:uppercase; border-top:2px solid #ccc;width:95%; padding:6px 0;}
.home .col3 a {text-decoration:none;}
.home .col3 #ContentMiddleLayoutRtArea2 {margin:40px 0 0;}
.home .col3 ul.social {margin:0; padding:0; list-style:none;}
.home .col3 ul.social li {float:left; margin:0 5px 10px 0;}
.home .col3 ul.social li a {}

.home .more {float:right; font-size:10px; text-transform:uppercase;padding:6px 0 0;}
.home .more a {color:#afbac5; text-decoration:none;}

.photo {float:left; margin:0 20px 0 0;}
.photo p {margin:0;}
.photo a {color:#fff;}

.alum .watermark {background:url(images/watermark_alumni.png) no-repeat left bottom; *padding:0 0 50px;}
.alum #ContentMiddle {margin:0 0 20px;}
.alum #ContentMiddleLayoutLeft {float:left; padding:0 20px 0 0; width:360px;}
.alum #ContentMiddleLayoutLeft a {color:#019b67; text-decoration:none;}
.alum #ContentMiddleLayoutLeft h3 {font-size:18px;font-weight:normal; color:#333;}
.alum h1.alumni {font-size:30px;}
.alum .eventDate {border-left: 2px solid #09539C;color: #999999; font-size: 12px; font-weight: bold; line-height: 10px; padding: 0 0 1px 7px; text-transform: uppercase;}
.alum .eventName {font-size: 14px;  padding: 3px 0 15px 8px;}
.alum .eventFooter {border-top: 1px solid #DDDDDD; display: block; padding: 10px 0; text-transform:uppercase; font-weight:bold;}
.alum #ContentMiddleLayoutRight {float:left; width:280px;margin:0 9px; background:#eeeeee;border:1px solid #dddddd;padding:3px 10px 10px;color:#666;}
.alum #ContentMiddleLayoutRight .header {background: url("images/bkgd_alumLogin.gif") no-repeat scroll 0 13px transparent; float: left; margin: 0 0 0 -21px; padding: 0 20px; text-transform: uppercase; width: 320px;font-size:14px; height:56px;}
td .alum {float:left; width:280px;margin:0 9px; background:#eeeeee;border:1px solid #dddddd;padding:3px 10px 10px;color:#666;}
td .alum .header {background: url("images/bkgd_alumLogin.gif") no-repeat scroll 0 13px transparent; float: left; margin: 0 0 0 -21px; padding: 0 20px; text-transform: uppercase; width: 320px;font-size:14px; height:56px;}
td .alum .header h1 {color:#fff; font-size:18px; padding:2px 0;}
.alum #ContentMiddleLayoutRight .header h1 {color:#fff; font-size:18px; padding:2px 0;}
.alum #ContentMiddleLayoutRight h2 {color:#006699; font-size:14px; text-transform:uppercase; font-weight:bold;}
.alum #ContentMiddleLayoutRight a {color:#666;}
.alum .divLoginStructContainer {}
.alum .divLoginStructContainer .instructions {display:none;}
.alum .divLoginStructContainer .divLoginInputs {float:left; width:100%;}
.alum .divLoginStructContainer .divLoginUserNameRow {margin:0 0 10px;}
.alum .divLoginStructContainer .divLoginPasswordRow {margin:0 0 10px;}
.alum .divLoginStructContainer .divLoginUserNameRow input,
.alum .divLoginStructContainer .divLoginPasswordRow input {border:1px solid #ddd;}
.alum .divLoginStructContainer .labelUserName,
.alum .divLoginStructContainer .labelPassword {font-weight:bold; text-transform:uppercase;display:inline-block; width:85px;}
.alum .divLoginStructContainer .remember {margin:0 0 10px 85px;}
.alum .divLoginStructContainer .divLoginLinks {text-transform:uppercase; float:left;}
.alum .divLoginStructContainer .divLoginButtonRow {float:right; margin:-36px 0 0;}
.alum .divLoginStructContainer .divLoginButtonRow input {background:url(images/bkgd_button.gif) repeat-x top left; border-left:1px solid #007f54; border-right:1px solid #007f54;color:#fff; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; border-top:0; border-bottom:0;font-weight:bold;padding:5px 18px; margin:2px 0 0 0px; float:right;*padding:5px 10px; *margin:-6px 0 0;}
.alum .divLoginStructContainer .divLogoutPanel input {background:url(images/bkgd_button.gif) repeat-x top left; border-left:1px solid #007f54; border-right:1px solid #007f54;color:#fff; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; border-top:0; border-bottom:0;font-weight:bold;padding:5px 18px; margin:2px 0 0 5px; float:left;}

.alum .quicklinks {float:left;}
.alum .quicklinks .quicklinksContainer {float:left; margin:50px 0 0 0px; padding:0; postition:relative; width:691px;overflow:hidden;}
.alum .quicklinks .quicklinksContainer .media {float:left;margin:0 23px 0 0; /*width:206px; */overflow:hidden;}

.alumniImg {float:left;margin:0 0 20px;}

blockquote {border-left: 3px solid #09539C; float: right; margin: 0 5px 10px 20px; text-transform:uppercase; background:#eee; padding:5px; width:235px;}
blockquote ul {margin:0; padding:0 0 0 30px; color:#666;}
blockquote ul li {margin:0 0 5px;}
blockquote a {color:#666;text-decoration:none;}
blockquote a:hover {text-decoration:underline;}
blockquote h3 {margin:0 0 0 15px; color:#09539C; padding:0 0 5px;}
#ContentMiddle {width:100%;}
#ContentMiddle .right {margin:0 0 10px 20px;}
#ContentMiddle .left {margin:0 20px 10px 0;}
dt {font-weight:bold;}
dd { margin:0 0 10px 25px;}
h2 a {color:#019B67;text-decoration:none; }
.IMOD569 h2 a {border-top:1px solid #ccc; padding:10px 0; width:100%; display:block; margin:10px 0 0;}
.IMOD713 #ContentMiddle a {margin:0 0 10px;display:inline-block;}
p.event {margin:0 0 10px 54px;}
.IMOD713 #ContentMiddle p.event a {margin:0;}
.IMOD713 #ContentMiddle h3 {}


/* RIGHT COLUMN
---------------------------------------------*/
.structRight{margin:0; padding:0; float:left;}
.structRight #ContentRight{margin:0; padding:0; float:left;}

/* Footer Elements 
---------------------------------------------*/
.contentFoot {float:left; display:block; width:100%; background:url(images/bkgd_contentFoot.png) no-repeat top left; height:14px; margin:0 0 20px;}

.structFooter{margin:0; padding:30px 0 20px; float:left; width:100%; background:url(images/bkgd_footer.gif) repeat-x top left;}

.structFooter .footNav {float:left; display:block; width:73%; padding:5px 0; margin:0 0 0 10px;}

#ContentFooterTopNav {float:left; margin:0 0 15px; padding:0;}
#ContentFooterTopNav ul {margin:0; padding:0; list-style:none;}
#ContentFooterTopNav ul li {float:left; font-weight:bold; border-left:1px solid #fff; line-height:12px; padding:0 7px;}
#ContentFooterTopNav ul li.first {border:0; padding-left:0;}
#ContentFooterTopNav ul li a {color:#fff; text-decoration:none;}

#ContentFooterQuickLinks {float:left; margin:0; padding:0;}
#ContentFooterQuickLinks ul {margin:0; padding:0; list-style:none;}
#ContentFooterQuickLinks ul li {float:left; font-size:11px; border-left:1px solid #9fb0c1; line-height:11px; padding:0 5px;}
#ContentFooterQuickLinks ul li.first {border:0;padding-left:0;}
#ContentFooterQuickLinks ul li a {color:#9fb0c1;text-decoration:none;}
#ContentFooterQuickLinks ul li a:hover {text-decoration:underline;}

.structFooter #ContentFooter{margin:0 10px 0 0; padding:0; float:right;color:#fff; font-size:11px; line-height:14px;}
.structFooter #ContentFooter a {color:#fff;}
.structFooter #ContentFooter h1 {font-size:16px; text-transform:uppercase;padding:0;margin:0;color:#fff;}