@charset "utf-8";

/****************************
*************************************************/
/*                            CNU Global Styles                            

SECTIONS
Generic Typography
Common Styles
Pagination
Page Top, Header
Primary Nav
Mobile Nav
Tertiary Nav
Accordion Menu on Mobile Index
Page Banners
Breadcrumbs
Body
Contact Pages
Horizontal striped table
Common Elements
Tabs style overrides
Layout, page elements
Responsive iframe
Side Columns
Subnav - Left Column Navigation
Page Functions
SPIFs
Slideshow
Footer

 ***/

/*** IE 6***/
* {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}

* html .col-list { position: relative; overflow: hidden; width: 280px; }
/*** Generic Typography ******************************************************/

body {
    font: 76% arial, helvetica, sans-serif;
}

a, a:link {
    text-decoration: none;
    color: #069;
}

a:visited {
  text-decoration: none;
  color: #069;
}

a:active, a:hover {
  color: #069;
    text-decoration: underline;
}
.addPadd { padding-top: 25px; }
.noShow { display: none; }
.hidden { visibility: hidden; }
.left { float: left; }

h1, h2, h3, h4, h5, h6 {
  margin: 0.5em 0 0 0;
}

h1 {
    font-size: 2.5em;
}

h2 {
    font-size: 1.8em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.2em;
}

h5 {
    font-size: 1.1em;
}

h6 {
    font-size: 1em;
}

h7 {    /*for contact pages*/
   
   width: 70%; 
   margin-left: 2%;
font-size: 1em;
   
   
}
h7 strong{  
   
   font-size: 1.2em;
   
   
}

h7 span { 
   color: white; 
   margin-left: 4%;
   font-weight: normal;
   font-size: 1.1em;
   background: rgba(0, 0, 0);
   background: rgba(0, 83, 154, 0.7);
   padding: 5%;
   position: absolute; bottom: 14.5%; left: 1%;

     
}

@media screen and (max-width: 760px) {

h7 {
    width: 100%;
font-size: 0.6em;
 margin-left: 0%;

}

h7 span{   
     width: 100%;
     color: rgba(6, 64, 114, 1); 
     background: none;
     padding: 4% 4% 4% 0%;
     position: relative;
     margin-left: 0%;
     line-height: 1.5em;
    }
         
    }

.headlines {
    font-size: larger;
    color: #036;
    font-weight: 600;
    }
.red {
    font-size: 1em;
    color: #990000;
    font-weight: 500;
    }
    
.green {
    font-size: 1em;
    color: #339900;
    font-weight: 500;
    }   

.blue {
    color: #07063c;
    font-weight: 500;
    }
    

/*** Common styles ***********************************************************/
.bannerImage { width: 90%; }
.leftImage { clear: both; border: 1px solid #000000; float: left; margin: 5px 10px 5px 0px; }
img.left {
    clear: right; border: 1px solid #000000; float: left; margin: 5px 10px 5px 0px; }

img.right {
    clear: left; border: 1px solid #000000; float: left; margin: 5px 10px 5px 0px; }


.news-article .leftImage {clear: none !important}
.rightImage { clear: both; border: 1px solid #000000; float: right; margin: 5px 0px 5px 10px; }
.stripedtable:odd {
  background-color: #333;
} 

.centered { text-align:center; margin:auto 0; }

.singleContent { font-size: 90%; }


.bodyCopy { overflow: hidden }
body { 
    margin: 0;
    padding: 0;
    color: #fff;
    background: #0C4170 url("http://cnu.edu/images/common/bg.gif") repeat-x;
}

img {
  border: none;
  max-width: 100%;
}


embed {
  max-width: 100%;
}

video {
  max-width: 100%;
}


object {
  max-width: 100%;
}

.page-outer { 
  width: 90%; /* leaves 10% of the page for the blue background. 5% each side of the page under 960px. */
  margin: 0 auto;
  max-width: 960px;
  background: transparent url("http://cnu.edu/images/footer/footer.gif") 0 100% -10% 100% no-repeat;
  background-size: 100%;
  padding-bottom: 0px;
}

@media screen and (max-width: 960px) { 
.page-outer { 
  width: 90%; /* leaves 10% of the page for the blue background. 5% each side of the page. */
  padding-bottom: 50px; /* footer image height */
  margin: 0 auto;
  max-width: 960px;
  background: transparent url("http://cnu.edu/images/footer/footer.gif") 0 100% no-repeat;
  background-size: 100%;

}
}

@media screen and (max-width: 760px) {
.page-outer {
  padding-top: 1%; /* space for headercap.png */
  margin-top: 13%; /* drops the main part of the page to make room for mobilenav */
  margin-bottom:-45px;
  background: url("http://cnu.edu/images/header/headercap.png"), url("http://cnu.edu/images/footer/footer.gif"); /* adds an image similar to the footer in the header on mobile screen */
  background-repeat: no-repeat;
  background-position: center top, center 99%; 
  background-size: 100%;
  padding-bottom: 35px; 
}

.social-footer span img {
  width: 20px !important;
  padding-top: 2%;
}
}
@media screen and (min-width: 760px) {
.page-outer {
  padding-top: 1%; /* space for headercap.png */
  margin-top: 5%; /* drops the main part of the page to make room for mobilenav */
  background: url("http://cnu.edu/images/header/headercap.png"), url("http://cnu.edu/images/footer/footer.gif"); /* adds an image similar to the footer in the header on mobile screen */
  background-repeat: no-repeat;
  background-position: center top, center 98.9%; 
  background-size: 100%;
    padding-bottom: 35px; /* footer image height */
}

.social-footer span img {
  width: 20px !important;
  padding-top: 2%;
}

}

@media screen and (max-width: 600px) {
.page-outer {
  padding-top: 1%; /* space for headercap.png */
  margin-top: 15%; /* drops the main part of the page to make room for mobilenav */
  background: url("http://cnu.edu/images/header/headercap.png"), url("http://cnu.edu/images/footer/footer.gif"); /* adds an image similar to the footer in the header on mobile screen */
  background-repeat: no-repeat;
  background-position: center top, center 98.7%; 
  background-size: 100%;
  padding-bottom: 5px !important; 
}
/*.header .left {
  display:none;
}*/
.social-footer {
width: 300px;
margin:0 auto;
clear: left;
text-align: center;
}

.social-footer span img {
  width: 30px !important;
  padding-top: 2%;
  margin-bottom: -35px;
}

}

@media screen and (min-width: 960px) {
.page-outer {
  padding-top: 0%; 
  margin-top: 0%;
   padding-bottom: 45px !important; /* footer image height */
   
}
.social-footer span img {
  width: 30px !important;
}
}

@media screen and (max-width: 1050px) {
.page-outer {
  width: 98%;
   
}
}


.page {
    color: #333;
  background: #fff url("http://cnu.edu/images/common/page-bg.gif") 100% repeat-y;
  background-size: 100%;
}



.foot .inline-list, .foot .inline-list li { background-image: none; background-color: #ffffff; }

.inline-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.inline-list li {
  display: inline;
  padding: 0 0.6em;
}

.inline-list.breadcrumbs li {
  display: inline;
  padding: 0 0.3em;
}

.inline-list li.first {
  padding-left: 0;
}

.inline-list li.last {
  padding-right: 0;
}

/* .centered-list-outer {
  float: left;
  position: relative;
  left: 50%;
}

.centered-list {
  position: relative;
  left: -50%;
} */

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

/*** Pagination **************************************************************/
.pg-normal {
    cursor: pointer;    
}
.pg-selected {    
    text-decoration: underline;
    cursor: pointer;
}


/*** Page Top, Header ********************************************************/

.page-top {
  position: relative;
}

@media screen and (max-width:760px) {

}

.header {
  display: block;
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%; /*960px*/
  color: transparent;
}

.header .left {
  float: left;
  padding: 1% 2% 2% 2%;
}

@media screen and (max-width: 960px) {
.header .left {
    margin-top: -5.25%;
    padding-bottom: 2%;
}
}

#get-info-link {
  display: block;
  width: 100%; /* 169/940px */
  padding-top: 1%;
  background: url("http://cnu.edu/images/header/get-info-bg.png") no-repeat;
  
}

@media screen and (max-width: 760px) {
/*#get-info-link {
     display: none; 
}*/
}

#get-info-link.selected {
  background: url("http://cnu.edu/images/header/dropdown-bg.png") no-repeat;
}

#get-info-link img {
  display: block;
  margin: 0 auto;
}

#get-info-list {
  display: none;
  position: absolute;
  z-index: 50;
  margin: 0;
  padding: 4px 0;
  width: 18%; /* 169px/940px */
  font-size: 0.9em;
  font-weight: bold;
  list-style-type: none;
  background: url("http://cnu.edu/images/header/dropdown-bg.png") 0 100% no-repeat; /* #1A3750 */
}

#get-info-list li {
  margin: 0 0 4px 0;
  padding: 3% 0 0 18%;
  border-top: solid 1px #3B4E5D;
  background: url("http://cnu.edu/images/header/dropdown-bullet.png") 10px 8px no-repeat;
}

#get-info-list li a,
#get-info-list li a:visited {
  color: #fff;
}

#get-info-list li.first {
  border-top: none;
}

