/******All Templates********/
body { background-color: #eeeeee; }
#Page { width: 750px; }
#Header { background-color: #aaaaaa; }
#Content { background-color: #cccccc; }
#Column1, #Column2, #Column3, #Feature { background-color: #cccccc; }
#Footer { background-color: #aaaaaa; }

/******Base Template 2******/
#Column1
{
    width: 550px;
    margin: 10px 10px 0 0;
}
#Column2
{
    margin: 10px 0 0 0;
    width: 190px;
}

@charset "utf-8";

/* IE Styles */
.lt-ie10 .navigation > ul > li > a { padding:12px 11px 13px 11px; }
.lt-ie10 #Column2 #RememberMe, .lt-ie9 #Column2 #RememberMe  { margin-left: 0; margin-top: 6px; }
.lt-ie9 .navigation ul ul { background: #5491d0 url('http://www.magnet.edu/files/images/design/navigation-sub-bg-repeat.jpg') top left repeat-x; }
.lt-ie9 .navigation ul li:last-child ul { right: 0; }
.lt-ie8 .remember-me { display: block; margin-top: 10px; margin-bottom: 15px; }
.lt-ie8 .search input:first-child { width: 180px; height: 23px; }
.lt-ie8 .blue-top p { margin-top: -7px; }
.lt-ie8 #header { position: relative; z-index: 500; }
/* Global styles */
html, body {
    margin: 0; 
    padding: 0;
    min-height: 100%;
}

#Page { width: 100%; }

#Head-Wrap, #Content-Wrap, #Foot-Wrap { 
    width: 920px; 
    margin: 0 auto; 
    position: relative;
    padding-bottom: 25px;
}


#Content, #Footer { 
    background: none; 
}

body { 
    background: -webkit-linear-gradient(top, #f7f6f4 10%, #e0ded4 100%);
    background: -moz-linear-gradient(top, #f7f6f4 10%, #e0ded4 100%);
    background: -ms-linear-gradient(top, #f7f6f4 10%, #e0ded4 100%);
    background: -o-linear-gradient(top, #f7f6f4 10%, #e0ded4 100%);
    background-color: #e0ded4;
    margin: 0;
    padding: 0;
}

.lt-ie10 body {
    background: #e0ded4 url(../files/images/design/bg-pattern.jpg) top repeat-x;
}


h1, h2, h3, p, ul, ol, li, div {
    font-family: Arial, Helvetica, sans-serif;
}

p, li { 
    font-size: 12px; 
    color: #343434;
}

a, a:active, a:visited { 
    color: #184fa3;
    text-decoration: none;
    font-weight: 700;
}

a:hover, p a:hover, li a:hover {
    text-decoration: none;
}

p a:hover, li a:hover {
    color: #3d85f1;
}

.showcase-caption p {
    color: #fff;
}

#Column2 p, #Column2 li { 
    color: #95d6ff;
}

#Column2 {
    width: 272px;
    margin: 0;
    background: none; 
}

h1, h2, h3 { 
    color: #184fa3;
    font-weight: 400;
}

h1 {
    margin: 15px 0;
}

h2 {
    margin: 25px 0 0 0;
    color: #747474;
    font-size: 21px;
}

h3 {
    font-size: 19px;
}

h1 span, h2 span, h3 span { 
    font-weight: 700; 
}

#Column2 h2 { 
    color: #ffeb66;
    margin: 15px 0 0 -10px;
}

#Column2 h4 { 
    color: #ffeb66;
    margin: 15px 0 0 -10px;
}


h3 { 
    color: #ffeb66;
    margin: 10px 0 0 0;
    font-size: 23px;
}

h4 {
    line-height: 1.5em;
    font-size: 15px;
}

#Column2 a {
    color: #fff;
    font-weight: 400;
}

#Column2 a:hover {
    color: #ffeb66;
}

.breadcrumb {
    color: #a1a1a1;
}

/* End global styles */


/* Header styles */
#Header { 
    background: #fff; 
    border-bottom: 1px solid #e1ddd0;
    padding: 0;
}

#Head-Wrap { 
    height: 152px;
}

#logo { 
    background: url('../files/images/design/logo.jpg') top left no-repeat; 
    position: absolute;
    top: 38px; 
    width: 330px;
    height: 104px;
}

#logo a {
    display: block;
    height: 100%;
    width: 100%;
    text-indent: -9999em;
}

.SearchContainer { position: absolute; right: 4px; top: 53px; }

.navigation {
    position: absolute;
    height: 39px;
    width: 920px;
    bottom: -39px;    
    background: url('../files/images/design/navigation-bg-repeat.jpg') top left repeat-x;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    box-shadow: 0 11px 14px -12px #000
}

.navigation > ul {
    margin: 0 auto;
    padding: 0;
    height: 100%;
    width: 885px;
}

