﻿
/* Standard HTML Element Styles */

/* Standard Colors:
	
    Grays
    Header Gray - #909090
        H2
    Header Gray 2 - #787875
        Header Links, H2 Hover

    Menu Highlight - #E6E7E8
        Background Gradient End
    Twitter Date Grey - #AFAFAF
        About Image Borders
    Home Page Header Grey - #3A3B3A
        H3 Link
    OE Background Gray - #CBCBCB

    Error Red - #E02528
        Twitter Date Red
    Brick Red - #B1474C
        H5 Headers (Meetings)
    
    Gold - #E8C65E
        Account Bar Pipes, Menu Highlight
    Light Gold - #F2DB9E
        Subnav Hover

    Blues: 
    New #213F7F
        Buttons, H1 Blue, Menu
    Dark Blue - #003E7E
        Header 1, 2, footer, Subnav
	Medium Blue - #2B3087
        Header 4, links
	Light Blue - #92b9d9
        Header 3, link hover

*/

body
{
    background-color: #FFFFFF;
}

p {
    font-size: .8125rem;
}

li {
    font-size: .875rem;
}

ul {
    margin-left: 40px;
    list-style-type: circle;
}

ol {
    margin-left: 40px;
    list-style-type: decimal;
}

    ol li {
        margin-bottom: 8px;
    }

table tbody tr td {
    font-size: .875rem;
    padding: 9px;
    line-height: 18px;
}

    table tbody tr td a {
        font-weight: normal;
    }

    table tbody tr td a:hover {
        font-weight: normal;
    }

table tr.even, table tr.alt, table tr:nth-of-type(even), table tbody tr:nth-child(2n) {
    background: #F9F9F9;
}

table tr th {
    background: #213F7F;
    color: white;
}

@media only screen and (max-width: 525px) {

    table tbody tr td {
        font-size: .75rem;
        padding: 5px;
    }
}

.ERRORTEXT {
    color: #E02528;
}

.ERRORTEXTLARGEBOLD {
    font-size: 1rem;
    color: #E02528;
    font-weight: bold;
}

a {
    color: #2B3087;
    font-weight: bold;
}

    a:hover {
        color: #92b9d9;
        font-weight: bold;
    }

    a:not([href]) {
        font-weight: normal;
    }

h2
{
    font-weight: bold;
    font-size: 1.25rem;
    color: #909090;
    padding-top: 8px;
}

h2 a {
    color: #909090;
}

    h2 a:not([href]) {
        font-weight:bold;
    }

        h2 a:not([href])::after {
            content: " \25BA";
        }

        h2 a:not([href]).open::after {
            content: " \25BC";
        }

h2 a:hover {
    color: #787875;
}

h3
{
    font-size: 1.1875rem;
    color: #92b9d9;
    padding-top: 4px;
    margin-bottom: 16px;
}

h3 a{
	color:#3A3B3A;
}

    h3 a:not([href]) {
        font-weight: bold;
        color: #92b9d9;
    }

        h3 a:not([href])::after {
            color: #E8C65E;
            content: " \25BA";
        }

        h3 a:not([href]).open::after {
            color: #E8C65E;
            content: " \25BC";
        }

h3 a:hover{
	color:#92b9d9;
}

h4
{
    font-weight: bold;
    font-size: 1.125rem;
    color: #2B3087;
}

h5
{
    margin-top: 10px;
	font-size: .9375rem;
	font-weight: bold;
	color: #B1474C;
}

h6{
    font-size: .8125rem;
}

.delimiter {
    width: 100%;
    margin: 20px auto;
    height: 2px;
    float: left;
    background: url(../images/delimiter.bg.x.png) repeat-x 0 0;
}
.title-delimiter {
    display: none;
}

figcaption {
    font-size: .75rem;
    padding-left: 10px;
}

figure img {
    margin: 0 10px 5px 10px;
    border-color: #AFAFAF;
    border-width: 2px;
    border-style: solid;
}

