/*----------- HEADER AND NAVIGATION STYLES ---------------*/

header#top-header {background-color:#4e2a6e;margin:0;padding:0.5em 0 0 0;}
header#top-header #header-logo {margin:0.8em auto;}
header#top-header #header-logo img {max-width:280px !important;}
header#top-header #navbar {height:40px;float:none;padding:0 0 3px 0}
header#top-header #menu-link {vertical-align:top;}
header#top-header #utilities {width:100%;margin:3em 0 0 0;text-align:center;}
header#top-header #utilities ul {list-style:none;margin:0;padding:0.3em;color:#ddd;text-transform:uppercase;font-family:'proxima-nova',sans-serif;font-weight:100;font-size:0.7em;letter-spacing:0.03em;}
header#top-header #utilities ul li {display:inline-table;margin-left:1em;vertical-align:top}
header#top-header #utilities ul a {color:#fff;}
header#top-header #utilities ul a:hover {color:#e19000}
header#top-header #utilities img {margin:0}

nav ul#main-nav {z-index:99999}
nav ul#main-nav li li {font-size:0.9em;list-style:none}


/*nav ul#social-media {padding:5px 0 0 0;margin:0;text-align:center;width:auto;width:100%}
nav ul#social-media li {list-style:none;display:inline;}
nav ul#social-media li a {margin:0;}
nav ul#social-media li img {margin:0;padding:0;width:32px!important;height:auto!important;}

*/
display: inline-table;    @media only screen and (min-width: 900px)

chatham.min.css:1142utilities ul#social-media {
  float: right;
  padding: .7em 0 0;
  text-align: right;
  }
	
	#utilities img {max-width: 30px;}
@media only screen and (min-width: 775px)

chatham.min.css:1106utilities ul#social-media {
  list-style: none;
  width: 165px;
  margin: 0 auto;
  padding: 0 0 .7em;
  height: 26px;
  text-align: center;
}

 utilities ul#social-media {
  width: 165px !important;
  margin: .5em auto 0 !important;
  padding: 0 0 .5em !important;
  height: 26px !important;
}

/*---------- HERO -------------------------*/
	/*#top-header .wrapper {max-width:960px;margin:0 auto;position:relative;height:100%;width:100%;}
	#top-header {background-color:#fff;height:8em;}
	#top-header hgroup  {padding:1em 0 0 0;background-color:transparent;}
	#top-header hgroup #header-logo {max-width:400px;min-width:300px;}
	#top-header hgroup h1 a .full {display:inline-table}
	#top-header hgroup h1 a .abbr {display:none;}*/


#hero {margin:0;width:100%;background-size:cover; background-attachment:fixed;background-position:center center;font-size:1em;position:relative;min-height:10em;}
hgroup h1, hgroup h2 {color:#fff;font-weight:800 !important;z-index:5;font-size:3em!important;letter-spacing:0.05em;margin:0;font-family:'proxima-nova',sans-serif;text-transform:uppercase;position:absolute;bottom:-2.5em !important;left:1em; width:300px; text-shadow: 0 0 2px #000000 !important;}
#main-banner {max-height:480px;}
#main-banner hgroup {display:none !important;}
#main-banner hgroup h1 {display:hidden !important;/*bottom:-1.8em!important;left:0em!important*/}

/*------- END HERO ----------------------*/

/*------- START EVENT INFO ----------------------*/
  table#event-info {width:100%;}
  table#event-info th, table#event-info td {width:30%;text-align:center;padding:1%;vertical-align:top;border-right: solid 1px #f1f1f1;border-bottom: solid 1px #f1f1f1;}
  table#event-info th h3 { margin:0.2em 0;padding:0;}
  table#event-info th:last-child, table#event-info td:last-child { border-right:none;}
  table#event-info thead {border-top: solid 2px #8eadc9;border-bottom: solid 2px #8eadc9;}
  table#event-info .details {padding-top:3%;}
	
/*------- END EVENT INFO ----------------------*/




@media only screen and (min-width: 768px) { 
header#top-header {padding-top:2em;}
header#top-header #utilities {width:50%;float:right;padding:0;margin:0.5em 0 0 0;text-align:right;}
header#top-header #utilities ul{font-size:0.8em}
nav ul#main-nav {display:table;padding:0;margin:10px 0 0 0;/*height:750px !important;*/}
nav ul#main-nav li {display:table-cell;white-space:nowrap;padding-right:1.5em;font-weight:100!important;}
nav ul#main-nav li a {font-weight:100!important;}
nav ul#main-nav li ul {position:absolute;z-index:999;margin:9px 0 0 -10px;	padding:0;display:none;}
nav ul#main-nav li li {display:table-row;white-space:normal;height:1.5em;font-size:1em;}
nav ul#main-nav li li a{display:table-cell;padding:0 1em 1em 1em;margin:0;background-color:#4b4c50;font-size:0.8em!important;}
.hero {height:30em}
}

@media only screen and (max-width: 460px) { 
header#top-header  {}
header#top-header #header-logo img { max-width: 65% !important;}
header#top-header #utilities {
width: 100%;
margin: 6em 0 0 0;
text-align: center;
}

}