.navigation > ul > li {
    float: left;
    list-style-type: none;
    position: relative;
    margin: 0;
}

.navigation > ul > li > a {
    padding: 13px 29.5px 14px 29.5px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    display: block;
    border-radius: 3px;
    text-shadow: 2px 2px 1px #144185;
}

.navigation > ul > li:hover > a {
    color: #ffeb66;
}

.navigation ul ul { 
    margin: 0;
    background: -webkit-linear-gradient(top, #2c6abc 10%, #5592d1 100%);
    background: -moz-linear-gradient(top, #2c6abc 10%, #5592d1 100%);
    background: -ms-linear-gradient(top, #2c6abc 10%, #5592d1 100%);
    background: -o-linear-gradient(top, #2c6abc 10%, #5592d1 100%);    
    box-shadow: inset 0 2px 16px 0 #123A92;
    border: 2px solid #fff;
    border-top: none;
    width: 212px;
    position: absolute;
    left: 0;
    top: 39px;
    display: none;
    z-index: 20;
    padding: 10px 0;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.lt-ie10 .navigation ul ul {
    background: #5592d1 url(../files/images/design/navigation-sub-bg-repeat.jpg) top repeat-x;
}

.navigation ul ul li {
    list-style-type: none;
    height: 26px;
    border-bottom: 1px solid #5E97D3;
    margin: 0;
}

.navigation ul ul li a {
    padding-left: 20px;
    height: 19px;
    padding-top: 7px;
    display: block;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
}

.navigation ul ul li a:hover {
    background: #1f53a9;
}

.navigation ul ul li:last-child {
    border: none;
}

.navigation ul li:last-child ul {
    right: 0;
    left: initial;
}

ul.wide {
    width: 335px!important;
}

.blue-top {
    box-shadow: inset 0 14px 0 -7px #2961ab;
    width: 505px; 
    height: 104px;
    position: absolute;
    right: 0;
    top: 29px;
    background: #2d6bbc;
    border-radius: 7px;
}

.social {
    margin-left: 20px;
    margin-top: 24px;
}

.social a { 
    display: block;
    width: 100%;
    height: 100%;
}

.newsletter, .facebook, .twitter { 
    background: url('../files/images/design/social-bg.jpg') top left no-repeat;
    float: left;
    display: block;
    text-indent: -9999em;
    height: 32px;
    margin: 0 13px 0 0;
}

.newsletter:hover, .facebook:hover, .twitter:hover {
    background: url('../files/images/design/social-bg-hover.jpg') top left no-repeat;
}

.newsletter {
    width: 90px;
}

.facebook, .facebook:hover {
    width: 31px;
    background-position: -91px 0;
}

.twitter, .twitter:hover {
    width: 31px;
    background-position: -122px 0;
}

.blue-top p { 
    color:white;
    font-size: 12px;
    text-align: center;
    margin-top: 20px;
}

.search {
    float: left;
    width: 290px;
    height: 30px;
}

.search input:first-child  {
    width: 235px;
    box-shadow: inset 2px 2px 7px -2px #5e5e5e;
    margin: 0;
    border: none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    height: 28px;
    padding: 2px 0 0 10px
}

.search input:focus {
    outline: -webkit-focus-ring-color auto 0px;
}

.search .search-button {
    box-shadow: inset -3px 4px 8px -4px #000;
    color: white;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    padding: 0 10px;
    background: #1851a5;
    height: 30px;
    margin: 0 0 0 -4px;
    border: none; 
    cursor: pointer;
    font-weight: 700;
    position: absolute;
}

.search-button:hover {
    background: #ffeb68;
    color: #2d6bbc;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

#Column2 .warning {
    color: #FFD83C;
    margin-bottom: 0px;
}

.Error li { color: red; }

/* End header styles */


/* Body styles */

#Content { 
    margin-top: 51px;
}

#Content-Wrap {
    background-color: #fff;
    box-shadow: 0 13px 14px -12px #000;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    border: 1px #e0ded4 solid;
    padding-bottom: 6px;
}

#Content-Wrap p, #Content-Wrap li {
    line-height: 1.75em;
}

#Column1 {
    margin: 0;
    padding: 0 27px 25px 27px;
    width: 594px;
    float: left;
    background: #fff;
    border-top: 7px solid #F1F1F1;
    border-bottom-left-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    border-top-left-radius: 8px;
}

#Content-Wrap #Column2 fieldset .Basic-Content {
    border-radius: 0px 8px 0px 8px; 
}

#Column2 .Basic-Content {
    margin: 0;
    padding: 0 30px 10px 30px;; 
    float: right;
    width: 212px;
    background: -webkit-linear-gradient(top, #3f82c4 10%,  #184fa3 100%);
    background-color: #184fa3;
    border-top: 7px solid #3c7dba;
    border-bottom: 7px solid #164894;
    border-radius: 8px 0 0 8px;
    margin-bottom: 15px;
}



