html, body, form { height:100%; margin:0; padding:0; }

body {  
        background-color: #252525;
        color: Black;
        font-family: Arial, Verdana, Helvetica, Helve, sans-serif;
        font-size: 12px;
        text-align:center;
}

a, a:link, a:visited { color: #252525; }
a:active, a:hover {
        background-color: #ededed;
        color:#252525;
        border: none;
}
    a.noLine  { text-decoration: none; }

h1, h2 { margin-top: 10px; }

hr {
        border: 0; border-top: 1px solid  #002f6d; /*change color*/   
        display: block; 
        height: 1px;
        margin: 1em 0; padding: 0; 
}

ul.arrows {
    list-style: none;
    margin:0;
    padding:0;
    }

ul.arrows a {
    background-color:inherit;
    color:#002f6d; /*change color*/
    display:block;
    line-height:20px;
    text-decoration: none;
    }

ul.arrows a:hover, ul.arrows a:focus {
    text-decoration: underline;
    }

ul.arrows a:before {
    content:"> ";
    }

.spaciousList li
{
    padding:8px;
}

.aspImage, #aspImage a {
    border: 0;
}


.QA_Header 
{ 
	cursor:pointer; 
    margin-bottom:0;
    padding:10px;
    width:90%;

}

.QA_Details 
{ 
	display:none; visibility:hidden;
    margin-top:0;
    padding:10px;
    width:90%
    
}

        .QA_Details p
        {
            margin:0;
            /*padding:10px;*/
            
        }


 .btnApply
        {
            background-color: #015581;
            color: #FFF1B8;
            padding: 15px;
            font-size: 150%;
            font-weight: bold;
            text-decoration:none;            
            float:left;
            
            
        }

            .btnApply:hover
            {
                background-color: black;
            color: #FFF1B8;
            padding: 15px;
            font-size: 150%;
            font-weight: bold;
            text-decoration:none;
            }


                        .distributeContainer {
  display: flex;
  justify-content: space-around;
  clear:both;
}

                    .IOAPAsubdiv
        {
            margin: 0;
            visibility:visible;
            float: left;
            width: 100%;
        }

            .IOAPAsubdiv img
            {
                width: 100%;
                /*background-color: #1A3668;*/
                 background-color:#ECECEC;
                margin: 0;
                padding: 0;
                float: left;
            }

                .IOAPAsubdiv img:nth-of-type(odd)
                {
                    /*background-color: #FEC52E;*/
                    background-color:#D4D4D4;
                }

            .IOAPAsubdiv div
            {
                padding: 5%;
                text-align: left;
                margin: 0;
                /*background-color: #FEC52E;*/
                background-color:#D4D4D4;
                width:90%;
                float:left;
            }

                .IOAPAsubdiv div:nth-of-type(odd)
                {
                    background-color:#ECECEC;
                    /*background-color: #1A3668;*/
                    /*color: white;*/
                }

                        .IOAPAsubdiv div:nth-of-type(odd) a
                        {
                            /*color:white;*/
                        }

                .IOAPAbtn
        {
            
            width: 26%;
            /*background-color: #E0E0E0;*/
            background-color: #1A3668;
            text-align: center;
            padding: 3%;
            float: left;
            height: 190px;
            cursor: pointer;
            margin: 0;
            margin-bottom: 2%;
        }

            .IOAPAbtn:hover
            {
                background-color: darkgray;
                color: white;
            }

            .IOAPAbtn:first-of-type
            {
                margin-right: 2%;
            }

            .IOAPAbtn:nth-of-type(3)
            {
                margin-left: 2%;
            }


            .IOAPAbtn h2
            {
                font-variant: small-caps;
                color: #FEC52E;
                padding-top: 47%;
            }

             a>.btnRoundIOAPA{
           width:130px;
           margin:1%;
            float:left;

        }


        .btnRoundIOAPA
        {  
            /*background-color: #D4D4D4;*/
            border-radius: 50%;
	width: 130px;
	height: 130px;
            text-align:center;
            background-size:130px 130px;
            cursor:pointer;
            background-repeat:no-repeat;
        }

            .btnRoundIOAPA span
            {
                margin-top:-20px;
                display:block;
            }
/*p.FAQ:nth-child(2n), div.FAQ:nth-child(2n)
{
    background-color:#E0E0E0;
}*/