.header .right {
  float: right;
  width: 75%; /* 700px/940px */
  padding-right: 1%; /* 10px/960px */
  }

@media screen and (max-width: 960px) {
.header .right {
    margin-top: -6%;
    padding-bottom: 2%; 
    padding-right: 0%;
}
}


.header .right .search {
  float: right ;
  margin: 1% 1% 0 0;
  min-height: 27px;
  padding: 0 0 0 2%;
  max-width: 200px;
}

@media screen and (max-width: 760px) {
.header .right .search {
/*display: none;*/
}
}

#header-search-box, #q {
  float: left;
  border: none;
  width: 60%;  
  height: 26px;
  padding: 4% 2% 3% 5%; /*9px 4px 6px 9px;*/
  font-size: 0.9em;
  line-height: 1em;
  background: transparent url("http://cnu.edu/images/header/search-bg.png") no-repeat;
}

#mobile-header-search-box, #mq {
  float: left;
  border: none;
  width: 130px;  
  height: 17px;
  padding: 4% 2% 3% 5%; /*9px 4px 6px 9px;*/
  font-size: 0.9em;
  line-height: 1em;
  background: transparent url("http://cnu.edu/images/header/search-bg.png") no-repeat;
}

.mobile-header-search-box label {
display: none;
color: #fff;
}

.mobile-header-search-box label input {
}

@media screen and (max-width: 960px) {
#header-search-box, #q {
  line-height: 0.7em;
  font-size: 0.6em;
}
}


@media screen and (max-width: 760px) {
#header-search-box, #q {
  width: 60%; 
  line-height: 0.7em;
  font-size: 0.6em;
  background: transparent url("http://cnu.edu/images/header/search-bg.png") no-repeat;
}
}

#header-search-button {
  float: left;
  border: none;
  width: 37px;
  height: 27px;
  cursor: pointer;
  text-indent: -9999px;
}

#mobile-header-search-button {
  float: left;
  border: none;
  width: 37px;
  height: 27px;
  cursor: pointer;
  text-indent: -9999px;
}

@media screen and (max-width: 760px) {
#header-search-button {
  width: 50%;
  height: 50%;
}
}


#header-search-button.off {
  background: url("http://cnu.edu/images/header/search-go.png") no-repeat;
}

#header-search-button.hover {
  background: url("http://cnu.edu/images/header/search-go-hover.png") no-repeat;
}

#mobile-header-search-button.off {
  background: url("http://cnu.edu/images/header/search-go.png") no-repeat;
}

#mobile-header-search-button.hover {
  background: url("http://cnu.edu/images/header/search-go-hover.png") no-repeat;
}

.header .get-info-link {
}

.header .logo-area {
  padding: 2% 0 0 3.085%; /* original 16px 0 0 29px  - width /940px */
  width: 27.12%;
  max-width: 255px;
}

@media screen and (max-width: 760px) {
.header .logo-area {
  padding: 2% 5% 0 3.085%;
  width: 40%;
  margin-top: -15%;
}
}


.header .logo-area-fifty {
  padding: 10px 0 0 100px;
}



/*--- Primary Nav ---*/

.primary-nav-area {
  clear: both;
  font-size: 0.95em;
  padding-bottom: 2%;
  width: 100%;  /* 960px */
  height:100%;
  background: url("http://cnu.edu/images/nav/nav-bg.png") repeat-x;
}

@media screen and (max-width: 960px) {
.primary-nav-area {
  font-size: 0.85em; 
  padding-bottom: 3%;
  padding-top: 0.5%;
}
}

@media screen and (max-width: 800px) {
.primary-nav-area {
  font-size: 0.77em; 
  padding-bottom: 3%;
  padding-top: 0.8%;
}
}



@media screen and (max-width: 760px) {
.primary-nav-area {
  /*display: none;*/ /* gets rid of primary nav for mobile screens */
}
}

.primary-nav {
  padding-top: 1.6em;
  text-align: center; 
 
}


.primary-nav li {
  display: inline;
  
}

.primary-nav a {
    float: center;
    position: relative;
    padding: 1em 0.8em 2em;
    height: 100%;
    text-transform: uppercase;
    text-align: center;
    color: #ccc;
    color: rgba(0, 0, 0, 0.5);    
}



.primary-nav a:hover {
    color: #0c4170;
    text-decoration: none;
}

.primary-nav a span {
    height: 100%;
}



@media screen and (max-width: 760px) {

.primary-nav {
  padding-top: 1.6em;
  text-align: center; 
}

.primary-nav li {
  clear: left;
  display:inline;
  float: left;
}

.primary-nav a {
  padding: 0.3em;
}


#nav-academics {
   clear: right;
   float: right;
}

#nav-student-life {
   clear: right;
   float: right;
}
#nav-athletics {
   clear: right;
   float: right;
}

#nav-ferguson {
   clear: right;
   float: right;
}
}

/*--- Mobile Nav ---*/


@media screen and (min-width: 760px) {
.mobilenav {
  display: none; 
}


}

.panel {  
position: absolute;
margin-top:-40px;
right: 0;
display: none;
background: #0C4170;
z-index:999;
border:none;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
width: 280px;
height: auto;
line-height: 22px;
padding: 30px 30px 30px 30px;
}



.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #eee

}

.panel h3 {
font-size:1.2em;
font-family:verdana, helvetica, arial, sans-serif;
letter-spacing:-1px;
color:#fc0;
text-transform:uppercase;
margin:0;
padding:8px 0 8px 0;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #eee;
text-decoration: none;

}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #0cf;
list-style-type: none;
text-decoration: none;
}

.panel ul{
padding: 0;
margin: 0;
list-style-type: none;
text-decoration: none;
}

.panel ul li{
padding: 0;
margin: 0;
list-style-type: none;
text-decoration: none;
}