.aboutimages img {
    border-color: #AFAFAF;
    border-width: 2px;
    border-style: solid;
    width: 160px;
    height: 200px;
}

.highlight {
    background-color: yellow
}


/* Form Elements */


.button {
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #213F7F;
    background-color: transparent;
    border-color: #213F7F;
    padding: .5rem 1rem;
}

.button:hover, .button:focus {
    opacity: 0.5;
    background-color: #213F7F;
    color: #fefefe; 
}

fieldset label {
    font-weight: bold;
}

legend {
    font-weight: bold;
}

.tableinput {
    margin-bottom: 4px;
}

input[type="checkbox"], input[type="radio"] {
    margin-top: 6px;
    margin-bottom: 0;
    float: left;
    margin-right: 7px;
}

    input[type="checkbox"] + label, input[type="radio"] + label {
        font-weight: normal;
        display: block;
        margin-left: 20px;
    }

/* End Form Elements */


/* Header Elements */

#headerwrap {
    background-color: white;
}

#header{
    position: relative;
    max-width: 72rem;
	margin-left: auto;
	margin-right: auto;
	padding:0 0 15px 0;
}

#header .logo{
	margin:9px 0 11px 20px;	
}

#header .login-form 
{
	margin-top: 25px;
}

#header .login-form .form input[type='text'], #header .login-form .form input[type='password']  {
	margin-bottom:5px;	
}

#header .login-form .form .arrow-btn{
	margin-top:5px;	
}

#accountbar
{
    position: absolute;
    top: 7px;
    right: 36px;
    text-align: right;
    color: #787875;
    font-size:0.65rem;
    margin-bottom:10px;
}

#accountbar a
{
    color:#787875;
    font-weight: bold;
}

#accountbar .menu > li > a
{
    padding: 0;
}

#accountbar .menu li{
    padding: 0 1rem 0 1rem;
	border-left:2px solid #E8C65E;
}

#accountbar .menu li:first-of-type{
	border-left:0;	
}

#accountbar li.signin a { text-transform: none; text-shadow: none; float: left; font-weight: normal; line-height: 16px; height: 16px; background: url(../images/meetings/2017congress/my.profile.png) no-repeat 0 -96px; padding:0 0 0 21px; color: #3F4950;}
#accountbar li.signin a {background-position: 0 -32px; }
#accountbar li.signin a:hover {background-position: 0 -48px; }

#accountbar li.my-logout a { text-transform: none; text-shadow: none; float: left; font-weight: normal; line-height: 16px; height: 16px; background: url(../images/meetings/2017congress/my.profile.png) no-repeat 0 -96px; padding:0 0 0 21px; color: #3F4950;}
#accountbar li.my-logout a {background-position: 0 -128px; }
#accountbar li.my-logout a:hover {background-position: 0 -144px; }

.myisakos-header-headshot {
    padding-top: 3px;
    padding-left: 10px;
    height: 95px;
    max-width: 200px;
    float: right;
}

/*Twitter widget*/
#header .twitter_widget p{font-size:0.7rem;}
#header .tweets {overflow: visible;}
#header .isakos-twit-container { top: 0; line-height:12px; max-width:900px; height:45px; position: relative; float: left; }
#header .isakos-twit-container .isakos_twitter{ height:45px; }
#header .isakos-twit-container .isakos_twitter .slides_container { height:45px; }
#header .isakos-twit-container .isakos_twitter p{ margin:0; max-width: 850px; line-height:12px;}
#header .isakos-twit-container .isakos_twitter a { font-weight: normal; }
#header .isakos-twit-container ul li div{padding: 15px 0; }
#header .isakos-twit-container span.date{ color: #AFAFAF; color: rgba(255,255,255,.7); display: block; }

/*Whitey Twitter widget*/
#header .isakos-twit-container .isakos_twitter{ padding: 10px 0 0 50px; border: none; background: none;}
#header .isakos-twit-container .isakos_twitter .tweet_item{ background: none; padding-bottom: 0; overflow: visible;}
#header .isakos-twit-container .isakos_twitter p{width: 100%; line-height: 15px;}
#header .isakos-twit-container .isakos_twitter span.date {display: inline; 	color: #E02528;	}

