/*
-----------------------------------------------
© The Royal Academy of Engineering - 2007
----------------------------------------------- */

body {
margin: 0; padding: 0px;
font-family: Verdana, Arial;
text-align: left;
background-color: #FFFFFF
}

p {
font-family: Verdana, Arial;
text-indent: 0;
margin: 15px }

.heading1, h1 {
font-family: Verdana, Arial;
font-size: 130%;
text-align: left;
color:#8F987E;
margin-left: 15px;
margin-right: 15px;
margin-top: 30px;
margin-bottom: 15px;
font-weight:bold }

.heading2, h2 {
font-family: Verdana, Arial;
font-size: 120%;
text-align: left;
color: #7581BF;
margin-left: 15px;
margin-right: 15px;
margin-top: 15px;
margin-bottom: 10px;
font-weight: bold;}

.heading3, h3 { font-size: 100%;
font-family: Verdana, Arial;
text-align: left;
color:#6DB33F;
margin-left:15px;
margin-right:15px;
margin-top:15px;
margin-bottom:10px; font-weight:bold }

.heading4, h4 {
font-family: Verdana, Arial;
font-size: 90%;
text-align: left;
color:#A39161;
margin-left:15px;
margin-right:15px;
margin-top:15px;
margin-bottom:10px; font-weight:bold }

.heading5, h5 {
font-family: Verdana, Arial;
font-size: 85%;
text-align: left;
color:#BABC93;
margin-left:15px;
margin-right:15px;
margin-top:15px;
margin-bottom:10px; font-weight:bold }

.heading6, h6 {
font-family: Verdana, Arial;
font-size: 85%;
text-align: left;
color:#EF3E42;
margin-left:15px;
margin-right:15px;
margin-top:15px;
margin-bottom:10px; font-weight:bold }