a.trigger{
position: absolute;
text-decoration: none;
margin-top:-40px;
right: 0;
z-index:1000;
font-size: 1.2em;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 5px 10px 5px 40px;
background: transparent url(http://cnu.edu/images/nav/plus.png) 15% 55% no-repeat;
border:none;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
}

@media screen and (min-width: 760px) {
a.trigger {
  display: none; 
}
}


a.trigger:hover{
position: absolute;
text-decoration: none;
right: 0;
z-index:1000;
margin-top:-40px;

font-size: 1.2em;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 5px 10px 5px 40px;
background:#0c4170 url(http://cnu.edu/images/nav/plus.png) 15% 55% no-repeat;
border:none;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
}

a.active.trigger {
background:#115c9e url(http://cnu.edu/images/nav/minus.png) 15% 55% no-repeat;
border:none;

}

.mobilesearchpanel{
float: right;
width: 220px;
line-height: 22px;
}

.menucolumns{
clear: both;
width: 230px;
padding: 0 0 20px 0;
line-height: 22px;
}

.menucolumns a:hover, .menucolumns a:visited:hover{
color: #0cf;
}



.menucolleft{
float: left;
width: 100px;
line-height: 22px;
}

.menucolright{
float: right;
width: 80px;
line-height: 22px;
}

ol {
    display:block;
list-style-type: decimal;
margin-left:25px;
}

ul{
padding: 0;
margin: 0;
list-style-type:none;
text-decoration: none;
}

ul li{
padding: 0;
margin: 0;
list-style-type:none;
text-decoration: none;
}

.news-article ul li{
padding: 0;
list-style-type: square;
margin-left:20px;
text-decoration: none;
}



/*--- Tertiary Nav - top right --*/

.tertiary-nav {
  float: right;
  margin: 1% 0 0 0;
  min-width: 340px;
  font-size: 0.9em;
  font-weight: bold;
  line-height: 27px;
  width: 55%; 
 text-align: center; 
 color: #ffe78a;
 color: rgba(255,231,138,1);
   background: rgba(12, 63, 108, 0.75);
 -webkit-border-radius: 14px;
 -moz-border-radius: 14px;
 border-radius: 14px; 
}


@media screen and (max-width: 960px) {
.tertiary-nav {
     font-size: 0.8em;
    
}
}


@media screen and (max-width: 760px) {
/*.tertiary-nav {
     display: none;
}*/
}

.tertiary-nav li {
  padding: 0 0 0 .5%;
 
}

.tertiary-nav li:before {
  content: "/";
  color: #fff;
 
}

.tertiary-nav li:first-of-type:before {
  content: "";
}

.tertiary-nav li.first {
  padding-left: 0;
  margin-left: 0;
  background: none;
  content: "";
}


/*.tertiary-nav li:before {
    content: "/ ";
}*/

.tertiary-nav a,
.tertiary-nav a:visited {
  padding: 1.3% 1.5%;
  color: #ffe78a;
  color: rgba(255,231,138,1);
/*    background: rgba(12, 63, 108, 0.75);
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px; */
}

@media screen and (max-width: 960px) {
.tertiary-nav a,
.tertiary-nav a:visited {
    background: none;
    padding: 1.3% 1%;
}
}

/*--- Accordion Menu on Mobile Index ---*/

.mobilehomenav {
margin: 0;
font: arial, helvetica, sans-serif;
}

#options {width:98%; text-align:right; color:#333}
#options a {text-decoration:none; color:#0099e6}
#options a:hover {color:#069}

#acc {width:98%; list-style:none; color:#333;}
#acc li {background:none}
#acc h3 {width:98%; border:1px solid #08c; padding:2% 2% 3%; font-weight:normal; color:#069; font-size: 1.1em; cursor:pointer; }
#acc h3:hover {background:#eee;}
#acc .acc-section {width:102.25%; padding-right: 2.25%; overflow:hidden; font-size: .7em; background:#fff; margin-top:-16px;}
#acc .acc-content {width:97.5%; padding:3px; border:1px solid #08c; border-top:none; background:#fff; }


#nested {width:98%; list-style:none; color:#333; }
#nested li {background:none}
#nested h3 {width:98%; font-size: 1.1em; color:#069; border:1px solid #08c; padding:2% 2% 3%; font-weight:normal; margin-top:5px; cursor:pointer; }
#nested h3:hover {background:#eee;}
#nested .acc-section {width:102.25%;  padding-right: 2.25%; overflow:hidden; font-size: .6em; background:#fff; margin-top:-16px;}
#nested .acc-content {width:100%; font-size: 1em; padding:3px; border:1px solid #08c; border-top:none; background:#fff;}
#nested .acc-selected {background:#fff;}

/*--- Page Banners ---*/

.banner-area {
  min-height: 200px;
  width: 98%;
  margin-left:1%;
}

.banner-area .banner {
  /*margin-left: 1.06383%;*/ /* 10px/940px */
 /*width: 97.91667%;*/ /* 940px/960px */
}

.banner-area .banner img {
  display: block;
  width: 100%;
}

.banner-area .banner-overlay1,
.banner-area .banner-overlay2 {
  position: absolute;
  top: 0;
  right: 1.0416%;
  bottom: 0;
  left: 1.0416%;
}

@media screen and (max-width: 600px) {
.banner-area .banner-overlay1,
.banner-area .banner-overlay2 {
   display: none;
}
}

.banner-area .banner-overlay1 {
-webkit-box-shadow:inset 0 -20px 150px 15px rgba(0,0,0,.5);
box-shadow:inset 0 -20px 150px 15px rgba(0,0,0,.5);
}

@media screen and (max-width: 600px) {
.banner-area .banner-overlay1 {
   background: none;
}
}


.banner-area .banner-overlay2 {
-webkit-box-shadow:inset 0 -20px 150px 15px rgba(0,0,0,.5);
box-shadow:inset 0 -20px 150px 15px rgba(0,0,0,.5);
}

@media screen and (max-width: 600px) {
.banner-area .banner-overlay2 {
   background: none;
}
}

.banner-area .banner-bottom {
  position: absolute;
  bottom: 0;
  left: 1.042%;
  padding: 0 0 1.5% 2.08%;
  color: #fff;
}

@media screen and (max-width: 600px) {
.banner-area .banner-bottom {
   display:none;
}
}

.banner-area .banner-bottom h1 {
  margin: 5px 0 0 0;
  text-transform: capitalize;
  font-weight: 300;
  line-height: 1em;
  color: #ffe78a;
  font-size: 3em;
  text-shadow: 1px 1px 2px #000;
}

@media screen and (min-width:600px) {
.mobile-headline {
display: none;
}
}

.mobile-headline {
position: relative;
  left: 1.042%;
  padding: 1% 2.08% 1.5% 2.08%;
  text-size: .7em;
}

.mobile-headline h1 {
  margin: 5px 0 0 0;
  text-transform: capitalize;
    font-weight: 300;
  line-height: 1em;
  color: #ffe78a;
   font-size: 1.9em; /* reduce Display Name for mobile site */
}


h2.preTitle {
font-weight: 300;
text-transform: capitalize;
color: rgb(255, 231, 138);
  font-size: 1.2em;
}

.home-slides {
  overflow: hidden;
  width: 100%;
  /*height: 571px;*/
}



.home-subslides {
  position: absolute;
  overflow: hidden;
  top: 392px;
  /*right: 58px;*/
  height: 130px;
  z-index: 150;
  left: 10px;
  width: 100%;
}

.home-subslides .slide {
  width: 91.875;
  padding-right: 6%;
  text-align: right;
  
}

.banner-area .banner .home-subslides img {
  display: inline;
  width: 100%;
 
  
}

.slide-nav {
  position: absolute;
  top: 317px;
  left: 0;
  z-index: 51;
  width: 100%;
}

#home-slide-nav-left {
  float: left;
}

#home-slide-nav-right {
  float: right;
}

/*--- Breadcrumbs ---*/

.breadcrumbs {
  font-size: 0.9em;
  text-transform: uppercase;
}

@media screen and (max-width: 600px) {
.breadcrumbs {
     color: #369;
     font-size: 0.7em;
}
}

/* .breadcrumbs li {
  padding: 0 0 0 10px;
  margin-right: 5px;
  background: url("http://cnu.edu/images/common/sep-breadcrumbs.gif") 0 6px no-repeat;
} */

.breadcrumbs li.first {
  padding-left: 0;
  background: none;
}

.breadcrumbs a,
.breadcrumbs a:visited {
  color: #fff;
}

@media screen and (max-width: 600px) {
.breadcrumbs a,
.breadcrumbs a:visited {
     color: #369;
}
}


/*** Body ********************************************************************/

.body-outer {
  position: relative;
 
}


.body-outer p {
  margin: 1.5625% 0;
}

.content-full-width {
  padding: 0 1.6%;
}

/*--Accordion content --*/

#accordion, 
#accordion2,
#accordion3 {
    list-style-type: none;
    cursor: pointer;
    padding: 0;
    margin: 0;
        background: #fff;
}

#accordion li, 
#accordion2 li,
#accordion3 li {
    list-style-type: none;
        border-radius: 4px;
    border: 1px solid #eee;
    padding: 8px; 
    margin: 8px;
    cursor: pointer;
        background: #0C4170;
        color: #fff;
        
}



#accordion .expanded-menu,
#accordion2 .expanded-menu,
#accordion3 .expanded-menu {
    margin: 0;
    padding: 0;
    border: 0;
    background: #fff;
}

#accordion .expanded-menu ul,
#accordion2 .expanded-menu ul,
#accordion3 .expanded-menu ul {
    list-style-type: none;
        background: none;
        padding: 0;
    margin: 0;
    background: #fff;
}

#accordion .expanded-menu ul li,
#accordion2 .expanded-menu ul li,
#accordion3 .expanded-menu ul li  {
    list-style-type: none;
        background: none;
        border-top: 0;
    margin-top: -10px;
    border-radius: 0;
    cursor: default;
    background: #fff;
        color: #000;
}



/*--Contact Pages--*/
.contact { 
   position: relative; 
   width: 42%; 
   padding: 0 4% 4% 2%;
   float: left;
    
}

.contactimg { 
   width: 100%; 
   box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
   border-radius:5%;
    -moz-border-radius:5%;
    
    
}


@media screen and (max-width: 760px) {

.contact {
    width: 90%;
    float: clear;
 padding: 5% 4% 4% 2%;
}
    
    .contactimg { 
   padding-left: auto;
   padding-right: auto;
   width: 80%; 
   box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
   border-radius:5%;
    -moz-border-radius:5%;
    
    
}

}






/*--Horizontal striped table --*/

#hor-zebra {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    margin: 45px;
    width: 480px;
    text-align: left;
    border-collapse: collapse;
}

#hor-zebra th {
    font-size: 14px;
    font-weight: normal;
    padding: 10px 8px;
    color: #039;
}

#hor-zebra td {
    padding: 8px;
    color: #669;
}

#hor-zebra .odd {
    background: #e8edff; 
}


/*--- Common elements ---*/

.more-img {
  margin-left: 3px;
  vertical-align: baseline;
}

.secure-link {
  padding-left: 12px;
  background: url("http://cnu.edu/images/common/lock.gif") 0 1px no-repeat;
}

.captioned-image {
  float: left;
  margin: 3px 10px 5px 0;
  width: 140px;
}

.captioned-image-wide {
  width: 200px;
}

.captioned-image img {
  border-bottom: solid 4px #10283F;
}

.captioned-image .caption {
  padding: 2px 4px 0 4px;
  font-size: 0.7em;
  line-height: 1.1em;
  color: #707070;
}

.more-link {
  display: inline-block;
/*  padding-right: 15px;*/
  font-weight: bold;
  /*background: url("http://cnu.edu/images/common/readmore-arrow.gif") 100% 1px no-repeat;*/
  margin-bottom: 10px;
}

.more-link:after {
  content: ' ▶︎';
  color: green;
}

.more-link2 {
  text-transform: uppercase;
}

.more-link3 {
  padding-right: 0;
  background: none;
}

.microform .lead-in,
.microform .example {
  margin: 0;
}

.microform .example {
  font-size: 1.3em;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #356c9a;
}

.microform label,
.microform .label {
  display: block;
  margin-bottom: 2px;
  font-weight: bold;
}

.microform .textbox {
  width: 165px;
  color: #666;
}

.microform .image-button {
  margin-bottom: -2px;
  vertical-align: bottom;
}

.links-list, .format-bullets ul {
  margin: 0 0 25px 0;
  padding: 0;
  list-style-type: none;
}