#header .i_join_us{ 
    text-indent: -999em;
    text-align: left;
    float: left; 
    background: url(../images/header/bird.static.gray.png) no-repeat; 
    top: 16px;
    width: 36px; 
    height: 23px;
    display: block; 
    margin: 0; 
    padding: 0;
    position:absolute;  
    transition-property: background; 
    -webkit-transition-property: background; 
    -moz-transition-property: background; 
    -o-transition-property: background;
}

#header .i_join_us:hover {
    background-position: 0 -23px;
}

@media only screen and (max-width: 805px) {
    #header {
        padding: 0;
    }
}

@media only screen and (max-width: 630px) 
{
	#header .logo{
		text-align:center;
        margin-top: 17px;
    }
    #accountbar {
        right: 0;
    }
	.logo-wrap 
	{
		width: 100%;
	}
	.accountoptions
	{
		display: none;
	}
	.login-form
	{
		display: none;
	}
    .twitter_widget
	{
		display: none;
	}
    .content-wrapper {
        min-height: 300px;
    }
}


/* Navigation */

.top-bar {
    text-align: center;
    background-color: #213F7F;
    padding: 0;
}

    .top-bar .top-bar-left {
        max-width: 75rem;
        margin-left: auto;
    }

div.top-bar-left {
    float:none;
}

.top-bar ul {
    background-color: #213F7F;
}

/**/

.top-bar .menu > li > a {
    padding-top: .9rem;
    padding-bottom: .9rem;
    color: white;
    font-weight: normal;
    font-size: .875rem;
}

.top-bar .menu > li > a:hover {
    background-color: #E6E7E8;
    color: black;
}

.top-bar .menu > li.current a {
    background-color: #E6E7E8 !important;
    color: black;
}

.top-bar .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  display: none;
}

.top-bar li a:not(.button) {
    background-color: #213F7F;
    -webkit-transition: background-color 500ms ease-out;
    -moz-transition: background-color 500ms ease-out;
    transition: background-color 500ms ease-out;
    text-align: center;
}

.top-bar li li a:not(.button) 
{
    text-align: left;
 }

.is-dropdown-submenu {
    min-width: 250px;
}

.top-bar ul li.congress_nav > a
{
   background: rgba(232, 198, 94, 0.9);
}

.title-bar {
    background-color: black;
}

.extranav.title-bar {
    background-color: #213F7F;
}

.anchor {
    display: block;
    height: 53px; /*same height as header*/
    margin-top: -53px; /*same height as header*/
    visibility: hidden;
}