.normaltext {
font-family: Verdana, Arial;
font-size: 100%;
color: #000000 }

.largetext {
font-family: Verdana, Arial;
font-size: 120%;
color: #000000 }

.smalltext {
font-family: Verdana, Arial;
font-size: 80%;
color: #000000 }

.whitetext {
color: #FFFFFF }

.redtext {
color: #EF3E42 }

.bannertext {
font-family: Verdana, Arial;
font-size: 110%;
color: #a9a9a9;
margin-bottom:5px }

.bannerhighlight1 {
font-family: Verdana, Arial;
font-size: 130%;
color: #C0C0C0; font-weight:bold }

.bannerhighlight2 {
font-family: Verdana, Arial;
font-size: 130%;
color: #A39161; font-weight:bold }

.bannerhighlight3 {
font-family: Verdana, Arial;
font-size: 130%;
color: #BABC93; font-weight:bold }

.bannerhighlight4 {
font-family: Verdana, Arial;
font-size: 130%;
color: #8F987E; font-weight:bold }

:link.sitenavlink, :visited.sitenavlink {
color: #FFFFFF;
text-decoration:none
}

:active.sitenavlink, :hover.sitenavlink {
color: #FFFFFF;
text-decoration:underline
}

:link.sitenavselectedlink, :visited.sitenavselectedlink {
color: #767d68;
text-decoration:none;
font-weight:bold
}

:active.sitenavselectedlink, :hover.sitenavselectedlink {
color: #767d68;
text-decoration:underline;
font-weight:bold
}

.sitenavseperatorline {
background-color: #CCCCCC
}

:link.sectionnavselectedlink, :visited.sectionnavselectedlink {
color: #6DB33F;
text-decoration:none;
font-weight:bold
}

:active.sectionnavselectedlink, :hover.sectionnavselectedlink {
color: #6DB33F;
font-weight:bold
}

.sectionnavseperatorline {
background-color: #FFFFFF
}

a:link, a:visited {
color: #767d68;
}

a:active, a:hover {
color: #6DB33F;
}

.mainnavlink
{color: #767d68;
font-family:Verdana Arial;
font-size:80%;
padding-left:15px;
padding-right:15px
}

:link.navlink, :visited.navlink {
color: #767d68;
text-decoration:none;
}

:active.navlink, :hover.navlink {
color: #6DB33F;
}

.sectionlinks {
font-family: Verdana, Arial;
text-indent: 0;
margin-left:10px;
margin-right:5px;
margin-top:2px;
margin-bottom:3px
}

.sectionsublinks {
font-family: Verdana, Arial;
text-indent: 0;
margin-left:25px;
margin-right:5px;
margin-top:2px;
margin-bottom:3px
}

:link.sectionnavheadinglink, :visited.sectionnavheadinglink {
color: #767d68;
font-weight:bold;
text-decoration:none;
font-size:85%;
}

:active.sectionnavheadinglink, :hover.sectionnavheadinglink {
color: #767d68;
font-weight:bold;
text-decoration:underline;
font-size:85%;
}

.sectionlinksheadingline {
background-color: #767d68
}

:link.sectionnavlink, :visited.sectionnavlink {
color: #767d68;
text-decoration:none;
font-size:80%;
}

:active.sectionnavlink, :hover.sectionnavlink {
color: #767d68;
text-decoration:underline;
font-size:80%;
}

:link.sectionnavselectedlink, :visited.sectionnavselectedlink {
color: #767d68;
font-weight:bold;
text-decoration:none;
font-size:80%;
}

:active.sectionnavselectedlink, :hover.sectionnavselectedlink {
color: #767d68;
font-weight:bold;
text-decoration:underline;
font-size:80%;
}
.sectionnavselected {
background-color: #F8F8F8
}
.sectionlinkseparatorline {
background-color: #F8F8F8
}

.sitenavtable {
background-color: #2C2C2C
}

.searchtable {
background-color: #6DB33F
}

.sidebar {
background-color: #E7E5D3
}

.blockbackground {
background-color: #E7E5D3
}

.pollbackground {
background-color: #FFFFFF
}

input {
font-family: Verdana, Arial;
font-size: 80%
}

textarea {
font-family: Verdana, Arial;
font-size: 80%
}

select {
font-family: Verdana, Arial;
font-size: 80%
}

ul {
    margin: 0px 20px;
    /* color: #A39161 */
}

ol { margin:0px 40px;
color: #000000
}

.button {
border:1px solid #E7E5D3;
border-color:#BABC93
}

hr {
	width:100%;
	color: #E7E5D3;
	height:1px
}

div.figure {
  border: 2px #E7E5D3 solid;
  margin: 0.5em;
  max-width: 100%;
}
div.figure p {
  text-align: left;
  text-indent: 0;
  margin:5px;
}

div.figure img {
  display: block;
  max-width: 100%;
  height: auto;
}

div.figure div {
  display: block;
  max-width: 100%;
  height: auto;
}

p.normaltext img {
  display: block;
  max-width: 100%;
  height: auto;
}

.summary {
  display: block;
  margin-bottom: 10px;
  overflow: hidden;
  float: left;
}

.page-footer {
  margin-top: 20px;
  border-top: 1px solid #eee;
}

.logo {
     padding-top: 15px;
     padding-bottom: 5px;
}

.logo-sml {
    max-width: 50px;
    padding-top: 35px;
    padding-bottom: 5px;
}

.searchForm {
    padding-top: 10px;
    padding-left: 20px;
    margin-top: 35px;
    margin-bottom: 10px;
    background-color: #6DB33F;
    width: 200px;
    height: 50px;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 7px; 
    /* Firefox 1-3.6 */
    -moz-border-radius: 7px; 
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 7px;
}

.issue-cover-img {
   /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 10px; 
  /* Firefox 1-3.6 */
  -moz-border-radius: 10px; 
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 10px;
}

.page-art-img {
    float: right !important;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-top-left-radius: 10px; 
    -webkit-border-top-right-radius: 10px; 
    /* Firefox 1-3.6 */
    -moz-border-radius-topleft: 10px; 
    -moz-border-radius-topright: 10px; 
}

.secondary-nav {
    position: relative;
    display: block;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.secondary-nav a {
    display: block !important;
    padding: 10px 15px;
}

:hover.secondary-nav-parent {
    background-color: #F8F8F8;
}

#secondary-nav-selected {
    display: block !important;
    background-color: #F8F8F8;
}

.secondary-nav-selected a {
    display: block;
    padding: 10px 15px;
}

.secondary-nav-child a {
    display: block;
    padding: 0px 10px !important;
}
:hover.secondary-nav-child {

}

/* Bootstrap Dropdown Submenu */
.dropdown-submenu {
    position: relative;
}
 
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}
 
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}
 
.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
}
 
.dropdown-submenu:hover > a:after {
    border-left-color: #ffffff;
}
 
.dropdown-submenu.pull-left {
    float: none;
}
 
.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
 
.navbar-nav .divider-vertical {
    height: 40px;
    margin: 0 9px;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #ffffff;
}

.secondary-nav-container {

}

.btn {
    background-color: #BABC93;
}

.footer-links {

}

@media (max-width: 767px) {
  .secondary-nav-container {
    width: 100% !important;
    padding-right: 25px;
  }
  .secondary-nav-container > .pull-right {
    float: left !important;
    width: 100% !important;
  }
  .footer-links {
      float: left !important;
      padding-left: 15px;
      padding-top: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .secondary-nav-container {
    width: 100% !important;
    padding-right: 25px;
  }
  .secondary-nav-container > .pull-right {
    float: left !important;
    width: 100% !important;
  }
}