@media only screen and (max-width: 774px) { 
nav ul#main-nav {margin-top:30px;height:750px !important;}
}




/*----------- END HEADER AND NAVIGATION STYLES -----------*/






/*----------- HOMEPAGE STYLES ----------------------------*/
.main-page #content-inner{
	margin-top:5px;
}
#homepage-slider { visibility:hidden;overflow:hidden}
#homepage-slider img {margin:0 0 0 -11px;border-bottom:3px solid #f2f2f2;}
#homepage-slider .bx-viewport { border:none;box-shadow:none;width:101%!important}

#intro {font-family:'proxima-nova',sans-serif;font-size:1.1em;line-height:1.5em;}
#intro blockquote {border-left:none;font-style:normal;color:#666;margin:1em 0;padding:0;font-size:0.9em;}

#login-box {
	width:100%;
	height:130px;
	background:#fff url(/alumni/_images/login-box.jpg) no-repeat scroll;
	text-align:left;
	padding:40px 10px 0 10px;
	margin-top:10px;
}
#login-box label {margin:8px 5px 0 0;float:right;color:#919191;}
#login-box input {margin:7px 0 0 0;border:1px solid #ccc;font-size:110%;padding:3px;width:150px;}
#login-box input.submit {
	background:transparent url(/alumni/_images/login-btn.png) no-repeat scroll;
	width:113px;
	height:35px;
	border:none;
	margin-left:70px;
	color:transparent;
}