@media only screen and (max-width: 64em)
{
    div.top-bar-left {
        float:left;
    }

    .top-bar-left > ul {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

    .top-bar li {
        width: 100%;
    }

    .top-bar .menu > li > a.heightmatch {
        padding-top: .8rem;
        padding-bottom: .8rem;
    }

    .anchor {
        height: 90px; /*same height as header*/
        margin-top: -90px; /*same height as header*/
    }
}

@media only screen and (min-width: 40em) {

    .top-bar .top-bar-left, .top-bar .top-bar-right {
        width: 100%;
    }
}

.subnav-wrapper{
    width:100%;
    text-align:center;
}
.sub-nav
{ 
	width:100%; 
	display:table; 
}
.sub-nav a 
{
	font-size: 12px;
	display: block;
	font-weight: bold;
}
.sub-nav .button
{
	border: 0;
	display: table-cell;
    border-radius: 0;
}
.sub-nav .button-group
{
	display: table-row; 
	line-height: 45px; 
	text-align:center; 
	float:none;
	height: auto;
	margin:0;
}
.sub-nav .button:hover{
    opacity: 1;
}

@media only screen and (max-width: 550px) 
{
	.myisakos-nav
	{
		display:none;
	}
}

.myisakos-nav
{ 
	background-color: #003E7E;
}
.myisakos-nav a
{
	color: #FFFFFF;
}
.myisakos-nav a:hover
{
	color: #003D7D;
}
.myisakos-nav .button
{
	background-color: #003E7E;
}
.myisakos-nav li.current, .myisakos-nav li:hover
{ 
    background-color: #F2DB9E; 
}

.education-nav
{ 
	background-color: #87b1cc;
}
.education-nav a 
{
	color: white;
}
.education-nav a:hover
{
	color: #003D7D;
}
.education-nav .button
{
	background-color: #87b1cc;
}
.education-nav li.current, .education-nav li:hover { background-color: #F2DB9E; }

/* End Navigation */

/* End Header Elements */



/* Section Headers */

.section_map {
    background-image:url(../images/header_map.png); 
    background-repeat: no-repeat; 
    background-position-x: right;
}

.section_gradient{
    background-position: center top;
    background-size: 100% 100px;
    background-repeat: no-repeat;
}

.section_gradient h1 {
    vertical-align: middle;
    font-weight: bold;
    font-size: 1.5rem;
}

#pagetitle {
    height: 100px;
    line-height: 100px;
    margin-bottom:20px;
}

#pagetitle > span {
    display: inline-block;
    line-height: 0;
    vertical-align: middle;
}

.meetings_gradient{
    background-image: url(../images/Header_Banner_Gold_2.jpg);
}

.meetings_gradient h1 {
    color: #213F7F;
}

@media only screen and (max-width: 825px) 
{
    .section_gradient {
        background-size: 100% 60px;
    }
    #pagetitle {
        height: 60px;
        line-height: 60px;
        margin-bottom:10px;
    }
    .section_gradient h1 {
        font-size: 1.25rem;
    }
	.section_map
	{
		background: none;
	}
}

@media only screen and (max-width: 640px) {

    .meetings_gradient {
        background-image: none;
    }

        .meetings_gradient #pagetitle {
            display: none;
        }
}

.industry-image {
    max-width: 400px;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
}

@media only screen and (max-width: 630px) {

    .industry-image {
        max-width: 200px;
        padding-top: 0;
        padding-left: 10px;
        padding-bottom: 10px;
    }
}



/* Interactive Agenda */

/* 
Color #1 - Dark Blue #0C2244 / #213F7F
    Expand All
    IA Home Buttons (Primary)
    Room Header Background (Primary)
    Time Column (Alternate)

Color #2 - Dark Cyan #1B99B0
    Section Header Background (Alternate)
    Section Title/Text

Color #3 - Grey #E7E7E7
    Time Column
    Time Column (Alternate)

Color #4 - Red #D61737  - Blue #213F7F
    IA Home Button
    Section People
    Session People

Color #5 - Dark Red #B60717
    Section People Hover
    Session People Hover

Color #6 - Light Grey #909090
    Alternating backgrounds

Color #7 - Red #E02528
    Committee Meeting Time Column

*/

.button.iahome {
    background-color: #E8C65E;
    border: 1px solid #E8C65E;
    color: white;
}

    .button.iahome.hollow {
        background-color: transparent;
        border: 1px solid #E8C65E;
        color: #E8C65E;
    }

    .button.iahome:hover, .button.iahome:focus {
        opacity: .7;
    }

.button.iagrey {
    background-color: #AFAFAF;
    border: 1px solid #AFAFAF;
    color: white;
}

    .button.iagrey:hover, .button.iagrey:focus {
        opacity: .7;
    }

@media screen and (max-width: 39.9375em) {

    .iadatemenu {
        margin-bottom: 4px;
    }

        .iadatemenu .button {
            padding-top: 2px;
            padding-bottom: 2px;
        }

    .FilterHeader {
        font-size: 1rem;
    }

    .courseselect {
        margin-bottom: 4px;
    }

    .SearchBox {
        margin-bottom: 4px;
    }
}