.links-list li, .format-bullets ul li {
  margin-bottom: 10px;
  padding-left: 18px;
  background: url("http://cnu.edu/images/common/bullet-arrow.gif") 0 0 no-repeat;
}

/*--- Tabs style overrides ---*/
.tabs-outer {
  position: relative;
  width: 100%; 
}



.ui-tabs-nav {
  padding: 10% 0 0 5%;
  padding-top: 1.1em;
  padding-left: 0;
  border: none;
  width: 100%
  
  
}
.ui-tabs-nav li {
  outline:none;
}
.ui-tabs-nav .nav {
  overflow: hidden;
  text-align:center;
  position: relative;
  z-index: 3;
  width: 100%;
  background: url("http://cnu.edu/images/common/tabs-bottom-bg.gif") 0 100% repeat-x;
}

.ui-tabs-nav .nav li {
  position: relative;
  z-index: 4;
  margin: 0 0 0 1%;
/*   margin-bottom: 4px;*/
  border: none;
  background: #D8D9C9 url("http://cnu.edu/images/common/tab-off-bg.gif") 0 0 no-repeat;
}

.ui-tabs-nav .nav li.first {
  margin-left: 2%;
}

.ui-tabs-nav .nav li a,
.ui-tabs-nav .nav li a:visited,
.ui-tabs-nav .nav li a:hover {
  border: none;
  padding: 0.5em 0.8em;
  white-space: nowrap;
  color: #60605D;
  background: url("http://cnu.edu/images/common/tab-off-rt.gif") 100% 0 no-repeat;
}

.ui-tabs-nav .nav li a:hover {
  text-decoration: underline;
  color: #60605D;
}

.ui-tabs-nav .nav li.ui-tabs-selected {
  background: #D8D9C9 url("http://cnu.edu/images/common/tab-on-bg.gif") 0 0 no-repeat;
}

.ui-tabs-nav .nav li.ui-tabs-selected a,
.ui-tabs-nav .nav li.ui-tabs-selected a:visited,
.ui-tabs-nav .nav li.ui-tabs-selected a:hover {
  background: url("http://cnu.edu/images/common/tab-on-rt.gif") 100% 0 no-repeat;
}

.ui-tabs-nav .nav li.ui-tabs-selected a:hover {
  text-decoration: none;
  cursor: default;
}

.ui-tabs-panel {
  position: relative;
  padding-top: 5%; /* account for tabs area */
  padding-left: 2%;
  border: none;
  font-size: 1em;
  
  
}


/*--- Layout, page elements ---*/

.main-content-two-col {
  background: url("http://cnu.edu/images/common/columns2.gif") 1.06% 0 repeat-y;
  background-size: 100%;
  
}


.main-content-three-col {
  line-height: 1.3em;
  background: url("http://cnu.edu/images/common/columns3.gif") 1.06% 0 repeat-y;
  background-size: 66.67%;
}

@media screen and (max-width: 600px) {
.main-content-three-col {
  background: none;
}
}

.main-content-no-col .main-content,
.main-content-two-col .main-content,
.main-content-three-col .main-content {
 /* padding-top: 10%;  account for headerbar */
}

.main-content-subnav,
.main-content-subnav-col {
  background: url("http://cnu.edu/images/common/columns-subnav.gif") 1.2% 0 repeat-y;
  padding-bottom: 35%; /*ensure blue line goes to the bottom of page */
  background-size: 15.32%; /*148/966px */
}



@media screen and (max-width: 760px) {
.main-content-subnav,
.main-content-subnav-col {
  background: url("http://cnu.edu/images/common/columns-subnav.gif") 1.2% 0 repeat-y;
  background-size: 16.4%; /*accounts for SPIF being dropped */
}
}
@media screen and (max-width: 600px) {
.main-content-subnav,
.main-content-subnav-col {
  background: none;
}
}

.main-content-subnav-col .main-content,
.main-content-no-col .main-content {
  padding-top: 84px; /* account for thumbbar */
  
}


.main-content-subnav .content-area,
.main-content-subnav-col .content-area {
  margin-left: 17%; 
  
}


@media screen and (max-width: 600px) {
.main-content-subnav .content-area,
.main-content-subnav-col .content-area {
  margin-left: 0%; 
}
}

.main-content-subnav .text-content,
.main-content-subnav-col .text-content {
  height: 100%;
  padding: 4% 5% 6% 2.34375%; /* originally 15px 25px 25px 15px */
  font-size: 1.2em;
  line-height: 1.3em;
}



@media screen and (max-width: 600px) {
.main-content-subnav .text-content,
.main-content-subnav-col .text-content {
  padding: 4% 2.34375% 6% 3.358%; /* originally 15px 25px 25px 15px */ /* reduce right margin for mobile */
}
}

.main-content-subnav .text-content h2,
.main-content-subnav-col .text-content h2 {
  margin: 0 0 21px 0;
  font-weight: normal;
  font-size: 1.4em;
  letter-spacing: 0.015em;
  line-height: 1.175em;
  overflow: hidden;
}

.main-content-subnav .text-content h3,
.main-content-subnav-col .text-content h3 {
  margin: 0 0 15px 0;
}

.main-content-subnav .text-content p,
.main-content-subnav-col .text-content p {
  margin: 0 0 18px 0;
}

.main-content-outer {
 
  width: 100%; /* 640px */
}



.content-area .wide-outer {
  width: 100%; /* 780px */
  }





.header-bar-outer {
  position: absolute;
  top: 0;
  left: 1.041%;
  width: 98%;
  padding-bottom: 4px;
  z-index: 1;
  
}

@media screen and (max-width: 600px) {
.header-bar-outer {
  background: none;
}
}

.thumb-bar-outer {
  left: 1.041%;
  width: 97.92%;
position: relative;
}

.header-bar {
  height: 100%;
  color: #fff;
  background: #10283F;
  
}

.main-content-three-col .header-bar {
  background: #10283F url("http://cnu.edu/images/common/columns-headerbar3.gif") 0 100% repeat-x;
  background-size: 100%;
}

@media screen and (max-width: 600px) {
.main-content-three-col .header-bar {
  background: #fff;
}
}

.header-bar .subnav-col {
  margin-right: 1.56%;
  min-height: 80px;
}

.thumb-bar-outer .header-bar {
  height: 100%;
}

.main-content-subnav-col .header-bar {
  background-image: url("http://cnu.edu/images/common/columns-headerbar1.gif");
  background-size: 100%;
}

.header-bar-two-col {
  background-image: url("http://cnu.edu/images/common/columns-headerbar2.gif");
}

.header-bar-three-col {
  background-image: url("http://cnu.edu/images/common/columns-headerbar3.gif");
}

@media screen and (max-width: 600px) {
.header-bar-three-col {
  background: #fff;
}
}

.thumb-bar-outer .header-bar .carousel-area {
  margin: 0;
  padding: 1% 0 1% 5%;
  min-height: 60px;
  width: 63.5416%; /* 610/960px */
}

@media screen and (max-width: 960px) {
.thumb-bar-outer .header-bar .carousel-area {
  padding: 2% 2% 2% 5%;
  min-height: 60px;
  
}
}

@media screen and (max-width: 760px) {
.thumb-bar-outer .header-bar .carousel-area {
  padding: 2% 2% 2% 5%;
  width: 98%; /* SPIF is gone at this size */
}
}

.thumb-bar-outer .header-bar .image-carousel-prev {
  float: left;
  margin-right: 1.354%; /* 13/960px */
}

.thumb-bar-outer .header-bar .image-carousel-next {
  float: right;
}

.thumb-bar-outer .header-bar .thumb-list li {
  display: inline;
  margin-right: 1%;
}


.thumb-bar-outer .header-bar .thumb-list img {
  margin-right: 1%;
  width:10%;
}

@media screen and (max-width: 600px) {
.thumb-bar-outer .header-bar .thumb-list img {
  margin-right: 2%;
  width: 20%;
}
}

.seal {
 
  position: absolute;
  top: -20%;
  left: 10%;
  
}

.col-list {
  float: left;
  margin: 8px 1.56% 8px 1.56%; /* 8px 15px 8px 15px*/
  width: 30%;
}

@media screen and (max-width: 600px) {
.col-list {
  display: none;
}
}


.col-list .col-list-content {
  padding: 0 1.56%;
}

.col-list-narrow {
  float: left;
  margin: 8px 0;
  width: 31.91%;
  padding-top: 25px;
}

@media screen and (max-width: 600px) {
.col-list-narrow {
  width: 100%;
}
}


.col-list-narrow .col-list-content {
  padding: 0 1.56% 15px 1.56%; /*0 15px 15px 15px*/
}

.col-list-wide {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 8px 0;
  width: 36.17%;  
  padding-top: 25px;
}



@media screen and (max-width: 600px) {
.col-list-wide {
  width: 100%;
}
}

.col-list-wide .col-list-content {
  width: 28.125%; /* 270/960 */
  padding: 0 3.6% 15px 3.6%; /* 0 35px 15px 35px */
}

.col-list-wide .header-bar-outer {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  padding-bottom: 4px;
}

.col-list-wide .header-bar {
  height: 45px;
  color: #fff;
  background: #10283F url("http://cnu.edu/images/common/columns-headerbar-single.gif") repeat-x;
  background-width: 100%;
}