#Column2:after {
    clear: both;
}

#Column2 ul, #Column2 ol { 
    padding: 0;
    margin-left: 0;
    margin-bottom: 0;
    margin-right: 0;
}

#Column1 ul, #Column1 ol {
    padding-left: 20px;
    margin-left: 0;
    margin-bottom: 0;
    margin-right: 0;
}

#Column1 ul li {
    list-style-image: url('../files/images/design/blue-bullet.png');
    margin-bottom: 20px;
}

#Column2 ul li {
    list-style-image: url('../files/images/design/yellow-bullet.png');
}
#Column2 ul li, #Column2 ol li  {
    margin-bottom: 10px;
}

.Page-1 #Column2 ul li {
    margin-bottom: 20px;
}

ul li ul, ol li ol, ul li ol, ol li ul {
    margin-bottom: 10px;
}

ul li ul li a {
    font-weight: 400;
}

#Column1 ol.webinars li {
    border-bottom:1px solid #e9e9e9;
    margin: 30px 0;
    line-height: initial;
}

.sitemap #Column1 {
    width: 865px;
}

.button {
    height: 37px;
    position: relative;
    box-shadow: 0 2px 8px 1px #123E82;
}

.button.yellow a, .button.yellow input {
    padding: 10px 20px 10px 20px;
    width: 100%;
    background: url('../files/images/design/button-yellow-bg-repeat.jpg') top left repeat-x;
    position: relative;
    top: 10px;
    height: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    color:  #676765!important;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700!important;
}

.button.yellow input { height: 27px; cursor: pointer; padding-bottom: 25px; border: none; top: -2px; }

.button.yellow a:hover {
    top: 12px;
}

.button.yellow input:hover { top: 0px; }

.button.yellow {
    margin-right: 15px;
    background: #a59844;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: left;
}
.showcase .button {
    box-shadow: 0 2px 8px 1px #123E82!important;
}
#Column1 .button.yellow a {
    width: 100%;
}
#Column1 .button {
    box-shadow: 0 2px 8px 1px #D2D2D2;
}

#showcase { 
    width: 589px;
    position: relative;
    margin: 0 auto;
    background: url('../files/images/design/banner-bg.jpg') top left no-repeat;
}

.showcase-caption { 
    position: absolute;
    top: 0;
    left: 45px;
    color: white;
}

.showcase-arrow-previous, .showcase-arrow-prev {
    position: absolute;
    top: 76px;
    left: -6px;
    background: url('../files/images/design/slider-previous.png') top left no-repeat;
    height: 57px;
    width: 38px;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999em;
    margin-left: -6px;
    margin-top: -25px;
}

.showcase-arrow-next, .showcase-arrow-next {
    position: absolute;
    top: 76px;
    right: -5px;
    background: url('../files/images/design/slider-next.png') top left no-repeat;
    height: 57px;
    width: 38px;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999em;    
    margin-right: -6px;
    margin-top: -25px;
}

.showcase-arrow-previous:hover, .showcase-arrow-prev:hover { 
    background: url('../files/images/design/slider-previous-hover.png') top left no-repeat; 
} 

.showcase-arrow-next:hover, .showcase-arrow-next:hover{ 
    background: url('../files/images/design/slider-next-hover.png') top left no-repeat; 
}

.block { 
    border: 2px solid #dedede;
    border-radius: 7px;
    padding: 0 20px;
    margin-bottom: 10px;
    -webkit-transition: all 150ms ease-in-out;
}

.block:hover { 
    border: 2px solid #184fa3;
}

.share-print { 
    float: right; 
    margin-top: 24px;
}

.share-print a { 
    color: #b6b6b6;
    text-decoration: none;
    font-size: 12px; 
    margin-right: 12px;
}

.share-print a:hover {
    color: #184FA3;
}

#Column1 img {
    border: 6px #fff solid;
    margin: 5px 10px 10px 10px;
    box-shadow: 0 1px 5px 0 #d2d2d2;
}

hr {
    color:#e9e9e9;
    background-color:#e9e9e9;
    height:1px;
    border:1px;
    margin: 25px 0;
}

#RememberMe {
    width: 15px!important;
    float: left;
    margin-left: 10px;
}

.remember-me-chk input {
    width: 15px!important;
    float: left;
    margin: 10px 0 0 0;
}

.remember-me {
    float: left;
    margin: 6px 0px 0px 10px;
}

.fyp { margin-top: 10px; }

.fyp a { margin-left: 13px; }

.L1, .Field input { outline: none; padding-left: 10px; border-radius: 4px; border: none; height: 30px; margin: 4px 0 4px 0; width: 200px; }

fieldset p { margin: 0; }

