@import url("onepcssgrid.css");
@import url("style.css");
@import url("ra.css");
@import url("nav.css");
@import url("layout.css");
@import url("styleteam.css");
@import url("impstyle.css");
@import url("box3.css");
@import url("box4.css");
@font-face {
	font-family: 'OpenSans-Regular';
	src: url('../fonts/opensans/OpenSans-Regular.eot');
	src: url('../fonts/opensans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/OpenSans-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSans-RegularItalic';
	src: url('../fonts/opensans/OpenSans-RegularItalic.eot');
	src: url('../fonts/opensans/OpenSans-RegularItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/OpenSans-RegularItalic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'OpenSans-Semibold';
	src: url('../fonts/opensans/OpenSans-Semibold.eot');
	src: url('../fonts/opensans/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/OpenSans-Semibold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSans-SemiboldItalic';
	src: url('../fonts/opensans/OpenSans-SemiboldItalic.eot');
	src: url('../fonts/opensans/OpenSans-SemiboldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/OpenSans-SemiboldItalic.woff') format('woff');
	font-weight: 600;
	font-style: italic;
}



html, body {font-family: 'Open Sans', 'sans-serif';
	padding:0;
	margin:0;
	border: 0 none;
	min-width: 300px;
}

body,p {
	font-family: 'Open Sans', 'sans-serif';
	
	font-size:0.938em;
	color:#000;
}
h1,h2,h3,h4,h5,h6{color:#003366;font-family: 'Open Sans', 'sans-serif';}

* {
  margin:0;
  padding:0;
}

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

#top {position: relative;
          height:100px; line-height: 100px;
          width:100%;
         margin: 0 auto;
          background: #f8f8f8;

}
.top-logo {background: url(images/mcul3.jpg)  right  no-repeat;
         margin: 0 auto;
         max-width: 1400px;
         height:100px;
	 
         
         padding: 0;}
#symboldiv {
	position: absolute;
	 right: 80px;
	 top:0;
}



#nav {
         height: 45px;
         width:100%;
         position: relative;
         z-index:11;
         margin: 0 auto;
          box-shadow: 0px 2px 5px #333;
         background-color: #003366;} 
  

/*    Navigation 1    */
/**********************/
#tplge_nav {
	margin: 0;
}
#navtable {
	position: relative;
	height: 100%;
}
#navtable td {
	padding:0;
    text-align: left;
}
/*
.nav {
    padding: 0;
    position: absolute;
    right: 30px;
    top: 60px;
}
.nav ul {
	font-size: 15px;
    font-weight: bold;
    margin:0;
    padding:0;

}
.nav ul li {
	color: #f8f8f8;
    display: inline-block;
    line-height:2;
    padding: 0 10px;
    margin: 0px;
    white-space: nowrap;
}
.nav ul li a {
	color: #f8f8f8;
    margin: 0;
    padding: 0;
}

.nav ul li a:hover {
	color: #fff;
    text-decoration: underline;
}
.nav li.sdocs a {
    text-decoration: underline;
}
.nav li.sdoc {
    text-decoration: none;
}

/**********************/
/*    Navigation 2    */
/**********************/

.nav2 {
    float:right;
    clear:right;
	position: relative;
}
.nav2 ul {
    list-style-type: none;
    margin: 0 20px 0 0;
    padding:0;
	background:#dfe;
	border-radius: 10px;
}
.nav2 ul li {
    padding: 5px 10px;
}
.nav2 ul li a {
	color: black;
}
.nav2 ul li a:hover {
    color:#000;
}
.nav2 ul li ul  {
    margin:0 -1em 0 1em;
    padding: .5em 0 0 0;
    border-radius:0;
}
.nav2 ul li ul li {
    padding-left: 1em;
    margin-left:0;
}
.nav2 ul li ul li a {
    margin-left:-1em;
    padding-left: 1em;
}

#content {font-family: 'Open Sans', 'sans-serif';
  background-color: #f8f8f8;
}

.copyright {
	text-align: center;
    font-size: 80%;
    padding: 15px 10px 15px 10px !important;
}
.copyright a:link, .copyright a:visited {
    color: #fff
}
#footer {         
min-height:40px;
height: auto;
border-top: 1px 
solid #a9a9a9;
position: relative;
width: 100%;
background: url(images/linealhg.jpg)  left  repeat-x;
background-color: #003366;
margin: 0 auto;
}
.video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;border: 5px solid #fff;
    overflow: hidden;
}
.video iframe,.video object,.video embed {
    clear: both;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
        
}
iframe {
          border: none !important;
}
blockquote {font-family: 'Open Sans', 'sans-serif';font-size: .85em;font-style: width: 80%;margin: 0.25em 0;padding: 0.25em 40px;line-height: 1.5em;position: relative;color: #ffffff;background: #003366;-webkit-box-shadow: 0 0px 2px #fff;
  -moz-box-shadow: 0 0px 2px #fff;
  box-shadow: 0 0px 2px #fff;}

blockquote a,blockquote a:visited{color:#fff;}
blockquote a:after{content:"\00BB";}


}
img {max-width:100%;
height:auto;

}




i.fa {
  margin-bottom: 0.875rem;
  background-color: #fff;
  font-size: 14px;
  line-height: 16px;
  width: 14px;
  height: 14px;
  color: #003366;
  border-radius: 32px;}
em.fa {
  margin-bottom: 0;
  background-color: none;
  font-size: 14px;
  line-height: 14px;
  width: 16px;
  height: 16px;
  color: #003366;
  border-radius: 1px;}






hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(13,65,97,0), rgba(13,65,97,0.75), rgba(13,65,97,0)); 
    background-image:    -moz-linear-gradient(left, rgba(13,65,97,0), rgba(13,65,97,0.75), rgba(13,65,97,0)); 
    background-image:     -ms-linear-gradient(left, rgba(13,65,97,0), rgba(13,65,97,0.75), rgba(13,65,97,0)); 
    background-image:      -o-linear-gradient(left, rgba(13,65,97,0), rgba(13,65,97,0.75), rgba(13,65,97,0)); 

}
ul {
    list-style-type: square;
list-style-color: #003366;
}

li {
    list-style-type: square;
list-style-color: #003366;
}

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

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:active {
    text-decoration: underline;
}
@media all and (max-width: 320px) {
  .flexbox {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
#footer {         
min-height:40px;
height: auto;border-top: 1px solid #a9a9a9;
	position: relative;
	    width: 100%;
    background-color: #003366;
    margin: 0 auto;
}

}

@media all and (max-width: 766px) {
  .flexbox {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
#footer {         
min-height:40px;
height: auto;border-top: 1px solid #a9a9a9;
	position: relative;
	    width: 100%;
    background-color: #003366;
    margin: 0 auto;
}

}


@media (max-width: 450px) {
.ko{
margin: 0 auto; 
max-width:300px;
}
#footer {         
min-height:40px;
height: auto;border-top: 1px solid #a9a9a9;
	position: relative;
	    width: 100%;
    background-color: #003366;
    margin: 0 auto;
}
.top-logo {background: url(images/mcul3.jpg)  right  no-repeat;
         margin: 0 auto;
         max-width: 1200px;
         height:100px;background-size:contain;
	 
         
         padding: 0;}

}