.iadatemenu .iagrey {
    background-color: #AFAFAF;
    border: 1px solid #AFAFAF;
    color: black;
}

.iadatemenu .iahome, .iadatemenu .iagrey {
    margin-top: 2px;
}

.anchor {
    display: block;
    height: 53px; /*same height as header*/
    margin-top: -53px; /*same height as header*/
    visibility: hidden;
}

.attendeeanchor {
    display: block;
    height: 118px; /*same height as header*/
    margin-top: -118px; /*same height as header*/
    visibility: hidden;
}

.scheduleanchor {
    display: block;
    height: 135px; /*same height as header*/
    margin-top: -135px; /*same height as header*/
    visibility: hidden;
}

.tooltip {
    max-width: 300px;
}

.iadatemenuwrapper.is-anchored {
    margin-bottom: 1rem;
}

.FilterHeader {
    padding-top: 0;
    margin-bottom: 5px;
}

.FilterLink.open::after {
    content: " \25BC";
}

.expandalldiv {
    float: right;
    margin-top: 0;
}

#maincontent .expandalldiv h3 {
    margin-bottom: 5px;
}

.expandall {
    color: #213F7F;
}

    .expandall::after {
        content: " \25BA";
    }

    .expandall.open::after {
        content: " \25BC";
    }

.highlight {
    background-color: yellow
}

.iatable {
    width: 100%;
    border-spacing: 0px;
    margin-bottom: 8px;
    border: 1px solid #E7E7E7;
    border-collapse: unset;
}

.discnamecolumn {
    padding: 4px;
    border-bottom: 1px solid black;
    width: 300px;
    vertical-align: top;
}

    .discnamecolumn a:not([href]):hover {
        cursor: default;
        color: #1B99B0;
    }

.iaheadertimecolumn {
    width: 100px;
    text-align: center;
    vertical-align: top;
    background-color: #213F7F;
    opacity: .8;
    padding: 8px 4px 4px 4px;
    font-size: .875rem;
    color: white;
    border-right: 1px solid #E7E7E7;
}

    .iaheadertimecolumn a {
        color: white;
        text-decoration: underline;
    }

        .iaheadertimecolumn a:hover {
            color: #FFFFFF;
        }

    .iaheadertimecolumn.altcolor {
        background-color: #FABD31;
        color: #213F7F;
    }

        .iaheadertimecolumn.altcolor a {
            color: #213F7F;
        }

            .iaheadertimecolumn.altcolor a:hover {
                color: #213F7F;
            }

.iaroomheader {
    background-color: #213F7F;
    color: white;
}

    .iaroomheader h2 {
        font-weight: bold;
        color: white;
        font-size: .875rem;
        padding-top: 0;
        margin-bottom: 0;
        text-align: left;
        line-height: 20px;
    }

#maincontent .iatable .iaroomheader h3 {
    font-weight: normal;
    color: white;
    font-size: .75rem;
    margin-bottom: 0;
    text-align: right;
    line-height: 20px;
}

.iaroomheader h2::after {
    content: " \25BA";
    opacity: .6;
}

.iaroomheader.open h2::after {
    content: " \25BC";
    opacity: .6;
}

.iaroomheader.altcolor {
    background-color: #FABD31;
    color: #213F7F;
}

    .iaroomheader.altcolor h2 {
        color: #213F7F;
    }

#maincontent .iatable .iaroomheader.altcolor h3 {
    color: #213F7F;
}

.iaheader {
    font-weight: bold;
    background-color: #1B99B0;
    color: #FFFFFF;
    font-size: .875rem;
}

.iaheaderpeople {
    font-weight: normal;
    background-color: #1B99B0;
    color: #FFFFFF;
    font-size: .75rem;
    padding-left: 50px;
    padding-top: 1px;
    padding-bottom: 1px;
}

    .iaheaderpeople a {
        color: #FFFFFF;
    }