.Field { margin-bottom: 6px; }

#Column1 fieldset { position: relative; }

#Column1 .Field { height: 40px; width: 80%; position: relative; }

#Column1 .Field.MultiLineText { height: auto; }

#Column1 .Field.MultiLineText:after { content: " "; display: table; clear: both; }

#Column1 .Field.MultiLineText textarea { font-family: Arial, Helvetica, sans-serif; float: left; margin-left: 190px !important; padding: 5px 10px; border-radius: 6px; border: 1px solid #ccc; width: 360px; max-width: 360px; min-width: 360px; min-height: 150px; outline: none; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; }

#Column1 label { position: absolute; top: 15px; color: #6c6c6c; font-size: 13px; font-family: arial, helvetica, sans-serif; }

#Column1 .Field input { position: absolute; border: 1px solid #ccc; border-radius: 6px; height: 33px; padding-left: 10px; right: 15px; width: 260px; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; }

#Column1 .Field input:hover, #Column1 .Field textarea:hover { border: 1px solid #e3e3e3; }

#Column1 .Field input:focus, #Column1 .Field textarea:focus { border: 1px solid #79B3DC; }

hr:after {
    clear: both;
}

.back-to-top {
    color: #80c17a!important;
}

.back-to-top:hover  {
    color: #98ce90!important;
}

/* End body styles */


/* Footer styles */

.footer-navigation ul {
    height: 20px;
    width: 810px;
    margin: 30px auto 5px auto;
    padding: 0; 
}

#Foot-Wrap li {
    float: left; 
    list-style-type: none;
    margin: 0 34px;
}

#Foot-Wrap li a, #Foot-Wrap p a {
    color: #6a6860;
    text-decoration: none;
    font-size: 12px;
}

#Foot-Wrap li a:hover, #Foot-Wrap p a:hover {
    text-decoration: underline;
}

#Foot-Wrap p {
    font-size: 12px; 
    color: #6a6860;
    text-align: center;
}

#Foot-Wrap .copyright {
    color: #878787;
    font-size: 12px;
    text-align: center;
    margin: 0;
}

/* End footer styles */

.clearfix:after, #Content-Wrap:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear {
    height: 0;
    clear: both;
}

#awkward {
    margin-bottom: 25px;
}
.bod-column {
    /* float: left; */
    border: 1px solid #D8D8D8;
    /* width: 44%; */
    padding: 5px 5px 5px 15px;
    margin: 0 5px 12px 5px;
    border-radius: 7px;
}
.bod-column h2 {
    margin-top: 0px;
}

.Block-123 {
    min-height: 270px;
}

.Block-10 img {
    border: 0!important;
    box-shadow: none!important;
    margin: 0!important;
}

.Page-11 #Column1 img {
    border: 0!important;
    box-shadow: none!important;
    margin: 0!important;
}

/* CMS Slider */
.showcase-slide-container { border: 2px solid #2374ce; border-radius: 8px; }
.showcase-content { border-radius: 0px 7px 7px 0; background: transparent url('http://www.magnet.edu/files/images/design/bg-slider.jpg') top right no-repeat; }
.sbi-element.awkward-slider { width: 589px; }
.showcase-caption { left: 34px!important; right: 210px!important; }
a.showcase-image.sbi-image { left: 385px!important; overflow: hidden; }
a.showcase-image.sbi-image img { border: none; margin: none; box-shadow: none; }
.sbi-editable h3 { font-family: arial, helvetica, sans-serif; font-size: 18px; font-weight: bold; line-height: 22px; }
#Column1 img.sbi-image { border: none; margin: 0; box-shadow: none; }
.showcase p { color: #fff; }
.showcase p a { color: #99dfff; }
#Column1 .showcase-slide-container img {
    border: none;
    margin: 0;
    box-shadow: none;
}

/* Location finder */
.rs-info {
    width: 260px;
    float: left;
    margin-right: 20px;
    line-height: 1.0em; 
}
.rs-info ul li {
    margin-bottom: 0;
}


#ctl04_ctl04_divBlock, #ctl04_ctl03_divBlock {
    border-radius: 0px 8px 0px 8px!important;
}

.paypal-donate {
    margin: 0 auto;
    width: 152px;
}

.location-map-ban {
    width: 594px;
    height: 195px;
    background: url('../files/images/design/banner-map.jpg') top left no-repeat;
    position: relative;
}

.location-map-ban .button {
    position: absolute;
    top: 150px;
    right: 36px;
}

#Foot-Wrap .footer-highlight { color: #13067a; }

.bct-link {
    color: #938F7C !important;
    clear: left;
    width: 410px;
    font-size: 1em !important;
    margin: 0 auto;
}
.bct-link a {
    color: #938F7C !important;
    font-size: 1em!important;
}{2|0|0|}