/** Calendar Style ***********************************************************/

div.col-list ul.calendar {
  list-style: none;
  width: 95%;

}



ul.calendar li.calendar-event {
  border-bottom: 1px dotted silver;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
ul.calendar li.calendar-event span.date {
  font-weight: bold;
  display: block;
  padding-bottom: 5px;
}

ul.calendar li.calendar-event a {
  font-weight: bold;
}

ul.calendar-news {
  list-style: none;
  width: 95%;

}

ul.calendar-news li.calendar-event {
  border-bottom: 1px dotted silver;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
ul.calendar-news li.calendar-event span.date {
  font-weight: bold;
  display: block;
  padding-bottom: 5px;
}

ul.calendar-news li.calendar-event a {
  font-weight: bold;
}


/*****************************************************************************/


.header-bar .col-list {
  margin: 0 2.08% 0 1.04%; /* 0 20px 0px 10px */
  padding-top: 17px;
}

.header-bar .col-list .rss-link {
  float: left;
  margin: -1px 7px 0 15px;
}

.header-bar .col-list .rss-link img {
}

.header-bar .col-list-last {
  margin-right: 0;
}

.col-list h2 {
  margin-top: 0;
  font-size: 1.4em;
  line-height: 1em;
}

.col-list p,
.col-list-narrow p,
.col-list-wide p {
  margin: 3px 0;
}

.col-list .block,
.col-list-narrow .block,
.col-list-wide .block {
  display: block;
  margin: 3px auto;
}

.posts {
  margin: 0;
  padding: 0;
  list-style-type: none;
  line-height: 1.4em;
}

.col-list .posts {
  margin-right: 3.125%; /* 30px*/
}

.rounded-box .posts {
  margin: 0 1.56%; /* 15px*/
  padding: 10px 0;
}

.posts li {
  overflow: hidden;
  margin-bottom: 7px;
  padding-top: 7px;
  border-top: solid 1px #E5E5D6;
}

.posts li.first {
  padding-top: 0;
  border-top: none;
}

.posts .thumb-link {
  float: left;
  margin: 1% 1.5% 0 0;
}

.posts .date,
.posts .title-link {
  font-weight: bold;
}

.posts .title-link,
.posts .location,
.posts .description {
  display: block;
}

.posts .location,
.posts .description {
  font-weight: normal;
}

.posts-social {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.col-list-wide .posts-social {
  margin: 0 20px;
}

.posts-social li {
  margin-bottom: 12px;
  padding: 0 15px 12px 15px;
  
}

.posts-social li.head {
  border-bottom: solid 1px #10283F;
  
}

.posts-social .poster {
  float: left;
  width: 60px;
  text-align: center;
}

.posts-social .poster img {
  display: block;
  margin: 3px 0 5px 0;
}

.posts-social .post-date,
.posts-social .post {
  margin-left: 75px;
}

.posts-social .post-date,
.posts-social .post-age {
  color: #999;
}

.facts-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.facts-list li {
  margin-bottom: 25px;
}

.facts-list .title {
  font-weight: bold;
}

.facts-list .image-area {
  float: left;
  margin: 6px 10px 5px 0;
}

.facts-list .description {
  font-size: 0.8em;
  line-height: 1.4em;
}

.main-content {
  position: relative;
  padding-left: 1%;
  height: 100%;
  width: 90%;

}

@media screen and (max-width: 760px) {
.main-content {
  width: 96%;
  
}
}

@media screen and (max-width: 600px) {
.main-content {
  background: none;
}
}

.main-content-wide {
  width: 98%;
  
}




.two-col-outer-wide,
.main-content .two-col-outer {
  overflow: hidden;
  font-size: 1.2em;
  line-height: 1.3em;
}

.content-wide {
  width: 100%; /* 743/960px */
}

.col1, .col2 {
  float: left; border-bottom: 1px solid #ffffff;
  width: 45%;
  padding-bottom: 20px;
}

.col1 {
  padding-right: 5%;
}

@media screen and (max-width: 760px) {

.col1, .col2 {
  float: left; border-bottom: 1px solid #ffffff;
  width: 90%;
  padding-bottom: 20px;
}

.col1 {
  padding-right: none;
}


}

.main-content .two-col-outer .col {
  float: left;
  margin-right: 2.083%; /* 20/960px */
  width: 45%;
}

@media screen and (max-width: 760px) {
.main-content .two-col-outer .col {
  margin-right:  0%
  
}
}

@media screen and (max-width: 600px) {
.main-content .two-col-outer .col {
  width: 98%;
  
}
}


.main-content .two-col-outer .col2 {
  margin-right: 0;
}

.main-content .two-col-outer h2 {
  margin: 20px 0 15px 0;
  border-bottom: solid 1px #b2e5ff;
  padding: 0 15px 5px 15px;
  font-size: 1.2em;
}

@media screen and (max-width: 760px) {
.main-content .two-col-outer h2 {
  font-size: 1.3em;
}
}



.main-content .two-col-outer p,
.main-content .two-col-outer ul {
  margin: 20px 0 15px 0;
  padding: 0 3%;
}

.main-content .two-col-outer .links-list li {
  margin-bottom: 4px;
}

.news-tabs-outer {
width: 61%; /* 468/780 */
}
@media screen and (max-width: 760px) {
.news-tabs-outer {
  width: 98%;
   
}
}

.news-tabs-outer .nav {
  width: 99%; 
}



.news-tabs-outer .ui-tabs-panel {
  margin-bottom: 10px;
  width: 95%; /* 430/780 */
}


.news-tabs-outer .ui-tabs-panel .posts  {
  padding-bottom: 15px;
}

.news-tabs-outer .ui-tabs-panel .posts .title-link {
  font-size: 1.2em;
  line-height: 1.3em;
}

.news-tabs-outer .ui-tabs-panel .posts td {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 1%;
  border-bottom: 1px solid #E5E5D6;
}

.news-tabs-outer .ui-tabs-panel .posts td.first {
  padding-top: 0;
}

.news-tabs-outer .page-nav-area {
  padding: 0;
  font-weight: bold;
  font-size: 0.9em;
}

.news-tabs-outer .page-nav-area span {
  display: inline;
  padding: 0px 4px 0px 4px;
}

.news-article {
  margin-bottom: 20px;
  border-bottom: solid 1px #d8d8c7;
}

.news-article .date {
  display: block;
  font-weight: bold;
}

.news-article h2 {
  margin: 0 0 20px 0;
  line-height: 1.1em;
  color: #069;
}

.news-article .media-contact-info {
  margin: 20px 0;
  border-top: dotted 1px #999;
  padding-top: 20px;
}

.banner-bottom .search-form {
  margin-top: -6.25%;  /* 60/960 */
  margin-left: 31.25%; /*300/960*/
}

.tactical-buttons-outer {
  overflow: hidden;
  padding-bottom: 20px;
}

.tactical-buttons-outer a {
  float: left;
}

.tactical-button {
  margin-right: 6px;
  display: block;
}

.video-outer {
  width: 430px;
  background: #F2F2EA;
}
.video-teaser { padding-bottom: 15px; }
.video-outer .caption {
  padding: 0 15px;
  line-height: 1.1em;
  background: url("http://cnu.edu/images/common/video-caption-bottom.gif") 0 100% no-repeat;
}

.video-outer .title {
  margin: 10px 0 3px 0;
  padding-left: 20px;
  font-size: 1.15em;
  font-weight: bold;
  background: url("http://cnu.edu/images/common/icon-video.gif") no-repeat;
}

.video-outer p {
  margin: 0;
  padding: 0 0 10px 0;
  font-size: 0.9em;
  background: url("http://cnu.edu/images/common/video-caption-bottom.gif") 0 100% no-repeat;
}


/*** Responsive iframe embed**********/

iframe {
  max-width: 100%;
}



/*** Side columns ************************************************************/

.subnav-col {
 position: relative; 
  float: left;
  width: 17.4%; /* size of sibling nav column + padding*/
  margin: 0;
  padding: 0;
  height: 100%;
}

.main-content-wide .subnav-col {
  width: 15.9%;
}

@media screen and (max-width: 760px) {
.main-content-wide .subnav-col {
  width: 16.56%;
}
}

@media screen and (max-width: 600px) {
.subnav-col {
  display: none; /* hides left hand sibling nav column on mobile screen to be replaced with another */
}
}

.subnav-col-mobile {
  float: left;
  width: 100%; 
}

@media screen and (min-width: 605px) {
.subnav-col-mobile {
  display: none; /*hides from larger browsers */
}
}

.body-outer .side-col {
  position: relative;
  overflow: hidden;
  float: right;
  margin-top: -12px;
  width: 31.14583%; /* 299/960px size of right SPIF column*/
  z-index: 100;  
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color:#fff;
  /*border:1px solid silver;*/
  margin-right:.5%;
  -webkit-box-shadow: 3px 3px 5px 5px rgba(0,0,0,1);
  box-shadow: 3px 3px 10px 5px rgba(0,0,0,.25);
  width:30%;
  max-width: 280px;
  margin-left: 15px;
}

div.rounded-box-inner div.head {
  margin: 0 auto;
  text-align: center;
}

#get-info-outer {
  background-color:  #002c76;
  padding: 5px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
background-color: #1A3750;

color: #1A3750;
}

@media screen and (max-width: 760px) {
.body-outer .side-col {
  display: none; /* gets rid of SPIF outer column for mobile screens */
}
}

.body-outer .side-col2 {
  margin-top: -12px;
}


/*--- Subnav - Left Column Navigation---*/

.subnav {
  padding-top: 5px;
}

/*--- Subnav - Standard Navigation---*/

.subnav:only-of-type {
  margin: 0px 0px 10px 0;
  border-bottom: dotted 1px #999;
  /*padding: 10% 0 10% 11.43%; /* originally 15px 0 5px 20px - widths were /175px *!/*/
  list-style-type: none;
  width: 100%;
}

.subnav:only-of-type li {
  padding:10px 15px 5px;
}

.subnav:only-of-type li.selected:before {
  float: right;
  font-size: 1.25em;
  margin-right: -15px;
  content: '▶︎';
  color: green;
  vertical-align: top;
  margin-top: -2px;
}

.subnav:only-of-type li:last-of-type {
  padding:5px 15px 15px;
}

.subnav li a {
  font-weight:bold;
}

/*--- Subnav - Standard Navigation with Related Links --*/

.subnav:first-of-type {
  margin: 0px 0px 10px 0;
/*  border-bottom: dotted 1px #999;*/
  /*padding: 10% 0 10% 11.43%; /* originally 15px 0 5px 20px - widths were /175px *!/*/
  list-style-type: none;
  width: 100%;
}

.subnav:first-of-type li {
  padding: 5px 18px 5px 15px;
}

.subnav:first-of-type li:last-of-type {
  padding: 5px 18px 5px 15px;
}

.subnav:first-of-type li.selected:before {
  float: right;
  font-size: 1.25em;
  margin-right: -5px;
  content: '▶︎';
  color: green;
  vertical-align: top;
  margin-top: -2px;
}

.subnav:first-of-type li a {
  font-weight:bold;
}

.subnav:last-of-type li.alt-section:only-of-type {
  background: url("http://cnu.edu/images/common/columns-subnav-alt.gif") -10px 0 repeat-y #369;
  padding: 0;
}

@media screen and (min-width:600px) {
.subnav:last-of-type li.alt-section:only-of-type {
  background: url() -10px 0 repeat-y #369 !important;
  padding: 0;
}
}

.subnav:last-of-type li.alt-section:only-of-type ul{
  padding: 0 0px 0 0px;
  margin: 0;
}

.subnav:last-of-type li.alt-section:only-of-type ul li{
  border-bottom: 1px dotted silver;
  padding: 10px 18px 10px 15px;
}


.subnav:last-of-type li.alt-section:only-of-type ul li a {
  color: white;
}

/*--- Subnav - Standard Navigation with Siblings and Related Links --*/

.subnav:first-of-type {
  margin: 0px 0px 10px 0;
/*  border-bottom: dotted 1px #999;*/
  /*padding: 10% 0 10% 11.43%; /* originally 15px 0 5px 20px - widths were /175px *!/*/
  list-style-type: none;
  width: 100%;
}

.subnav:first-of-type li {
  padding: 5px 18px 5px 15px;
}

.subnav:first-of-type li a + ul:before{
  /*content:" ";*/
/*  display: block;*/
/*  height: 10px;*/
/*outline: 10px;*/
}

.subnav:first-of-type li ul:first-of-type{
  border-top: 1px dotted silver;
}

.subnav:first-of-type li:last-of-type {
  padding: 5px 15px;
}

.subnav:first-of-type li ul:last-of-type {
  border-bottom: 1px dotted silver;
  
}

.subnav:first-of-type li.selected {
  padding: 5px 18px 5px 15px;
}

.subnav:first-of-type li ul {
  border-top: 1px dotted silver;
  padding: 0;
  margin: 0 0 0 -16px;
}

.subnav:first-of-type li.selected ul {
  border-top: 1px dotted silver;
  padding: 0;
  margin: 0 0 0 0px;
}

.subnav:first-of-type li.selected ul:last-of-type {
border-bottom: 1px dotted silver;

}

.subnav:first-of-type li.selected ul li{
  padding: 5px 0 0 5px;
  margin: 0;
}

.subnav:first-of-type li ul li.selected:after{
float: right;
font-size: 1.25em;
margin-right: -25px;
content: '▶︎';
color: green;
vertical-align: top;
margin-top: -2px;
}

.subnav:first-of-type li ul li.selected:before{
float: left;
content: '▶︎';
color: #ddd;
margin-left: -15px;
font-size: 100%;
}

.subnav:first-of-type li.selected ul:first-of-type{
  margin-top: 10px;
}

.subnav:first-of-type li.selected ul li a{
  padding: 0px;
}

.subnav:first-of-type li ul li:before{
  float: left;
  content: '▶︎';
  color: #ddd;
  margin-left: -15px;
}

.subnav:first-of-type li.selected ul li:before{
  float: left;
  content: '▶';
  color: #ddd;
  margin-left: -21px;
  
}

.subnav:first-of-type li.selected:before {
  float: right;
  font-size: 1.25em;
  margin-right: -15px;
  content: '▶';
  color: green;
  vertical-align: top;
  margin-top: -2px;
}

.subnav:first-of-type li a {
  font-weight:bold;
}

/*--- Subnav - Related Only Links ---*/

.subnav:only-of-type li.alt-section:only-of-type {
  background: url("http://cnu.edu/images/common/columns-subnav-alt.gif") -10px 0 repeat-y #369;
  padding: 0;
}

@media screen and (min-width:600px) {
.subnav:only-of-type li.alt-section:only-of-type {
  background: url() -10px 0 repeat-y #369 !important;
}
}

.subnav:only-of-type li.alt-section:only-of-type ul{
  padding: 0 0px 0 0px;
  margin: 0;
}

.subnav:only-of-type li.alt-section:only-of-type ul li{
  border-bottom: 1px dotted silver;
  padding: 5px 10px 5px 15px;
  content: '' !important;
}

.subnav:only-of-type li.alt-section:only-of-type ul li:before{

  content: '' !important;
}


.subnav:only-of-type li.alt-section:only-of-type ul li a {
  color: white;
}


/*--- Page Functions ---*/

.page-function-links {
  margin: 20px 0 0;
  list-style-type: none;
  padding: 3% 9% 3% 6%;
  font-size: 0.9em;
  
}

@media screen and (max-width: 760px) {
.page-function-links {
  background: none;
  font-size: 0.8em;
}
}


@media screen and (max-width: 600px) {
.page-function-links {
  text-align:center; 
  font-size: 1em;
}
}

.page-function-links li {
  margin-bottom: 8px;
}

.page-function-links .email-link {
  padding-left: 20px;
  background: url("http://cnu.edu/images/common/email.png") left 0 no-repeat;
  background-size: 13px 13px;
}

.page-function-links .print-link {
  padding-left: 20px;
  background: url("http://cnu.edu/images/common/print.png") left 0 no-repeat;
  background-size: 13px 13px;
}

/*--- SPIFs ---*/


/*.rounded-box-outer {
  position: relative;
  margin-right: 7.14%; /* 20/280px *!/
  margin-bottom: 10px;
  padding-top: 3%; /* 11px *!/
  width: 93.645%; /* 280/299px *!/
  max-width: 280px;
  background: url("http://cnu.edu/images/side-cols/rounded-box-top.png") no-repeat;
  background-size: 100%;
}

.rounded-box {
  padding-bottom: 3%; /* 11px *!/
  background: url("http://cnu.edu/images/side-cols/rounded-box-bottom.png") 0 100% no-repeat;
  background-size: 100%;
}

.rounded-box2 {
  background: url("http://cnu.edu/images/side-cols/rounded-box-bottom2.png") 0 100% no-repeat;
  background-size: 100%;
}

.rounded-box-inner {
  padding: 0 2%; /* 3/280px *!/
  background: url("http://cnu.edu/images/side-cols/rounded-box-sides.png") repeat-y;
  background-size: 100%;
  
}*/

.rounded-box-reverse {
  position: relative;
  margin-bottom: 10px;
  width: 100%; /* 274/280px */
  max-width: 274px;
  padding: 2% 1.07% 4% 1.07%; /* orig 3px 3px 4px 3px - widths /280px */
  background: url("http://cnu.edu/images/side-cols/rounded-box-reverse-sides.gif") repeat-y;
  background-size: 100%;
}

.rounded-box-reverse-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; /* 280/299px */
  max-width: 280px;
  height: 11px;
  font-size: 0;
  background: url("http://cnu.edu/images/side-cols/rounded-box-reverse-top.gif") no-repeat;
  background-size: 100%;

}

.rounded-box-reverse-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; /* 280/299px */
  max-width: 280px;
  height: 11px;
  font-size: 0;
  background: url("http://cnu.edu/images/side-cols/rounded-box-reverse-bottom.gif") no-repeat;
  background-size: 100%;
}