/*#bbc_header ul, li {display: block; list-style: none; margin: 0; padding: 0;}
#bbc_header ul {}
#bbc_header li {line-height: 50px; width: 100%; text-align: center; margin: 5px;}
#bbc_header li ul li {width: 33%; float: left; margin: 5px 0; background: none;}
#bbc_header li ul {overflow: hidden;}
#bbc_header a {color: #fff; text-decoration: none; display: block; margin: 5px;}*/


@media all and (min-width: 481px)
{

         .alumniBtn
        {
            font-size:25pt; color:#002F6D; border:3px solid #002F6D; padding:1%; margin:3%; width:40%; text-align:center;
            float:left;
        }

        a:hover .alumniBtn
        {
            background-color:#E0E0E0;
            text-decoration:none;

        }

    #wrapper_main
    {
    }

    #wrapper_outer_coe_header
    {
        height: 100px;
        background: #ffce00 url(imgs/plus-banner.png) no-repeat center top;
    }

    #coe_header
    {
        margin: 0 auto;
        width: 980px;
    }

    #coe_header_row1_col1
    {
        float: left;
        display: inline-block;
        padding-top: 25px;
    }

    #coe_header_row1_col2
    {
        display: inline-block;
        float: left;
        padding: 15px 0 0 45px;
    }

    #coe_header_row1_col3
    {
        float: right;
        display: inline-block;
        padding: 20px 0 0 0;
    }

    #wrapper_outer_bbc_header
    {
        height: 300px;
        width: 100%;
        background: #252525; /* Old browsers */
        background: -moz-linear-gradient(top, #252525 0%, #232528 5%, #2c2a3a 23%, #2c2b3e 24%, #2c2b3e 26%, #2c2d46 31%, #2a2e4c 37%, #202f5a 47%, #012f6d 69%, #002f6d 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#252525), color-stop(5%,#232528), color-stop(23%,#2c2a3a), color-stop(24%,#2c2b3e), color-stop(26%,#2c2b3e), color-stop(31%,#2c2d46), color-stop(37%,#2a2e4c), color-stop(47%,#202f5a), color-stop(69%,#012f6d), color-stop(100%,#002f6d)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #252525 0%,#232528 5%,#2c2a3a 23%,#2c2b3e 24%,#2c2b3e 26%,#2c2d46 31%,#2a2e4c 37%,#202f5a 47%,#012f6d 69%,#002f6d 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #252525 0%,#232528 5%,#2c2a3a 23%,#2c2b3e 24%,#2c2b3e 26%,#2c2d46 31%,#2a2e4c 37%,#202f5a 47%,#012f6d 69%,#002f6d 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #252525 0%,#232528 5%,#2c2a3a 23%,#2c2b3e 24%,#2c2b3e 26%,#2c2d46 31%,#2a2e4c 37%,#202f5a 47%,#012f6d 69%,#002f6d 100%); /* IE10+ */
        background: linear-gradient(to bottom, #252525 0%,#232528 5%,#2c2a3a 23%,#2c2b3e 24%,#2c2b3e 26%,#2c2d46 31%,#2a2e4c 37%,#202f5a 47%,#012f6d 69%,#002f6d 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#002f6d',GradientType=0 ); /* IE6-9 */
    }

    #wrapper_inner_bbc_header
    {
        margin: 0 auto;
        padding: 10px;
        width: 980px;
    }

    #bbc_header
    {
        text-align: left;
        overflow: hidden;
    }

    #bbc_header_col1
    {
        float: left;
        padding-top: 10px;
        width: 76%;
    }

    #bbc_header_col2
    {
        float: right;
        width: 24%;
    }

    #bbc_header_mobile
    {
        display: none;
    }

    #wrapper_outer_bbc_footer
    {
        width: 100%;
        display:none;
    }

    #wrapper_inner_bbc_footer
    {
        margin: 0 auto;
        padding: 10px;
        width: 960px;
        color: #fff;
        text-align: left;
        background-color: #012F6D;
    }

    #bbc_footer
    {
        text-align: left;
        overflow: hidden;
    }

        #bbc_footer a
        {
            color: #fff;
        }

            #bbc_footer a:hover
            {
                background-color: transparent;
            }

    #bbc_footer_col1
    {
        float: left;
        padding-top: 10px;
        width: 30%;
        text-align: left;
    }

    #bbc_footer_col2
    {
        float: left;
        width: 40%;
        text-align: left;
    }

    #bbc_footer_col3
    {
        float: right;
        width: 30%;
    }






    /******ADDED FOR BELIN-BLANK NAVIGATION*********/
    #NavDiv
    {
        background-color: #C9C9C9;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        padding: 8px 0 6px;
        position: absolute;
        text-align: left;
        width: 980px;
        z-index: 1;
    }

        #NavDiv a, #NavDiv a:link, #NavDiv a:visited
        {
            background-color: #C9C9C9;
            border-top: medium solid #C9C9C9;
            border-right: thin solid #252525;
            color: #252525;
            line-height: 20px;
            padding: 8px 20px;
            text-decoration: none;
        }

            #NavDiv a:active, #NavDiv a:hover
            {
                background-color: #B9B9B9;
                border-top: medium solid #C9C9C9;
                border-right: thin solid #252525;
                color: #252525;
                line-height: 20px;
                padding: 8px 20px;
                text-decoration: none;
            }

        #NavDiv ul
        {
            list-style: none;
            display: inline;
            margin: 0;
            padding: 0;
        }

        #NavDiv li
        {
            display: inline;
            margin: 0;
            padding: 0;
        }

    #Navigation
    {
        display: inline-block;
    }

    #Social_Icons
    {
        display: inline-block;
        float: right;
        height: 20px;
        padding: 23px 20px 0 0;
        position: relative;
        z-index: 2;
    }

        #Social_Icons a, #Social_Icons a:hover
        {
            text-decoration: none;
            background-color: transparent;
        }

    #wrapper_outer_bbc_content
    {
        width: 100%;
        background: #f1f0f0;
    }

    #wrapper_inner_bbc_content
    {
        margin: 0 auto;
        padding: 10px;
        width: 980px;
    }

    #bbc_content
    {
        text-align: left;
        background: #ffffff;
        box-shadow: 0 10px 3px #252525;
        margin-bottom: -10px;
        padding: 20px;
        overflow: auto;
        width: 95.8%;
    }

    #bbc_content_col1
    {
        float: left;
        width: 68%;
        padding-right:2%;
        xmargin: 0 20px 0 0;
    }

    #bbc_content_col1_container
    {
        margin: 0 40px 0 0;
    }

    ul#bbc_content_col1_container
    {
        list-style-type: circle;
        list-style-position: inside;
    }

    #bbc_content_col2
    {
        float: right;
        width: 30%;
    }

    div.NewsListTopDiv
    {
        background-color: #ffffff;
        border: solid 1px #252525;
        margin: 10px 0 0 0;
        padding: 0 0 10px 0;
        width: 100%;
        
    }

    h2.NewsListHeading
    {
        background-color: #002f6d; /*change color*/
        color: #ffffff;
        font-size: 1.2em;
        font-weight: normal;
        margin: 0;
        padding: 10px;
        text-transform: uppercase;
    }

    h3.NewsListStoryTitle
    {
        margin-right: 5px;
        margin-left: 10px;
    }

    #wrapper_outer_coe_footer
    {
        height: 300px;
        width: 100%;
        background: #313030; /* Old browsers */
        background: -moz-linear-gradient(top, #313030 0%, #2a2a2a 25%, #161616 76%, #111111 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#313030), color-stop(25%,#2a2a2a), color-stop(76%,#161616), color-stop(100%,#111111)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #313030 0%,#2a2a2a 25%,#161616 76%,#111111 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #313030 0%,#2a2a2a 25%,#161616 76%,#111111 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #313030 0%,#2a2a2a 25%,#161616 76%,#111111 100%); /* IE10+ */
        background: linear-gradient(to bottom, #313030 0%,#2a2a2a 25%,#161616 76%,#111111 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313030', endColorstr='#111111',GradientType=0 ); /* IE6-9 */
    }

    #wrapper_inner_coe_footer
    {
    }

    #coe_footer
    {
        margin: 0 auto;
        padding: 10px;
        width: 980px;
        color: #ededed;
        text-align: left;
    }

        #coe_footer a
        {
            color: #ededed;
        }

            #coe_footer a:hover
            {
                background-color: transparent;
            }

    #coe_footer_row1_col1
    {
        float: left;
        display: inline-block;
    }

    #coe_footer_row1_col2
    {
        height: 80px;
        display: inline-block;
        padding-left: 100px;
    }

    #coe_footer_row1_col3
    {
        float: right;
        display: inline-block;
        padding-right: 100px;
    }

        #coe_footer_row1_col3 a
        {
            text-decoration: none;
        }


    #coe_footer_row2_col1
    {
        float: left;
        display: inline-block;
        font-size: .8em;
        width: 200px;
    }

    #coe_footer_row2_col2
    {
        font-size: .8em;
        display: inline-block;
        padding-left: 60px;
    }

    #coe_footer_row2_col3
    {
        float: right;
        display: inline-block;
        padding-right: 50px;
    }
}


/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



@media all and (max-width: 480px)
{

     .alumniBtn
    {
         border: 3px solid #002f6d;
    color: #002f6d;
    font-size: 25pt;
    margin: 3%;
    padding: 1%;
    text-align: center;
    width: 100%;
    }

    #wrapper_main
    {
    }

    #wrapper_outer_coe_header
    {
        height: 120px;
        background: #ffce00 url(imgs/plus-banner.png) no-repeat center top;
    }

    #coe_header
    {
        margin: 0 auto;
        width: 100%;
    }

    #coe_header_row1_col1
    {
        display: block;
        width: 100%;
        text-align: left;
    }

    #coe_header_row1_col2
    {
        display: block;
        width: 100%;
        text-align: left;
    }

    #coe_header_row1_col3
    {
        display: none;
        padding: 20px 0 0 0;
    }

    #wrapper_outer_bbc_header
    {
        height: 100%;
        width: 100%;
        background: #252525; /* Old browsers */
        background: -moz-linear-gradient(top, #252525 0%, #232528 5%, #2c2a3a 23%, #2c2b3e 24%, #2c2b3e 26%, #2c2d46 31%, #2a2e4c 37%, #202f5a 47%, #012f6d 69%, #002f6d 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#252525), color-stop(5%,#232528), color-stop(23%,#2c2a3a), color-stop(24%,#2c2b3e), color-stop(26%,#2c2b3e), color-stop(31%,#2c2d46), color-stop(37%,#2a2e4c), color-stop(47%,#202f5a), color-stop(69%,#012f6d), color-stop(100%,#002f6d)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #252525 0%,#232528 5%,#2c2a3a 23%,#2c2b3e 24%,#2c2b3e 26%,#2c2d46 31%,#2a2e4c 37%,#202f5a 47%,#012f6d 69%,#002f6d 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #252525 0%,#232528 5%,#2c2a3a 23%,#2c2b3e 24%,#2c2b3e 26%,#2c2d46 31%,#2a2e4c 37%,#202f5a 47%,#012f6d 69%,#002f6d 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #252525 0%,#232528 5%,#2c2a3a 23%,#2c2b3e 24%,#2c2b3e 26%,#2c2d46 31%,#2a2e4c 37%,#202f5a 47%,#012f6d 69%,#002f6d 100%); /* IE10+ */
        background: linear-gradient(to bottom, #252525 0%,#232528 5%,#2c2a3a 23%,#2c2b3e 24%,#2c2b3e 26%,#2c2d46 31%,#2a2e4c 37%,#202f5a 47%,#012f6d 69%,#002f6d 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#002f6d',GradientType=0 ); /* IE6-9 */
    }

    #wrapper_inner_bbc_header
    {
        margin: 0 auto;
        width: 100%;
    }

    #bbc_header
    {
        text-align: left;
        overflow: hidden;
        display: none;
    }

    #bbc_header_col1
    {
        float: left;
        padding-top: 10px;
        width: 76%;
    }

    #bbc_header_col2
    {
        float: right;
        width: 24%;
    }

    #bbc_header_mobile
    {
        background-color: #012F6D;
    }

    /******ADDED FOR BELIN-BLANK NAVIGATION*********/
    #NavDiv
    {
        background-color: #C9C9C9;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 100%;
    }

    #NavDiv a, #NavDiv a:link, #NavDiv a:visited
    {
        background-color: #C9C9C9;
        width: 100%;
        color: #252525;
        line-height: 40px;
        text-decoration: none;
        display: block;
    }

    #NavDiv a:active, #NavDiv a:hover
    {
        background-color: #B9B9B9;
        color: #252525;
        line-height: 40px;
        width: 100%;
        height:100%;
        text-decoration: none;
    }

    #NavDiv ul
    {
        list-style: none;
        display: inline;
        margin: 0;
        padding: 0;
    }

    #NavDiv li
    {
        display: block;
        width: 100%;
        margin: 0;
        height: 40px;
        text-align: center;
        font-size: large;
        border-bottom: 1px solid black;
    }

    #Navigation
    {
        display: block;
    }

    #Social_Icons
    {
        display: block;
        background-color: #C9C9C9;
        margin-left: auto;
        margin-right: auto;
        padding: 4px 0 0 0;
        text-align: center;
        height: 30px;
        width: 100%;
    }

    #Social_Icons a, #Social_Icons a:hover
    {
        text-decoration: none;
        background-color: transparent;
        width: 100%;
    }

    #wrapper_outer_bbc_content
    {
        display: block;
        width: 100%;
        background: #f1f0f0;
    }

    #wrapper_inner_bbc_content
    {
        display: block;
        margin: 0 auto;
        width: 100%;
    }

    #bbc_content
    {
        display: block;
        text-align: left;
        background: #ffffff;
        overflow: auto;
        width:99%;
    }

    #bbc_content_col1
    {
        display: block;
        width: 100%;
    }

    #bbc_content_col1 p, h1
    {
        padding: 3%;
    }

    #bbc_content_col1_container
    {
        margin: 0 40px 0 0;
    }

    ul#bbc_content_col1_container
    {
        list-style-type: circle;
        list-style-position: inside;
    }

    #bbc_content_col2
    {
        display: block;
        width: 100%;
    }

    div.NewsListTopDiv
    {
        background-color: #ffffff;
        border: solid 1px #252525;
        margin: 10px 0 0 0;
        padding: 0 0 10px 0;
        width: 99%;
        display: block;
        clear:both;
    }

    h2.NewsListHeading
    {
        background-color: #002f6d; /*change color*/
        color: #ffffff;
        font-size: 1.2em;
        font-weight: normal;
        margin: 0;
        padding: 10px;
        text-transform: uppercase;
    }

    h3.NewsListStoryTitle
    {
        margin-right: 5px;
        margin-left: 10px;
    }

    
    #wrapper_outer_bbc_footer
    {
        width: 100%;
        display:none;
    }

    #wrapper_inner_bbc_footer
    {
        margin: 0 auto;
        xpadding: 10px;
        width: 100%;
        color: #000000;
        text-align: left;
        background-color: #c9c9c9;
    }

    #bbc_footer
    {
        text-align: left;
        overflow: hidden;
        width: 100%
    }

        #bbc_footer a
        {
            color: #000000;
        }

            #bbc_footer a:hover
            {
                background-color: transparent;
            }

    #bbc_footer_col1
    {
        float: left;
        padding-top: 10px;
        width: 10%;
        text-align: left;
    }

    #bbc_footer_col2
    {
        float: left;
        width: 80%;
        text-align: left;
        padding-top: 3%;
        padding-bottom: 3%;
    }

    #bbc_footer_col3
    {
        float: right;
        width: 10%;
    }

    #wrapper_outer_coe_footer
    {
        height: 300px;
        width: 100%;
        background: #313030; /* Old browsers */
        background: -moz-linear-gradient(top, #313030 0%, #2a2a2a 25%, #161616 76%, #111111 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#313030), color-stop(25%,#2a2a2a), color-stop(76%,#161616), color-stop(100%,#111111)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #313030 0%,#2a2a2a 25%,#161616 76%,#111111 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #313030 0%,#2a2a2a 25%,#161616 76%,#111111 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #313030 0%,#2a2a2a 25%,#161616 76%,#111111 100%); /* IE10+ */
        background: linear-gradient(to bottom, #313030 0%,#2a2a2a 25%,#161616 76%,#111111 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313030', endColorstr='#111111',GradientType=0 ); /* IE6-9 */
    }

    #wrapper_inner_coe_footer
    {
    }

    #coe_footer
    {
        margin: 0 auto;
        xpadding: 10px 0 0 10px;
        width: 100%;
        color: #ededed;
        text-align: left;
    }

    #coe_footer a
    {
        color: #ededed;
    }

    #coe_footer a:hover
    {
        background-color: transparent;
    }

    #coe_footer_row1_col1
    {
        xfloat: left;
        display: block;
        text-align: left;
    }

    #coe_footer_row1_col2
    {
        height: 80px;
        display: block;
        padding-right: 100px;
        text-align: left;
    }

    #coe_footer_row1_col3
    {
        xfloat: right;
        display: block;
        padding-right: 100px;
    }

    #coe_footer_row1_col3 a
    {
        text-decoration: none;
    }


    #coe_footer_row2_col1
    {
        float: left;
        display: inline-block;
        font-size: .8em;
        width: 200px;
    }

    #coe_footer_row2_col2
    {
        font-size: .8em;
        display: inline-block;
        padding-left: 60px;
    }

    #coe_footer_row2_col3
    {
        float: right;
        display: inline-block;
        padding-right: 50px;
        display: none;
    }
}