.iatimecolumn {
    width: 100px;
    text-align: center;
    vertical-align: top;
    background-color: #E7E7E7;
    padding: 8px 4px 4px 4px;
    font-size: .875rem;
    border-right: 1px solid #E7E7E7;
}

    .iatimecolumn a {
        color: black;
        text-decoration: underline;
    }

        .iatimecolumn a:hover {
            color: #FFFFFF;
        }

.iafunctionaltimecolumn {
    width: 100px;
    text-align: center;
    vertical-align: top;
    background-color: white;
    padding: 8px 4px 4px 4px;
    font-size: .875rem;
    border-right: 1px solid #E7E7E7;
}

.iaalttimecolumn {
    width: 100px;
    text-align: center;
    vertical-align: top;
    color: #E7E7E7;
    background-color: #213F7F;
    padding: 4px;
}

    .iaalttimecolumn a {
        color: white;
        text-decoration: underline;
    }

        .iaalttimecolumn a:hover {
            color: white;
        }

.iaroom {
    text-align: right;
}

.NameRating {
    display: none;
}

@media only screen and (max-width: 525px) {
    .discnamecolumn {
        width: 175px;
    }

    .ColumnRating {
        display: none;
    }

    .NameRating {
        display: block;
    }
}

.iasectionpeople {
    color: #1B99B0;
}

    .iasectionpeople a {
        color: black;
    }

        .iasectionpeople a:hover {
            color: #435760;
        }

.iaroomheader .iasectionpeople {
    color: #E8C65E;
    font-size: 13px;
}

    .iaroomheader .iasectionpeople a {
        color: white;
        font-style: italic;
    }

        .iaroomheader .iasectionpeople a:hover {
            color: #E8C65E;
        }

.iafunctionalsection {
    color: #1A6889;
    font-size: .75rem;
    text-align: center;
}

.iasessiontitle {
    color: Black;
    font-weight: bold;
}

.iaalttitlerow {
    color: white;
    font-weight: bold;
    background-color: #909090
}

.iasessionpeople {
    padding-bottom: 1px;
    padding-top: 1px;
}

.iaeventtitle {
    color: black;
    font-weight: bold;
    padding-left: 20px;
}

.iaeventpeople {
    padding-left: 20px;
    padding-bottom: 1px;
    padding-top: 1px;
}

.iafavoritecolumn {
    width: 26px;
    padding: 1px 1px 1px 5px;
}

.scheduleimage {
    width: 20px;
}

.iaicon {
    width: 40px;
    height: 40px;
}

.iaiconcell {
    width: 58px;
    text-align: center;
    padding: 4px;
}

.iaiconpadding {
    padding: 1px 5px;
}

.iaredtimecolumn {
    width: 100px;
    text-align: center;
    vertical-align: top;
    background-color: #E02528;
    color: #FFFFFF;
    padding: 4px;
}

    .iaredtimecolumn a {
        color: #FFFFFF;
        text-decoration: underline;
    }

        .iaredtimecolumn a:hover {
            color: #FABD31;
        }

@media only screen and (max-width: 639px) {

    #maincontent .iadatemenuwrapper.is-stuck {
        margin-top: 2.5rem !important;
    }

    .anchor {
        height: 43px; /*same height as header*/
        margin-top: -43px; /*same height as header*/
    }

    .scheduleanchor {
        height: 115px; /*same height as header*/
        margin-top: -115px; /*same height as header*/
    }
}

@media only screen and (max-width: 525px) {

    .expandall {
        display: none;
    }

    .iatable {
        margin-bottom: 1px;
    }

    .iatimecolumn, .iaheadertimecolumn, .iafunctionaltimecolumn, .iaalttimecolumn, .iaredtimecolumn {
        width: 44px;
        padding: 5px 3px 3px 3px;
    }

    .iaroomheader {
        padding-top: 5px;
    }

    .endtime {
        display: none;
    }

    .iaicon {
        width: 30px;
        height: 30px;
    }

    .iaiconcell {
        width: 36px;
        padding: 3px;
    }
}