.rounded-box .head,
.rounded-box-reverse .head {
  padding: 15px 0 13px 0;
  border-bottom: dotted 1px #ADADAD;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.rounded-box .content {
  padding: 0px 10px 10px 10px;

}

.rounded-box .content2 {
  padding-top: 5px;
  padding-bottom: 15px;
  background: url("http://cnu.edu/images/spifs/bg-spif2.gif") repeat-x;
}

.rounded-box-reverse .head {
  border-bottom: none;
}

.rounded-box .head2 {
  /*margin-top: 10px;*/
/*  border-top: solid 5px #fff;*/
}

.rounded-box-reverse .content {
  margin: 5px 10px 0 10px;
}

.rounded-box .image-link img {
  display: block;
  margin: 10px auto 0 auto;
}

.rounded-box .title {
  /*margin: 0 10px;  */
  padding: 12px 0 0 0px;
  font-size: 1.3em;
  font-weight: bold;
}

.rounded-box .titleNoimage {
  margin: 0 10px;  
  padding: 4px 0 0 4px;
  font-size: 1.3em;
  font-weight: bold;
}

.rounded-box p,
.rounded-box .microform {
  clear: left;
  /*margin: 5px 10px 0 10px;*/
/*  padding-left: 0.4em;*/
  line-height: 1.4em;
}

