@import url(/s/resources/css/appstyles.css);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,800,600);

#ContentHawkLogo{
 padding: 0 0 0 10px;
}
/* General Style
---------------------------------------------*/
form,body,html{height:100%;width:100%;}
form,body,html{height:100%;width:100%;}
body{margin:0;padding:0;font:12px/22px Arial, Helvetica, sans-serif;background:#3b3b3b;color:#2c2728; }

.mastWrap{ margin:0; padding:0; width:100%;}
.cntrWrap{width:960px;margin:0 auto;}
.fltFix{width:100%;}

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

.IMOD1013 #ContentMiddle a {text-decoration:none; font-weight:bold;}

h1, h2, h3, h4, h5, .PageTitleHeader, .PageSubTitleHeader {font-weight:bold;margin:0;padding:0;}
h1, .PageTitleHeader {font-size:24px;line-height:24px; font-family:'Open Sans',Arial, Helvetica, sans-serif;}
h2, .PageSubTitleHeader {font-size:18px; line-height:24px; color:#a80532; font-family:'Open Sans',Arial, Helvetica, sans-serif; text-transform:uppercase;}
h3 {font-size:18px;line-height:21px;}
h4 {font-size:15px;line-height:18px;}
h5 {font-size:13px;line-height:15px;}
p {margin:5px 0 25px;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 7px 1px 0;}
img.right{float:right;margin:0 0 7px 7px;}
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;}

.idbmsBreadcrumbSeparator {color:#70a533!important;}
.expand img {background-color: #70a533!important;}
.expand {background-color: #70a533!important;}
.Error,.error {width:auto!important}
#ContentMemberTools {display:none;}


/* SUPERHEAD ELEMENTS
---------------------------------------------*/
.superHead {margin:0; padding:0; float:left; width:100%; background:#3b3b3b; border-bottom:5px solid #7b797d;}
.superHead #ContentTpQt {float: left; margin: 0 0 1px; padding: 13px 0;}
.superHead #ContentTpQt ul {list-style: none outside none; margin: 0; padding: 0;}
.superHead #ContentTpQt li {border-left: 1px solid #FFFDF7; float: left; padding: 0 10px;}
.superHead #ContentTpQt li:first-child {border-left: medium none;}
.superHead #ContentTpQt a {color: #FFFDF7; display: block; font-size: 11px; line-height: 14px; padding: 0; text-align: center; text-decoration: none;}
.superHead #ContentSJUHome {float: right; height: 30px; margin: 6px 0 0; overflow: hidden; padding: 0;}

/* HEAD ELEMENTS
---------------------------------------------*/
.structHead { margin:0; padding:0;float:left; width:100%; background:#edebe6;}
.structHead .fltFix {/*background:url(images/bkgd_header.png) no-repeat right top;*/ float:left; padding:20px 0 40px;}
.structHead .logo {float:left;}
.structHead .dates {float:right; color:#231f20; font-size:20px; font-weight:bold; text-transform:uppercase; font-family:'Open Sans',Arial, Helvetica, sans-serif; line-height:normal; padding:0 0 0;}


/* NAVIGATION ELEMENTS
---------------------------------------------*/
.structNav {margin:0; padding:0; float:left; width:100%; background:#00535e; height:10px; position:relative; z-index:999;}
.structNav .fltFix {position:relative;}
.structNav .navigation {position:absolute; /*z-index:999; */width:980px; left:-10px; top:-25px; *position:static; *margin:-25px 0 0 -10px; *top:0; *left:0;
background: #3b3b3b; /* Old browsers */
background: -moz-linear-gradient(top, #3b3b3b 0%, #343434 27%, #1f1f1f 78%, #1a1a1a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b3b3b), color-stop(27%,#343434), color-stop(78%,#1f1f1f), color-stop(100%,#1a1a1a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3b3b3b 0%,#343434 27%,#1f1f1f 78%,#1a1a1a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3b3b3b 0%,#343434 27%,#1f1f1f 78%,#1a1a1a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #3b3b3b 0%,#343434 27%,#1f1f1f 78%,#1a1a1a 100%); /* IE10+ */
background: linear-gradient(top, #3b3b3b 0%,#343434 27%,#1f1f1f 78%,#1a1a1a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3b', endColorstr='#1a1a1a',GradientType=0 ); /* IE6-9 */}

.structNav .navFooter {display:block; width:981px; height:6px; background:url(images/nav_footer.png) no-repeat 0 0; position:absolute; left:-10px; top:35px; z-index:100;}

/* MAIN TOP HORIZONTAL NAV
---------------------------------------------*/
/* Top Level Group */
.navigation ul{list-style-type:none; margin:0; padding:0; }
.navigation ul li {float:left;line-height:60px;padding:0px;text-transform:uppercase; font-family:'Open Sans',Arial, Helvetica, sans-serif;font-size:20px; font-weight:400;}
.navigation ul li a{color:#fff;display:block;text-decoration:none; padding:0 15px;}
.navigation ul li a:hover{color:#fff;}
.navigation ul li:hover a{color:#fff;}
.navigation ul li:hover {background: #acabb0; /* Old browsers */
background: -moz-linear-gradient(top, #acabb0 0%, #acabb1 15%, #a5a4a9 28%, #79787d 77%, #727176 88%, #717075 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#acabb0), color-stop(15%,#acabb1), color-stop(28%,#a5a4a9), color-stop(77%,#79787d), color-stop(88%,#727176), color-stop(100%,#717075)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #acabb0 0%,#acabb1 15%,#a5a4a9 28%,#79787d 77%,#727176 88%,#717075 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #acabb0 0%,#acabb1 15%,#a5a4a9 28%,#79787d 77%,#727176 88%,#717075 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #acabb0 0%,#acabb1 15%,#a5a4a9 28%,#79787d 77%,#727176 88%,#717075 100%); /* IE10+ */
background: linear-gradient(top, #acabb0 0%,#acabb1 15%,#a5a4a9 28%,#79787d 77%,#727176 88%,#717075 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acabb0', endColorstr='#717075',GradientType=0 ); /* IE6-9 */}
.navigation ul li.home a {text-indent:-999em; width:26px; height:60px; background:url(images/bkgd_home.png) no-repeat 0 center;padding:0 20px 0 0; margin:0 0 0 20px;}
.navigation ul li.regButton {float:right;text-transform:none; padding:0 20px 0 5px;background: #f1cb69; /* Old browsers */
background: -moz-linear-gradient(top, #f1cb69 0%, #f0cb68 23%, #efc558 37%, #eab529 65%, #e9b01c 77%, #e9b01b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1cb69), color-stop(23%,#f0cb68), color-stop(37%,#efc558), color-stop(65%,#eab529), color-stop(77%,#e9b01c), color-stop(100%,#e9b01b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f1cb69 0%,#f0cb68 23%,#efc558 37%,#eab529 65%,#e9b01c 77%,#e9b01b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f1cb69 0%,#f0cb68 23%,#efc558 37%,#eab529 65%,#e9b01c 77%,#e9b01b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f1cb69 0%,#f0cb68 23%,#efc558 37%,#eab529 65%,#e9b01c 77%,#e9b01b 100%); /* IE10+ */
background: linear-gradient(top, #f1cb69 0%,#f0cb68 23%,#efc558 37%,#eab529 65%,#e9b01c 77%,#e9b01b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1cb69', endColorstr='#e9b01b',GradientType=0 ); /* IE6-9 */}
.navigation ul li.regClosed {font-size:16px; padding:0 10px;}
.navigation ul li.regButton a{color:#3b3b3b;}
.navigation ul li.regOpen a {background:url(images/bkgd_regButton.png) no-repeat right center; padding-right:25px;}

/* Second Level Groups */
.navigation li ul { position: absolute; left: -999999px;margin:0px; background:#717174; float:none; width:175px;text-align:left; padding:5px 15px 15px; z-index:999;}
.navigation li li {border:none; margin: 0; padding:4px 0;background:none;line-height:normal;}
.navigation li li a {font-weight:normal;text-align:left;text-transform:none;border:none;font-size:14px; font-weight:800; padding:0;}
.navigation ul li:hover li a{color:#fff;}
.navigation ul li:hover li:hover a{color:#acabb0;}
.navigation li li:hover, .navigation li li.sfHover { background:none;color: #acabb0; }

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

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

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

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

/* LEFT COLUMN
---------------------------------------------*/
.structLeft{margin:0; padding:0; float:left;}
.structLeft #ContentLeft{margin:0; padding:0; float:left;}

/* BODY ELEMENTS
---------------------------------------------*/
.structBody{margin:0; padding:0px; float:left; width:100%; background:url(images/bkgd_body.png) repeat 0 0 #e44528; position:relative;}
.structBody .fltFix {position:relative;float:left;}

.structBody ul#ContentBreadCrumbs{padding:0;margin:5px 0 10px 0;list-style:none;float:left;}
.structBody ul#ContentBreadCrumbs li{padding:0;margin:0;float:left;}
.structBody ul#ContentBreadCrumbs li a{display:block;text-decoration:none;font-size:.8em;padding:2px 6px 2px 8px;background:url(images/bcArw.gif) no-repeat center left;}
.structBody ul#ContentBreadCrumbs li#bcFirst a{background:none;padding-left:0;}
.structBody ul#ContentBreadCrumbs li.navselected a{font-weight:bold;}

.structBody .contentWrap {margin:0; padding:0 10px 60px; float:left;width:940px;background:#edebe6; position:relative;-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .75); -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .75);
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .75); min-height:300px;}

.structBody .contentWrap .photos {float:left; width:100%; margin:25px 0 20px;}
.structBody .contentWrap .photos .photoLeft {float:left; width:290px;}
.structBody .contentWrap .photos .photoRight {float:right; width:640px;}

.structBody .contentWrap .colDiv {float:left; background:url(images/bkgd_content.gif) repeat-y 0 0; width:100%;}

.structBody .contentWrap .MidWrap {float:left; width:555px; padding:0 0 0 10px;}
.structBody #ContentMiddle{margin:0; padding:0; }
.structBody h1.pageName {color:#00535e; font-family:'Open Sans',Arial, Helvetica, sans-serif; font-weight:600; font-size:32px; line-height:normal; margin:0 0 25px;}

.structBody .bodyFooter {background:#d4d2cd; border-top:5px solid #2c2628; height:40px; position:absolute; width:100%; bottom:0; left:0;}

.givingTab {position:absolute; right:-39px; top:30%; }
.givingTab a {background:url(images/bkgd_tab.png) no-repeat 0 0; display:block; height:212px; width:39px; text-indent:-999em;}

/* RIGHT COLUMN
---------------------------------------------*/
.structRight{margin:0; padding:0 0 20px; float:right; width:310px;}

.structRight .blueBox {margin:0px; padding:20px; display:block; background:#a8b1b7;font-family:'Open Sans',Arial, Helvetica, sans-serif; font-size:14px; font-weight:600; }
.structRight .blueBox a {color:#2c2728;}
.structRight .blueBox strong {font-weight:800;}

.structRight #ContentRightNavHawk {}
.Reunion .structRight #ContentRightNavHawk {display:none;}
.structRight ul {margin:0; padding:0; list-style-type:none;}
.structRight ul li {background:url(images/bullet_redArrow.gif) no-repeat 0 7px; padding:2px 0 2px 18px;}
.structRight #ContentRightNavHawk ul li.header {padding:0 0 5px; background:none; font-family:'Open Sans',Arial, Helvetica, sans-serif; font-weight:600; font-size:14px; margin:30px 0 0;}
.structRight #ContentRightNavHawk ul li a {text-decoration:none;}

.structRight #ContentHawkExtras ul {margin:30px 0 0;font-family:'Open Sans',Arial, Helvetica, sans-serif; font-size:14px; font-weight:600; padding-right:10px;}
.structRight #ContentHawkExtras ul li {background:url(images/bullet_blackArrow.gif) no-repeat 0 7px;}
.structRight #ContentHawkExtras strong {font-weight:800;}
.structRight #ContentHawkExtras a {font-weight:800; color:#2c2728; text-decoration:none;}
.structRight #ContentHawkExtras a.facebook {background:url(images/bkgd_facebook.gif) no-repeat 0 0; height:23px; display:inline-block; padding-left:27px;}
.structRight #ContentHawkExtras li.photos {display:none;}

.thermostat {display:block; }
.thermostat .goal {position: relative; margin:0px; padding:0px;}
.thermostat .goal h1 {color:#3b3b3b; font-family:'Open Sans',Arial, Helvetica, sans-serif; font-size:18px; text-transform:uppercase; font-weight:600; margin:0 0 5px;}
.thermostat .goal h1 strong { font-weight:800;}
.thermostat .date {display:none;}
.thermostat .bar { height: 35px; margin: 0 0 3px;display:block;background: #bcb6b1; border:3px solid #d4d2cd;}
.thermostat .bar span {background: none repeat scroll 0 0 #a80532; display: block; height: 35px;}
.thermostat .goaltxt {color: #F8F8F8; float: right; font-family: Helvetica,Arial,sans-serif; font-size: 12px; font-weight: bold; margin: 0 10px 0 0; line-height:35px;font-family:'Open Sans',Arial, Helvetica, sans-serif; font-size:16px; font-weight:800;}
.thermostat .goaltxt span { background: none repeat scroll 0 0 transparent; display: inline; height: auto;}
.thermostat ul.milestones {display:block; width:100%; margin:-4px 0 40px; position:relative; width:318px;border-bottom:1px solid #d4d2cd; padding:0 0 60px;}
.thermostat ul.milestones li {float:left; background:none; padding:4px 0 0 4px; border-left:2px solid #d4d2cd; line-height: 14px; width:22.5%; color:#bcb6b1;font-family:'Open Sans',Arial, Helvetica, sans-serif; font-size:14px; font-weight:800;}
.thermostat ul.milestones li.last {width:auto; position:absolute; right:0; top:0;}

.orange a {color:#fff; font-weight:bold;}

/* Super Footer Elements 
---------------------------------------------*/
.superFooter {margin:0px 0 0; padding:20px 0 20px; float:left; width:100%; background:#d4d2cd; color:#2c2728;}
.superFooter .title {float:left; margin:0 10px;}
.superFooter .more {float:right; margin:0 10px;}
.superFooter a {color:#2c2728;}
.superFooter ul {list-style-type:none; margin:20px 0 0; padding:0; }
.superFooter ul li {float:left; margin:0 10px; padding:0;display:block; background:#fff; width:220px; height:120px;}

/* Footer Elements 
---------------------------------------------*/
.structFooter{margin:0; padding:0; float:left; width:100%; background:#3b3b3b; height:66px;}
.structFooter #ContentFooter {color: #FFFFFF; float: left; font-size: 14px; margin: 0; padding: 19px 0 0; text-align: center; width: 100%;}
.structFooter #ContentFooter a {color:#fff; text-decoration:none;}

/* Homepage COLUMN
---------------------------------------------*/
.structBody .contentWrap {padding-bottom:10px;}
.start .picturesRow  {float:left; width:100%;font-family:'Open Sans',Arial, Helvetica, sans-serif; color:#fff; font-size:24px; line-height:normal; text-transform:uppercase;}
.start .picturesRow.top {margin:25px 0 0;}
.start .picturesRow a {color:#fff; text-decoration:none;}
.start .featuresRow  {float:left; width:100%; margin:10px 0;font-weight:400;
background: #87868b; /* Old browsers */
background: -moz-linear-gradient(top, #87868b 0%, #757479 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87868b), color-stop(100%,#757479)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #87868b 0%,#757479 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #87868b 0%,#757479 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #87868b 0%,#757479 100%); /* IE10+ */
background: linear-gradient(top, #87868b 0%,#757479 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87868b', endColorstr='#757479',GradientType=0 ); /* IE6-9 */}
.start .featuresRow #ContentMiddleLayoutFeatures {position:relative;}

/* Individual photo area definitions - Top Section*/
.top .photoTall {float:left; width:290px; height:415px;overflow:hidden; position:relative;}
.top .photoTall .savethedate {background: url("images/savethedate.png") no-repeat scroll 0 0 transparent; bottom: 5px; height: 245px; position: absolute; right: -1px; width: 32px;display:none;}
.top .rightGroup {float:right; width:640px;}
.top .rightGroup .photoWide {float:left; width:640px; height:289px; overflow:hidden;margin:0 0 10px;}
.top .rightGroup .photoSmall {float:left; width:180px; height:116px; overflow:hidden;}
.top .rightGroup .tealBox {float:right; width:430px; height:86px; overflow:hidden; font-size:16px; text-transform:none; line-height:24px; padding:20px 10px 10px;
background: #006473; /* Old browsers */
background: -moz-linear-gradient(top, #006473 0%, #00626f 26%, #005a65 60%, #015965 71%, #005761 75%, #01555f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006473), color-stop(26%,#00626f), color-stop(60%,#005a65), color-stop(71%,#015965), color-stop(75%,#005761), color-stop(100%,#01555f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #006473 0%,#00626f 26%,#005a65 60%,#015965 71%,#005761 75%,#01555f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #006473 0%,#00626f 26%,#005a65 60%,#015965 71%,#005761 75%,#01555f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #006473 0%,#00626f 26%,#005a65 60%,#015965 71%,#005761 75%,#01555f 100%); /* IE10+ */
background: linear-gradient(top, #006473 0%,#00626f 26%,#005a65 60%,#015965 71%,#005761 75%,#01555f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006473', endColorstr='#01555f',GradientType=0 ); /* IE6-9 */}

/* Individual photo area definitions - Lower Section*/
.bottom .leftGroup {float:left; width:480px;}
.bottom .leftGroup .photoTopWide {float:left; width:320px; height:110px; margin: 0 10px 10px 0;}
.bottom .leftGroup .darkBox {float:left; height:90px; width:130px; background:#231f20; line-height:27px;padding:20px 10px 0;}
.bottom .leftGroup .photoTall {float:left; width:160px; height:305px;}
.bottom .leftGroup .photoSquare {float:right; width:310px; height:220px; margin:0 0 10px;}
.bottom .leftGroup .redBox {float:right; width:290px; height:45px; background:#b20838; padding:30px 10px 0;}

.bottom .rightGroup {float:right; width:450px;}
.bottom .rightGroup .photoTall {float:left; width:200px; height:425px; overflow:hidden; position:relative; margin:0 10px 0 0;}
.bottom .rightGroup .photoTall .overlay {position:absolute; top:10px; left:0; display:block; width:180px; background:url("images/bkgd_overlay.png") repeat scroll 0 0 transparent; padding:20px 10px; line-height:27px;}
.bottom .rightGroup .photoTall .overlay a {color:#231f20;}
.bottom .rightGroup .photoSquare {float:left; width:240px; height:250px; margin:0 0 10px; }
.bottom .rightGroup .blueBox {float:left; width:220px; height:145px; background:#a8b1b7; color:#231f20; text-transform:none; padding:10px; font-size:14px; line-height:22px; font-weight:600;}
.bottom .rightGroup .blueBox a { color:#231f20; text-decoration:underline;}

.featuresRow ul {margin:0;font-family:'Open Sans',Arial, Helvetica, sans-serif; font-size:14px; font-weight:400;padding:10px 12px; list-style-type:none; color:#fff; float:left;}
.featuresRow ul li {background:url(images/bullet_whiteArrow.png) no-repeat 0 7px; float:left; padding:0 0 0 15px; margin:0 0 0 20px;}
.featuresRow ul li:first-child {margin:0;}
.featuresRow strong {font-weight:800;}
.featuresRow a {font-weight:800; color:#fff; text-decoration:none;}
.featuresRow a.facebook {background:url(images/bkgd_facebook_home.gif) no-repeat 0 0; height:23px; display:inline-block; padding-left:27px;}
.start .featuresRow li.photos {background: url("images/photo_stack.png") no-repeat scroll 0 0 transparent; display: block; float: none; height: 95px; margin: 0; position: absolute; right: -10px; top: -27px; width: 124px;}
.start .featuresRow li.photos a {display:block; text-indent:-999em; height:100%; width:100%;}


/* Fixes ---------------------------------------------------- */

.idbmsInstanceColumnLabel { width: 80% !important;}
.idbmsInstanceColumnInput{ vertical-align: bottom;}