/* End Interactive Agenda */



/* Page Layout */

.content-wrapper {
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, #E6E7E8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #E6E7E8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #E6E7E8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #E6E7E8); /* Standard syntax */
    padding-bottom: 20px;
    min-height: 600px;
}

.grid-padding {
    padding: 0.5rem 0.625rem 0.625rem;
}

.alt-background:nth-child(odd) {
    background-color: #f1f1f1;
}

.whiteonblack {
    font-size: 1rem;
    color: White;
    background-color: Black;
}

#breadcrumbs {
    display: none;
}

@media only screen and (max-width: 630px) {
    #breadcrumbs {
        margin-top: -11px;
        float: none;
    }
}

/* End Page Layout */


/* Footer */

#footerwrap{
	margin:0 0 0 0;
    max-width: none;
    width: 100%;
    background: #003E7E; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#003E7E, #2B3087); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#003E7E, #2B3087); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#003E7E, #2B3087); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#003E7E, #2B3087); /* Standard syntax */
}

#mainfooter{
	max-width: 1150px;
	margin-left: auto;
	margin-right: auto;
    color:#ffffff;
    padding-top:10px;
}

#mainfooter a {
    color: #E8C65E;
    text-decoration: none;
}

#mainfooter .footertext{
	padding: 20px 20px 20px 20px;
	font-size:.7rem;		
}

#mainfooter .footertext h2 {
    color: #E8C65E;
    font-size: 1.25em;
    font-weight:bold;
}

#mainfooter .footerlinks {
    margin-top: 20px;
    margin-bottom: 20px;
}

#mainfooter .copyright {
    margin-top:25px;
}

#mainfooter .newsletter-form{
	margin-right: 5px;
	padding:5px;	
}

#mainfooter .newsletter-form label{
	margin-bottom:5px;
	font-size:0.7rem;
	font-weight:bold;	
	color:black;
}

#mainfooter .button {
    opacity: 0.9;
    background-color: #FFFFFF;
}

#mainfooter .button:hover, #mainfooter .button:focus {
    opacity: 0.5;
    color: #213F7F;
}

    #mainfooter .social-links {
        margin-bottom: 20px;
        margin-right: 10px;
        text-align:right;
    }

    #mainfooter .secondary-button {
        display: inline-block;
        width: 32px;
        height: 32px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        text-align: center;
        line-height: 32px;
        background: #ffffff;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
    }

        #mainfooter .secondary-button i {
            padding-top: 8px;
            font-size: 16px;
            color: #8f959e;
        }

    #mainfooter .secondary-button:hover {
        background: #E8C65E;
        color: white;
    }

.footer-bottom {
    background: #2e2e2e;
    padding: 25px 0;
}

    .footer-bottom .logo {
        margin-bottom: 10px;
        color: #898989;
        font-size: 12px;
    }

    .footer-bottom .logo img {
        height: 40px;
        margin-top: 10px;
        margin-right: 25px;
    }

    .footer-bottom .btm-footer-text p {
        font-size: 13px;
        color: white;
        margin: 0;
        line-height: 14px;
    }

@media only screen and (max-width: 767px) 
{
	#mainfooter .copyright
	{
		padding-top: 10px;
		padding-bottom: 20px;
	}
}

/* End Footer */

/*To top*/

#toTop {
    height: 30px;
    width: auto;
    padding: 0 11px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    z-index: 999;
    background: black;
}

    #toTop p {
        line-height: 30px;
        font-family: sans-serif;
        font-size: 1.25em;
        color: white;
    }

@media only screen and (max-width: 767px) {
    #toTop {
        display: none;
    }
}


/* Home Page */