/*------------- FORM STYLES -----------------------------*/
.form h2 {margin-top:1em;text-transform:uppercase;color:#24739c;font-size:1.3em}
.form  {padding-bottom:1em;}
.form p {max-width:100%;padding:0 0.5em 0 0.5em;margin:0.5em 0;vertical-align:middle;}
.form p label {width:100%;display:inline-table;text-align:left;text-transform:normal;vertical-align:top;}	
.form p label.radio {width:100%;text-align:left;}	
.form input[type="text"], .form input[type="tel"], .form input[type="email"], .form input[type="password"] {padding:0.3em;width:90%}
.form select {font-size:1.1em;padding:0.3em;width:250px}
.form textarea {width:90%;padding:0.3em;border:1px solid #ccc;height:8em}
.red {color:#F00;}
.form p.button {text-align:center;border:none;margin:0.5em 0;padding:0;}
.form input[type="submit"].button {margin:0;padding:0.5em 10%;}
.form p.help {text-align:center;margin:1em 0;font-size:0.9em;color:#999}
.form p.help a {color:#888}


@media only screen and (min-width: 768px) { 
.form p label {width:30%;text-align:right;padding-right:3%}
.form input[type="text"], .form input[type="tel"], .form input[type="email"],  .form input[type="password"] {padding:0.3em;width:60%}
.form textarea {width:60%;padding:0.3em;border:1px solid #ccc;height:8em}
}


/*------------- MEMBER TOOLS STYLES -----------------------------*/
#tools-list  {text-align:center;}
#tools-list li {display:inline-table;list-style:none;margin:0 0 0 0;text-align:center; }
#tools-list li h2 {margin:1em 0 0 0}
#tools-list li img {max-width:100px;margin:0.3em 0 0 0;}



/* -------- GLOBAL STYLE OVERRIDES --------------*/

body {font-size:100%;}
article#content>h1, article#content>header>h1 {color:#0b3850;font-size:2.2em;margin:0 0 0.5em 0}
article#content {font-size:1em;margin-top:1em;max-width:96%;width:96%}
article#content>header {margin:0 0 2em 0;}
h2, h3 {color:#555;}
h1 a {color:#2e1b50;}
h2 a {color:#555;}
section h1 {color:#2e1b50;font-size:1.8em;margin:0 0 1em 0}
section.lined {border-top:1px solid #ccc;padding-top:1.5em;margin-top:1.5em;} 

article#content {float:none;/*width:90% !important;max-width:90%;padding:1em 5% 3em 5%*/}
#banner+article#content {padding-top:0em}
#footer-outer {height:230px;}
#footer-outer footer {text-align:center;}
footer#main-footer {color:#666;text-transform:uppercase;font-weight:100;font-size:0.9em}
footer#main-footer #funding {color:#888;margin:2em 10% 3em 10%;font-size:1.3em;text-transform:uppercase;line-height:1.5em;font-family:'proxima-nova',sans-serif;}

#sidemenu {padding-top:1em; font-size:0.9em;}
#sidemenu address {color:#777; font-size:95%;text-align:center;margin-top:2em;}

.expandlist dt.active h2 {background-color:#a9cfd5;}
.expandlist dd {padding:1em 1em;}


dl.expandlist h2 {padding:10px 3%;background-color:#eee;margin:5px 0;font-size:1.1em;border-radius:10px;-moz-border-radius:10px;color:#5e5887;}
dl.expandlist h2 a.expand, h2 a.collapse {font-size:1.75em;font-weight:normal;color:#aaa;margin:0;padding:0 7px 3px 0;vertical-align:middle}
dl.expandlist h2:hover a, h2 a:hover {color:#e19000;}
dl.expandlist h2:hover {background-color:#b8d6d4;color:#333;}
dl.expandlist dt.show dd { display:block !important;}

@media only screen and (max-width: 479px) {.hero h1 {font-size:2em;}}

@media only screen and (min-width: 775px) { 
header#top-header {min-height:143px}
nav ul#social-media {margin:0;}
nav ul#main-nav {max-width:700px;width:70%;display:inline-table;}
nav ul#social-media {width:30%;max-width:200px;text-align:right}
}


@media only screen and (min-width: 965px) { 
article#content {width:100%;max-width:100%;padding:1em 0 3em 0}
#content-wrapper.with-menu article#content {width:72%;}


}

  /* -------- register button --------------*/
  h3.reg-button { display:inline-block;text-align:center; text-transform:uppercase; z-index: 1; padding:11px; margin: 15px 0 30px 15px !important;  border-radius:15px;width:175px; font-size:20px; font-weight: 500; font-family: "Proxima Nova", sans-serif;
  background: #e5b561; /* Old browsers */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc1NDc5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzYxM2I4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iIzQzMmI2NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOTFjNGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #e5b561 0%, #e2ae53 50%, #dba649 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5b561), color-stop(50%,#e2ae53), color-stop(100%,#dba649)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e5b561 0%,#e2ae53 50%,#dba649 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e5b561 0%,#e2ae53 50%,#dba649 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e5b561 0%,#e2ae53 50%,#dba649 100%); /* IE10+ */
  background: linear-gradient(to bottom, #e5b561 0%,#e2ae53 50%,#dba649 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5b561', endColorstr='#dba649',GradientType=0 ); /* IE6-9 */
  }
  h3.reg-button a{color:#fff;letter-spacing:0.07em;}
  h3.reg-button a:hover {color:#4b4c50 !important;}
  h3.reg-button #arrow { font-size:18px;/*color:#4b4c50*/color:#fff !important;z-index: 3;}

/*----------- FOOTER STYLES ---------------*/
footer#main-footer {padding-bottom:3em;}
footer#main-footer #funded div {vertical-align:middle;} 
footer#main-footer #sba img {max-width:auto;max-height:125px;}
footer#main-footer #funding {text-align:left;margin:0!important;color: #888;
	font-size: 1.5em;
	text-transform: uppercase;
	line-height: 1.5em;
	font-family: 'proxima-nova', sans-serif;
}
footer#main-footer #cwe-chatham {text-align:center;padding-top:3em}
#wbc-logo img {max-width:300px;}