.rounded-box .foot,
.rounded-box-reverse .foot {
  margin-top: 10px;
  border-top: dotted 1px #ADADAD;
}

.rounded-box .foot2,
.rounded-box-reverse .foot2 {
  margin-top: 0;
  padding-left: 15px;
  border-top-color: #fff;
}

.rounded-box-reverse .foot {
  margin: 0;
  padding: 5px 15px 0 15px;
  border-top: solid 1px #fff;
}

.rounded-box .foot .inline-list {
  margin-top: 10px;
  padding-bottom: 10px;
  font-size: 1.1em;
  color: #c30;
}

.rounded-box .foot .inline-list li {
  margin: 0 0 0 16px;
  padding: 0;
  font-size: 1em;
}

.rounded-box .foot .inline-list a {
  font-size: 1em;
  font-weight: bold;
}

.rounded-box-reverse .spif {
  color: #fff;
  background: #10283F;
}

.rounded-box-reverse .spif2 {
  color: #333;
  background: #EFEFE4;
}

.rounded-box-reverse .spif2 .title {
  font-size: 1.15em;
  font-weight: bold;
}

.rounded-box-reverse .spif2 .content {
  margin: 0;
  padding: 10px 15px 10px 15px;
  border-bottom: solid 1px #D1CFC1;
  line-height: 1.4em;
}

.rounded-box-reverse .spif2 .content p {
  margin: 0 0 0 0;
}

.rounded-box-reverse .spif img {
  display: block;
  margin: 0 auto;
}

.rounded-box-reverse .spif .top-img {
  margin-bottom: 12px;
  border-bottom: solid 7px #B2E5FF;
}

.rounded-box-reverse .slide-area {
  position: relative;
  left: 0;
  top: 0;
  width: auto;
}

.rounded-box-reverse .slide-area .slide {
  margin: 0 auto;
  border: solid 1px #D1CFC1;
  width: 91.07%; /*255/280px*/
  max-width: 255px;
}

.rounded-box-reverse .slide img {
  border: solid 1px #fff;
}

.rounded-box-reverse .slide-nav {
  position: absolute;
  left: 0;
  top: 65px;
  width: 97.86%; /* 274/280px */
  max-width: 274px;
}

.rounded-box-reverse .slide-nav .nav-left {
  float: left;
}

.rounded-box-reverse .slide-nav .nav-right {
  float: right;
}

.columnVideo { margin-left: auto; margin-right: auto; text-align: center;}

/**
*   Begin Really Simpleâ„¢ Slideshow -- CSS
*/

.rs-slideshow {
    border: 12px solid #444;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -khtml-border-radius: 12px;
    height: 130px;
    margin: 24px auto;
    overflow: hidden;
    position: relative;
    width: 255px;
}

.rs-slideshow .slide-container {
    background-color: #444;
    position: absolute;
    height: 100%;
    left: 0;
    overflow: hidden;
    top: 0;
    width: 100%;
}

.rs-slideshow .slide-container img {
    position: absolute;
}

.rs-slideshow .slide-container .slide-caption {
    background-color: #000;
    bottom: 0;
    color: #fff;
    display: block;
    left: 0;
    padding: 6px 12px;
    position: absolute;
    text-align: center;
    right: 0;
    /*width: 100%;*/
    filter: alpha(opacity=70); /* internet explorer */
    -khtml-opacity: 0.7;      /* khtml, old safari */
    -moz-opacity: 0.7;       /* mozilla, netscape */
    opacity: 0.7;           /* fx, safari, opera */
}

.rs-slideshow .slides {
    display: none;
}


/**
*   These styles make the list of links to slide images visible to users
*   who don't have JavaScript enabled. By adding the 'no-js' class to 
*   the HTML element, and using Modernizr to remove this class for JS
*   users, we can style for both scenarios.
*   http://www.modernizr.com/
*/

.no-js .rs-slideshow {
    height: auto;
}
.no-js .rs-slideshow .slide-container, 
.no-js .rs-slideshow .slide-container img {
    position: relative;
}
.no-js .rs-slideshow .slides {
    display: block;
    margin: 24px 48px;
}
.no-js .rs-slideshow .slides li {
    margin: 0;
}



/**
*   The following styles are used in the demos with slideshow controls, 
*   such as play/pause and prev/next buttons.
*/

.rs-controls {
    clear: both;
    margin: 12px auto;
    width: 255px;
}
.rs-play-pause, .rs-prev, .rs-next {
    float: left;
    margin-right: 12px;
}
.rs-controls ul {
    float: left;
    list-style: none;
    margin: 0 6px 0 0;
    padding: 0;
}
.rs-index-list li {
    float: left;
    margin-right: 6px;
}
.rs-controls a {
    background-color: #eee;
    border: 1px solid #ddd;
    /*border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;*/
    color: #444;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 5px;
    text-decoration: none;
}
.rs-controls a:hover {
    background-color: #ddd;
    color: #444;
}
.rs-controls .rs-active {
    background-color: #444;
    border: 1px solid #444;
    color: #eee;
}


#callback-messages {
    margin: 48px auto;
    width: 255px;
}



/*  Clearfix    */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }
/**
*   End Really Simpleâ„¢ Slideshow -- CSS
*/


/*** Footer ******************************************************************/

.footer-outer {
  width: 90%;
  margin: 0 auto;
  max-width: 960px;
  
}

.footer {
  padding: 2% 3.125%;
  margin:0 auto;
}

@media screen and (max-width: 800px) {
.footer-outer {
  
  float: none;
  margin-left:auto;
  margin-right:auto;
    margin-top:60px;

}
}

.footer-links {
  text-align:right;
}

@media screen and (max-width: 800px) {
.footer-links {
  float: none;
  text-align: center; 
  width:100% !important;
}
}

.footer-links li {
  padding: .2em;
}

.footer-links li:after {
    content: " / ";
}

.footer-links li:last-of-type:after {
    content: "";
}

.reader-links {
    text-align:right;
    margin-top:1em;
}

.reader-links a,
.reader-links a:visited {
    color:#FFCC00;
    font-size: .85em;
}

.reader-links li > ul.inline-links li {
  display:inline;
  list-style-type: none;
}

.reader-links li > ul.inline-links li:after {
  content: " / ";
}

.reader-links li > ul.inline-links li:last-of-type:after {
  content: "";
}


.reader-links li a + a:before {
    content:" / ";
    color:#fff;
    text-decoration"none";
}

@media screen and (max-width: 800px) {
.footer-links li, .reader-links li {
  font-size: .8em;
  float: none;
  text-align: center; 
  padding-top: 10px;
}

}

@media screen and (max-width: 900px) {
.footer-links li {
  padding: 1.5;
}
}

.footer-links a,
.footer-links a:visited {
  color: #0cf;
}

.social-footer {
width: 300px;
margin:0 auto;
clear: left;
text-align: center;
margin-top: 5px;
}

.social-footer span img {
  width: 32px;
  padding-top: 2%;
}


.footer .social-img {
  
  padding-bottom: 5%; /* increased from 3% to 5% */
  padding-left:1%;
  padding-top:3%;
  float: right;
  
}

@media screen and (max-width: 800px) {
.footer .social-img {
  float: none;
  text-align: center; 
  margin-left:auto;
  margin-right:auto;
}
}

footer .logo-img {
  vertical-align: bottom;
  padding-bottom: 3%; 
  float: left;
}

.footer .copyright,
.footer .org {
  font-weight: bold;
}

.footer .copyright {
  margin-left: 1.5%;
}

.footer .vcard {
  float: left;
  margin: 0 0.5%; /* changing to 0.5 to see what happens */
}

@media screen and (max-width: 800px) {
.footer .vcard {
  font-size: .8em;
  text-align: center;
  float: none;
  padding: 10px 0;
  
}
}
.main-content-outer .noPadTop, .noPadTop { padding-top: 0px; }

.main-content a[href="#top"]:before {
  content:  '▲ ';
  color: green;
}