.box {
    clear: both;
}

    .box .text {
        width: 62%;
        float: left;
    }

    .box .person {
        width: 176px;
        padding: 5px;
        border: 1px solid #CCC;
        text-align: center;
        float: right;
        margin-left: 10px;
    }

        .box .person img {
            width: 164px;
            height: 204px;
            display: block;
        }

        .box .person .name {
            margin-top: 7px;
            text-align: center;
            font-weight: bold;
            font-size: .8125rem;
        }

        .box .person .title {
            margin-top: 5px;
            margin-bottom: 5px;
            text-align: center;
            font-size: 11px;
        }

@media only screen and (max-width: 525px) {
    .box .person img {
        width: 130px;
        height: 174px;
    }

    .box .person {
        width: 142px;
        padding: 4px;
    }
}


/* End Home Page */

/* Meetings Section */

.MeetingsBanner {
    text-align: center;
    margin: -20px -15px 20px -15px;
}

.PastMeetings {
    margin-bottom: 16px;
}

.PastMeetings a {
    font-weight: bold;
}

.PastMeetings a::after{
    content: " \25BA";
    color: #c0911a;
}

@media only screen and (max-width: 825px) {
    .MeetingsBanner {
        margin-top: -10px;
    }
}

.societies-table {
    text-align: center;
    width: 100%;
}

    .societies-table th {
        font-weight: bold;
        width: 25%;
        text-align: center;
    }

    .societies-table tr {
        vertical-align: top;
    }

    .societies-table .society-name {
        font-weight: bold;
    }

    /* End Meetings Section */
  

/* Registration Section */

.Radio {
    padding: 0 10px 0 10px;
}

    .Radio input[type="checkbox"] + label {
        font-weight: normal;
        padding-left: 5px;
    }

.RegType .Radio {
    padding: 10px 10px 10px 10px;
}

    .RegType .Radio input[type="checkbox"] + label {
        font-weight: bold;
        padding-left: 20px;
    }

.Radio.NoBold input[type="checkbox"] + label, .Radio.NoBold input[type="radio"] + label {
    font-weight: normal;
}

.Radio.Alt {
    background: #f9f9f9;
}

.Radio:hover, .Radio.Selected {
    color: #FFFFFF;
    background-color: #213F7F;
}

    .Radio:hover input[type="checkbox"] + label, .Radio.Selected input[type="checkbox"] + label {
        color: #FFFFFF;
    }

.Radio span {
    display: inline-block;
    width: 90%;
    vertical-align: top;
    padding-left: 5px;
}

.RegType .Radio span {
    padding-left: 20px;
}

.Radio.NoBold span {
    font-weight: normal;
}

.RegForm .RadioTable td {
    padding-top: 0;
    padding-bottom: 0;
}

.RegForm .RadioTable input[type="radio"] {
    margin-top: -1px;
    vertical-align: middle;
}

.RegForm input[type="checkbox"] + label, .RegForm input[type="radio"] + label {
    width: 80%;
}

#Registration table {
    width: 100%;
    border: 1px solid #E7E7E7;
}

    #Registration table th {
        background-color: #92b9d9;
        color: black;
        font-size: .75rem;
    }

    #Registration table td {
        padding: 0in 5.4pt 0in 5.4pt;
        line-height: 22.5pt;
    }

#Registration .subheader {
    background-color: #0C2244;
    color: white;
}

#Registration .subheader2 {
    background-color: #FABD31;
    color: white;
}

/* End Registration */

/* End Registration Section */


/* Surveys Section */

.SurveyTable input[type="checkbox"], .SurveyTable input[type="radio"] {
    float: left;
    margin-right: 7px;
}

    .SurveyTable input[type="checkbox"] + label, .SurveyTable input[type="radio"] + label {
        padding-top: 0;
        display: block;
        margin-left: 20px;
    }

.FellowResApp input[type="checkbox"], .FellowResApp input[type="radio"] {
    float: left;
    margin-right: 7px;
}

    .FellowResApp input[type="checkbox"] + label, .FellowResApp input[type="radio"] + label {
        padding-top: 0;
        display: block;
        margin-left: 20px;
    }

/* End Surveys Section */

.column-block figure {
    text-align: center;
}

.column-block figcaption {
    color: #909090;
}