/**************************************/
/*              @ GLOBALS             */
/**************************************/

/*.row {max-width: 75em !important;}*/
.full-width{max-width: 100%!important;margin-left: auto;margin-right: auto;max-width: initial;}

.floatL { float: left; }

.floatR { float: right; }

/*html { background-color:#FFFFFF; background-image: url(img/bg-bottom.jpg); background-position:bottom; background-repeat:repeat-x; height: auto; }*/

.header{ background-color:#08c6e0!important; background-position:top; background-repeat:repeat-x; color: #333; font-size: 12px; height: auto; width:100%; }

#main { background-color:#FFF; }

#pagination { margin: 0 0 30px; padding: 20px 0; }

#pagination ul { list-style: none; margin: 0; padding: 0; }

#pagination li { background: none; display: inline; float: left; margin: 0; padding: 0 10px 0 0; }

#pagination li span, #pagination li a { text-align: center; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; display: block; font-weight: bold; font-size: 12px; line-height: 12px; width: 12px; height: 12px; padding: 8px; }

#pagination li span { background: #ccc; color: #222; text-shadow: 1px 1px 0 #ddd; }

#pagination li a { background: #525252; color: #fff; }

#pagination li a:hover { text-decoration: none; }

/**************************************/
/*           @ HEADER            */
/**************************************/


#headline {/*background-color:#09C8E2;*/ color:#ffffff;}
#headline h1 {font-size: 1.8em !important;font-weigght:700!important;color: #FFFFFF!important;padding-top: 30px; /*margin-left:100px;*/}

.headblue h1{padding-top:40px;}

.headgreen{padding-top:0px!important;background-color:#018114!important;border-top: 20px solid #015f0f!important;}

.headred {padding-top:0px!important; background-color:#C32A00!important;border-top: 20px solid #AA2600!important;}
.headblue{padding-top:40px!important; background-color:#067988!important;}
.headdkblue {padding-top:0px!important; background-color:#08bcdd!important;border-top: 20px solid rgba(9, 203, 228, 0.20) !important;}

.red{background-color:#C32A00!important;}
.red a{color:#ffffff!important;}
.blue{color:#fffffff!important;background-color:#067988!important;}
.green {background-color:#018114!important;}
.green a {color#ffffff!important;}




/* Search Form */

:focus {/* remember to define focus styles! */ outline: 0; }

#search input[type=text], input[type=password], textarea {
background: # ffafa; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); border: 1px solid #ddd; color: #4D4F53; }

#search input[type=text]:focus, textarea:focus { color: #373737; }

#search textarea { padding-left: 3px; width: 98%; }

#search input[type=text] { padding: 3px; }

#search input#s, #search input#q {-moz-border-radius: 2px; border-radius: 2px; margin-left:50px; height:30px;}

#search input#searchsubmit {display: none;}

#search input#s, #search input#q {background: transparent url("/global/gfx/search.png") no-repeat scroll 5px 6px;border-radius: 2px;font-size: 14px;height: 30px;line-height: 1.2em;padding: 4px 10px 4px 28px;}

/* Assistive text */
.assistive-text { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); left: -800px; }

#search #searchform { margin: 0 4em 2em 0; text-align: left; }

#search #searchform div { margin: 0; }

#search #s, #search input#q { -webkit-transition-duration: 400ms; -webkit-transition-property: width, background; -webkit-transition-timing-function: ease; -moz-transition-duration: 400ms; -moz-transition-property: width, background; -moz-transition-timing-function: ease; -o-transition-duration: 400ms; -o-transition-property: width, background; -o-transition-timing-function: ease; width: 200px; }

#search #s:focus { background-color: #fff; width: 196px; }

#search #searchsubmit { display: none; }

#search .only-search #searchform { top: 5px; z-index: 1; }

#search.only-search #s { background-color: #666; border-color: #000; color: #222; }

#search .only-search #s, #branding .only-search #s:focus { width: 85%; }

#search .only-search #s:focus { background-color: #bbb; }

#search .with-image #searchform { top: auto; bottom: -27px; max-width: 195px; }

#search .only-search + #access div { padding-right: 205px; }

/**************************************/
/*           @ NAVIGATION             */
/**************************************/

/*top main navigation*/

.top-bar {background: #ffffff!important; color:#333!important;}
.top-bar-section ul li > a {color: #007095!important; background:#ffffff!important;}
.top-bar-section ul li> a:hover {color:#333!important; background:#ffffff!important;}
.top-bar .toggle-topbar.menu-icon a {color: #333!important;}
.top-bar-section li:not(.has-form) a:not(.button) {background: #ffffff!important;}
.top-bar ul li{background-color:#ffffff!important; color:#333!important;}
.top-bar.expanded .title-area {background: #fff none repeat scroll 0% 0%; overflow: visible;}
.top-bar .toggle-topbar.menu-icon a span::after {box-shadow: 0px 0px 0px 1px #000, 0px 7px 0px 1px #000, 0px 14px 0px 1px #000;}
.top-bar.expanded {background: transparent none repeat scroll 0% 0%;height: auto;}


/*homepage buttons*/

/**************************************/
/*           @ Buttons             */
/**************************************/

ul.iyg-access { font-size: .875em; list-style: none; margin: 2em 0 2em 0; padding: 0; text-align: left; white-space: nowrap; }

ul.iyg-access li { display: inline; margin: 0 5px 0 0; }

ul.iyg-access a { color: #222222; text-decoration:none; }

.button {font-size:.875em!important; margin: 0.875em!important;border-radius:5px!important;/*background-color: #067988!important;*/padding:.825em!important;/*padding-left: 0.5em!important;
    padding-right: 0.5em!important;*/ display:block;}
.button a {color:#282828;margin: 2.2em!important; /*padding-left: 2.2em!important;*/}
 button:hover, button:focus, .button:hover, .button:focus {background-color: #EDEDED!important; color:#282828!important;}
.buttonwrapper{width:100%; position:relative;bottom:0px;}
.text-center{text-align:center!important;}


.clean-gray { background-color: #eeeeee; background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc); background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); background-image: -ms-linear-gradient(top, #eeeeee, #cccccc); background-image: -o-linear-gradient(top, #eeeeee, #cccccc); background-image: linear-gradient(top, #eeeeee, #cccccc); border: 1px solid #ccc; border-bottom: 1px solid #bbb; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #333; font: 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; line-height: 1; padding: 5px; text-align: center; text-shadow: 0 1px 0 #eee;  }

.clean-gray:hover { color: #333; background-color: #dddddd; background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); background-image: linear-gradient(top, #dddddd, #bbbbbb); border: 1px solid #bbb; border-bottom: 1px solid #999; cursor: pointer; }

.clean-gray:active { border: 1px solid #aaa; border-bottom: 1px solid #888; -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; }

ul.redNav { margin-bottom: 1em; padding: 0; list-style:none; margin-left:0!important; }

.redNav .blue { width:310px; background: #0BDAEC; /* Show a solid color for older browsers */ background: -moz-linear-gradient(#0BDAEC, #06B9DA); background: -o-linear-gradient(#0BDAEC, #06B9DA); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0BDAEC), to(#06B9DA)); /* Older webkit syntax */ background: -webkit-linear-gradient(#0BDAEC, #06B9DA); }

ul.redNav li { margin: 0 0 .8em 0; line-height:140%; font: normal 1.2em/100% Verdana, Geneva, sans-serif, Times, serif; color: #fff; margin: .8em 0 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #E74600; /* Show a solid color for older browsers */ background: -moz-linear-gradient(#E74600, #D42601); background: -o-linear-gradient(#E74600, #D42601); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E74600), to(#D42601)); /* Older webkit syntax */ background: -webkit-linear-gradient(#E74600, #D42601); }

ul.redNav a { display: block; color: #FFF; padding: 12px 0 12px 40px; text-decoration: none; }

ul.redNav a:hover { background-color: #ccc; color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.login{ background-image:url(/global/gfx/icon-login.png); background-position:left; background-repeat:no-repeat; }

.registration{ background-image:url(/global/gfx/icon-registration.png); background-position:left; background-repeat:no-repeat; }

.research{ background-image:url(/global/gfx/icon-research.png); background-position:left; background-repeat:no-repeat; }

.requirements{ background-image:url(/global/gfx/icon-requirements.png); background-position:left; background-repeat:no-repeat; }

.training{ background-image:url(/global/gfx/icon-training.png); background-position:left; background-repeat:no-repeat; }

.faq{ background-image:url(/global/gfx/icon-faq.png)!important; background-position:left; background-repeat:no-repeat; }

.email{ background-image:url(/global/gfx/icon-email.png)!important; background-position:left center!important; background-repeat:no-repeat; color:#ffffff!important; }

/**************************************/
/*            @ mainContent           */
/**************************************/
.mainContent.sub { min-height:300px; }
.mainContent h1{ font: bold 2em/100% Verdana, Geneva, sans-serif!important; color: #62646B; margin: .4em 0 .4em 0; padding-top: 10px; line-height: 140%; }

.mainContent h2 {font-size:1.6em!important; font-family:Verdana, Geneva, sans-serif!important; color:#336f9d!important; line-height: 140%; margin-bottom: 0.2em; }

.mainContent h3{font-size:1.2em!important; font-family:Arial, Helvetica, sans-serif!important; color:#336f9d; line-height: 130%; line-height: 140%; }

.mainContent h4{ font-size:1.2em!important; font-weight:bold; font-family:Arial, Helvetica, sans-serif!important; color: #666666; background:#F4F4F4 none repeat scroll 0 0; border-bottom:1px solid #DDDDDD; border-top:1px solid #DDDDDD; padding:0.5em 0.2em; line-height: 140%; }

.mainContent p{ font-size: 1em;color: #333333!important; overflow: hidden;}
.mainContent hr{ margin-bottom: 2em; }
.mainContent a{color:#336f9d!important; text-decoration:underline;}

/*  homepage buckets  */

.bucket { margin-right: 35px; }

.bucket img { margin: 15px 0; border: 1px solid #E4E7E9; }

.bucket p { font-size: .875em; }

/*  text styles borrowed from the bluetrip css framework  */
.error, .notice, .success, .wpcf7-mail-sent-ok { padding:.8em; margin-bottom:1.6em; border:2px solid #ddd; }




.error { background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4; }

.notice { background:#FFF6BF; color:#514721; border-color:#FFD324; }

.success,.wpcf7-mail-sent-ok { background:#E6EFC2; color:#264409; border-color:#C6D880; }

.error a { color:#8a1f11; background:none; padding:0; margin:0; }

.notice a { color:#514721; background:none; padding:0; margin:0; }

.success a { color:#264409; background:none; padding:0; margin:0; }

.small { font-size:.8em; margin-bottom:1.875em; line-height:1.875em; }

.large { font-size:1.2em; line-height:2.5em; margin-bottom:1.25em; }

.hide { display:none; }

.quiet { color:#666; }

.loud { color:#000; }

.highlight { background:#ff0; }

ul li { margin-left: .85em!important; font-size:1em!important; }

ul { list-style-type: none; }

ul ul { list-style-type: square; }

ul ul ul { list-style-type: circle; }

ol { list-style-position: outside; list-style-type: decimal; }

dt { font-weight: bold; }

ul.media { margin-bottom: 1em; padding: 0; list-style:none; }

ul.media h3 a { margin-bottom: 3px; }

ul.media li { margin: 0 0 .8em 0; border-bottom:thin dotted #CCCCCC; }

ul.media a { color: #870B09; text-decoration: none; }

ul.media a:hover { background-color: #F4F4F4; }

.thumbnail { float:left; margin: 5px 5px 5px 0; border: #F4C101 1px solid; }

.thumbnail-nb { float:left; margin: 5px 10px 15px 0; }

.thumbnail-extra { float:left; margin: 5px 20px 15px 0; }

/* table styles*/




table.oah {padding: 0!important;font-size: 0.875em!important;}
.mainContent table { border-top: 1px solid #ccc; border-left: 1px solid #ccc; width:100%!important; }

.mainContent th, td { border-bottom: 1px solid #ddd!important; border-right: 1px solid #ccc!important; }

.mainContent table tr th, table tr td {color: #222222;font-size: .875em;padding: 0.5!important;text-align: left;}
.mainContent ol, ul,li{font-size:.875em!important;}

#about-table th { background-color:#067988; color: #fff; font-size: .875em; font-weight:bold; text-align:center; vertical-align: middle; }

#about-table { border: 1px solid #067988; margin:10px; }

#about-table span.number { color: #067988; font-size: .875em; font-weight:bold; vertical-align: middle; }

#about-table td { border-bottom: 1px solid #067988 !important; vertical-align:middle; }

#about-table th, td { padding: .5em; }

#about-table table { border-top: none; border-left: none; }

#about-table th, #about-table td {
border-bottom: none!important!important; border-right: none!important; }

#about-table .border-right { border-left: 1px solid #067988 !important; }

#about-table span tr td{color: #222222;font-size: 0.875em;padding: 0.5em!important;text-align: left;}

/* Forms */
input[type=text], input[type=password], textarea { background: #fafafa; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); border: 1px solid #ddd; color: #888; }

input[type=text]:focus, textarea:focus { background: #FFF6BF; }

textarea { padding-left: 3px; width: 98%; }

input[type=text] { padding: 3px; }

input#s, input#q { background: url(/global/gfx/search.png) no-repeat 5px 6px; -moz-border-radius: 2px; border-radius: 2px; font-size: 14px; height: 22px; line-height: 1.2em; padding: 4px 10px 4px 28px; }

input#searchsubmit { display: none; }

/* end Forms */


/*** NO LINK ICON (use class="noicon" to remove the link icon from a specific link) ***/
body a.noicon { background:none !important; padding:0 !important; margin:0 !important; }

/*** LINK PADDING FOR ICONS ***/

a[href^="mailto:"], a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"], a[href$=".rss"], a[href$=".rdf"], a[href^="aim:"] { padding:2px 22px 2px 0; margin:-2px 0; background-repeat: no-repeat; background-position: right center; }

/*** EXTERNAL LINK ICONS ***/

a[href^="mailto:"] { background-image: url(/global/gfx/email.png); }

/*** FILE LINK ICONS ***/
a[href$=".pdf"] { background-image: url( /global/gfx/pdf.png); }

a[href$=".doc"] { background-image: url(/global/gfx/doc.png); }

a[href$=".xls"] { background-image: url(/global/gfx/xls.png); }

/*** MISCELLANEOUS LINK ICONS ***/
a[href$=".rss"], a[href$=".rdf"] { background-image: url(/global/gfx/feed.png); }

a[href^="aim:"] { background-image: url(img/icons/im.png); }

/**************************************/
/*              SideBar          */
/**************************************/


.abouttheProgram { background-color: #EDEDED; padding:10px; margin-right:50px; margin-left:50px;}

.abouttheProgram h3 { color: #248BAB; font-size:1.3em; text-align:center; }

.abouttheProgram p { line-height: 140%; }

.abouttheProgram a { font-weight:bold; color:#62646B; text-decoration:underline; }

.abouttheProgram a:hover { color:#248BAB; }


/**************************************/
/*              SOCIAL MEDIA              */
/**************************************/


.stButton .chicklets {background-repeat: no-repeat;padding-left: 20px;padding-right: 3px;white-space: nowrap;
font-family: Verdana,Helvetica,sans-serif;font-size: 11px;display: inline-block;height: 16px;line-height: 16px;margin-left: 30px;}

#socialmedia .socialmedia-buttons .fi-social-facebook {
    color: #3B5998;
    margin-left: -2em;
    float: left;
    padding-right: 15px;
}


#socialmedia .socialmedia-buttons.fi-social-twitter {
    color: #55ACEE;
    margin-left: -1em;
    float: left;
    padding-right: 15px;
}

#socialmedia .socialmedia-buttons.fi-social-youtube {
    color: #3B5998;
    margin-left: -2em;
    float: left;
    padding-right: 15px;
}




/**************************************/
/*               FOOTER               */
/**************************************/

.footer { min-height:110px; /*padding: 30px 70px;*/ padding-top:2em;background:#e8e8e8;}
.footer{height:auto!important;}

.footer h3 { color: #4D4F53; font-size: 1.2em; margin-top: .4em; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }

.footer ul { list-style: none; margin: .5em 0 2em 0; padding: 0; white-space:wrap; line-height:140%; }

.footer ul li { color: #4D4F53; margin: 0; line-height:150%; /*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);*/ }

.footer ul a { text-decoration: underline; color: #4D4F53; }
.footer ul a:hover { color: #BD4F19;}

.footer #socialmedia ul li a { display:block; }

.footer #socialmedia li a { padding-left: 25px; line-height:20px; }
.socialmedia-buttons{padding-right:1em!important; font-size:0.8em!important;}

/**************************************/
/*            MEDIA QUERIES           */
/**************************************/
/*               DESKTOP              */

@media only screen and (min-width: 40.0625em) {

li.arrow-up > a {
  border-top:3px solid #fff;
  padding-top:23px;
  position:relative;
  margin-left: 0.85em !important;
}



/*Our top arrow. This is the same color as the background of the page below it.*/
li.arrow-up > a:hover:after {
  width: 0;
  height: 0;  
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #000;
  display:block;
  position:absolute;
  bottom:-1px;
  content:'';
  left:50%;
  margin-left: -10px!important;
}
/*Our bottom arrow. This is the darker color, that connects to the black border along the bottom of the blue menu area. This triangle needs to have at least a border width at least 2px greated than the top triangle to give the border/shadow illusion.*/
li.arrow-up > a:hover:before {
  /*width: 0;
  height: 0;  
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom:10px solid #000;
  display:block;
  position:absolute;
  bottom:-1px;
  content:'';
  left:49%;*/
border-bottom:10px solid #000;
}  

}