.bodyCopy a[href$=".doc"], .bodyCopy a[href$=".docx"], .body-copy a[href$=".doc"], .body-copy a[href$=".docx"], .content-wide a[href$=".doc"], .content-wide a[href$=".docx"]{
  background: url(http://cnu.edu/images/common/file-word.png) right center no-repeat;
  background-size: 15px 15px;
  padding-right: 20px;
}

.bodyCopy a[href$=".xls"], .bodyCopy a[href$=".xlsx"], .body-copy a[href$=".xls"], a[href$=".xlsx"], a[href$=".xls"]{
  background: url(http://cnu.edu/images/common/file-excel.png) right center no-repeat;
  background-size: 15px 15px;
  padding-right: 20px;
}

.bodyCopy a[href$=".ppt"], .bodyCopy a[href$=".pptx"], .body-copy a[href$=".ppt"], a[href$=".pptx"], a[href$=".ppt"]{
  background: url(http://cnu.edu/images/common/file-powerpoint.png) right center no-repeat;
  background-size: 15px 15px;
  padding-right: 20px;
}

.bodyCopy a[href$=".pdf"], .body-copy a[href$=".pdf"], .content-wide a[href$=".pdf"]{
  background: url(http://cnu.edu/images/common/file-pdf.png) right center no-repeat;
  background-size: 15px 15px;
  padding-right: 20px;
}

.body-copy a[href$=".pdf"] img, .content-wide a[href$=".pdf"] img{
  background: none !important;
}

/*---*/

.bodyCopy a[href$=".doc"].no-icon, .bodyCopy a[href$=".docx"].no-icon, .body-copy a[href$=".doc"].no-icon, .body-copy a[href$=".docx"].no-icon, .content-wide a[href$=".doc"].no-icon, .content-wide a[href$=".docx"].no-icon {
  background: url() right center no-repeat;
  background-size: 15px 15px;
  padding-right: 0px;
}

.bodyCopy a[href$=".xls"].no-icon, .bodyCopy a[href$=".xlsx"].no-icon, .body-copy a[href$=".xls"].no-icon, a[href$=".xlsx"].no-icon, a[href$=".xls"].no-icon {
  background: url() right center no-repeat;
  background-size: 15px 15px;
  padding-right: 0px;
}

.bodyCopy a[href$=".ppt"].no-icon, .bodyCopy a[href$=".pptx"].no-icon, .body-copy a[href$=".ppt"].no-icon, a[href$=".pptx"].no-icon, a[href$=".ppt"].no-icon {
  background: url() right center no-repeat;
  background-size: 15px 15px;
  padding-right: 0px;
}

.bodyCopy a[href$=".pdf"].no-icon, .body-copy a[href$=".pdf"].no-icon, .content-wide a[href$=".pdf"].no-icon {
  background: url() right center no-repeat;
  background-size: 15px 15px;
  padding-right: 0px;
}

.body-copy a[href$=".pdf"] img, .bodyCopy a[href$=".pdf"] img, .content-wide a[href$=".pdf"] img{
  background: none !important;
}

.main-content .content-area a[href^="mailto:"].no-icon, .bodyCopy a[href^="mailto:"].no-icon, .content-wide a[href^="mailto:"].no-icon, .col a[href^="mailto:"].no-icon{
  background: url() right center no-repeat;
  background-size: 15px 15px;
  padding-right: 0px;
}

@media screen and (min-width:600px) {
  .page-top > .logo-area {display: none;
  }
}
@media screen and (max-width:768px) {

a.trigger{
position: absolute;
text-decoration: none;
margin-top:-40px;
right: 0;
z-index:1000;
font-size: 1.2em;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 5px 10px 5px 40px;
background: transparent url(http://cnu.edu/images/nav/plus.png) 15% 55% no-repeat;
border:none;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
}


a.trigger:hover{
position: absolute;
text-decoration: none;
right: 0;
z-index:1000;
margin-top:-40px;

font-size: 1.2em;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 5px 10px 5px 40px;
background:#0c4170 url(http://cnu.edu/images/nav/plus.png) 15% 55% no-repeat;
border:none;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
}

a.active.trigger {
background:#115c9e url(http://cnu.edu/images/nav/minus.png) 15% 55% no-repeat;
border:none;

}

  .header {
    display: none;
    position: absolute;
    /*    margin-top:-40px;*/
    background: #0C4170;
    z-index:999;
    border:none;
    -moz-border-radius-topleft: 50px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    -webkit-border-bottom-left-radius: 20px;
    width: 300px;
    height: 600px;
    line-height: 22px;
    padding-top: 20px;
    padding-right: 30px;
    padding-left: 20px;
    font-size: 1.2em;
    margin-left: auto;
    margin-right: 0;
    right: 0;
    margin-top: 0;
    top: -20px;
  }
  
  .header > * {
    font-size: 1.2em !important;
    line-height: 1.43;
  }
  
  .header .logo-area {
    display: none;
  }
  
  .page-top > .logo-area {
    position: absolute;
    display: block;
    padding: 2% 5% 0 3.085%;
    width: 40%;
    margin-top: -14%;
  }
  .header .primary-nav-area::before {
    color: goldenrod;
    font-weight: bolder;
    content: "Main Menu";
  }
  .header .primary-nav-area {
    float: right;
    display: block;
    background-image: none;
    width: 100%;
    height: 40px;
    float: left;
      text-transform: capitalize;
    clear: both;
  }
  
  .header .primary-nav-area a{
    color: #fff;
    text-transform: capitalize;
    text-align: left;
  }
  
  .header .primary-nav-area ul li {
    margin: 0;
    padding: 0;
    
  }
  
   .primary-nav {
    padding: 0 !important;
    margin: 0;
  }
  
  .header .left {
    height: 170px;
    float: left;
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
  }
  
  .header .right {
    margin: 0;
    padding: 0 0 15px 0 ;
    float: left;
    width: 100%;
    display: block;
  }
  
  .header .right .search {
    min-width: 270px;
    width: 100% !important;
    margin: 0;
    padding: 0;
    float: none;
  }
  
  .header-search-box #q {
    width: 81%;
  }
  
  input#q{
    display: inline-block;
  }
  
  #header-search-button {
    display: inline-block;
    height: 37px;
    width: 37px;
  }
  
  .header .tertiary-nav {
      float: right;
      margin: 1% 0 0 0;
    min-width: inherit !important;
      font-size: 0.9em;
      font-weight: inherit;
      line-height: inherit;
      width: 100%; 
     text-align: left; 
     background-color: none;
  }

  .header .tertiary-nav ul.inline-list {
    margin-bottom: 65px;
  }
  
  .header .tertiary-nav ul.inline-list li {
    display: block !important;
  } 
  
  .tertiary-nav li:before {
    content: "";
    color: #fff;
   
  }
  
  .tertiary-nav li:first-of-type:before {
    content: "";
  }
  
  .tertiary-nav li.first {
    padding-left: 0;
    margin-left: 0;
    background: none;
    content: "";
  }
  
  .tertiary-nav .inline-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  
  .tertiary-nav  .inline-list li {
    display: block !important;
    padding: 0 0.6em;
  }

    #get-info-outer:before {
    content: "Information for";
    color: goldenrod;
    font-weight: bolder;
    
    }  
  #get-info-outer{
    background: none;
    width: 100%;
  }
  
  #get-info-link {
    display: none;
    background: none;
  }
  
  #get-info-list {
    display: block !important;
    position: absolute;
    z-index: 50;
    margin: 0;
    padding: 4px 0;
    width: 100%;
    font-weight: normal;
    list-style-type: none;
    background: none;
    border-bottom: none;
  }
  
  #get-info-list li {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
  }
  
  #get-info-list li a,
  #get-info-list li a:visited {
    color: #fff;
  }
  
  #get-info-list li.first {
    border-top: none;
  }
  
  .panel { 
    position: absolute;
    margin-top:-40px;
    right: 0;
    display: none;
    background: #0C4170;
    z-index:999;
    border:none;
    -moz-border-radius-topleft: 20px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    -webkit-border-bottom-left-radius: 20px;
    width: 280px;
    height: auto;
    line-height: 22px;
    padding: 30px 30px 30px 30px;
    }
    
    
    
    .panel p{
    margin: 0 0 15px 0;
    padding: 0;
    color: #eee
    
    }
    
    .panel h3 {
    font-size:1.2em;
    font-family:verdana, helvetica, arial, sans-serif;
    letter-spacing:-1px;
    color:#fc0;
    text-transform:uppercase;
    margin:0;
    padding:8px 0 8px 0;
    }
    
    .panel a, .panel a:visited{
    margin: 0;
    padding: 0;
    color: #eee;
    text-decoration: none;
    
    }
    
    .panel a:hover, .panel a:visited:hover{
    margin: 0;
    padding: 0;
    color: #0cf;
    list-style-type: none;
    text-decoration: none;
    }
    
    .panel ul{
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-decoration: none;
    }
    
    .panel ul li{
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-decoration: none;
    }
    
  }


input#q {
  
}

div.search label {
  display:none;
  color:#fff;
}

.footer .left, .footer .center, .footer .right {
  width:33%; display:inline-block;
}

.footer .center {
  text-align:center;
  vertical-align:top;
}

.footer .social-icon {
    display:inline-block;
}

@media screen and (max-width: 800px) {
    .footer .left, .footer .center, .footer .right {
  width:100%; display:block;
}
}

div#cnualert-box {
    
    background-color:#000;
text-align:center;
padding:15px 60px;
}