/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}


/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}




/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */


input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */


textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */


/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
}

td,
th {
  padding: 0;
}

/*Style begins
==========================================================================*/

body {
font-family: Helvetica, Arial, sans-serif;
font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
font-size: 24px; 
padding:0; 
margin:0;
background-image:url(/images/bg-vert.png);
background-repeat: repeat-x;
background-color: #006391;
overflow-x:auto;}

*, html { padding:0; 
margin:0;}

hr{margin: 0 0 4% 0;}

a:link, a:visited {color:#29658C; text-decoration: none;}
a:hover{color:#bbb; text-decoration: none;}

h1, h2, h3{
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color:#29658C;
	font-weight: 500;
	letter-spacing: .5px;
	text-transform: uppercase;}
	
h1{font-size: 1.4em; padding: .15em 0 .15em 8%; line-height: 1.2em; }

h2{font-size: 1.4em; padding: .0 0 .15em 0%; line-height: 1.2em; color:#29658C; text-transform: none; }

h4{font-size: 1.0em; padding: .08em 0 .08em 4%; line-height: 1.2em; color:#29658C; }
	
header{background:url('/images/bg-title.png') repeat-x; }

#wrapper {
font-size: 0.8em; 
max-width: 960px; 
margin: 0 auto;
background-color: #fff;
margin-top: 48px;
overflow: hidden;}

#wrapper2 {
font-size: 0.8em; 
max-width: 800px; 
margin: 0 auto;
background-color: #fff;
margin-top: 48px;
overflow: hidden;}

.full-width{
	width: 100%;
	float: left;
	margin: 0; padding: 0;
	height: auto;}

/* columns */
	
.span1 {
	width: 30%;
	float: left;
	background:url('/images/bg-col1.png') repeat-y;	
	margin: 0;
	height: auto;
	margin-bottom: -9999px;
	padding-bottom: 9999px;}

.span2 {
	width: 70%;
	float: left;
	overflow:hidden;	}
	
	
/* nav */
nav{ }

nav ul{width: 100%; padding: 0;}

nav ul li{
	font-size: 22px;
	text-align: center;
	font-family: georgia, serif;	}

nav li{
	border-bottom: 2px solid #eee;
	width: 100%;
	list-style-type:none;}

nav a:link{
	text-decoration: none;
	display: block;
	padding: .9em 0 .9em 0;
	margin: 0 0 0 0;}

nav a:hover{
	background-color: #ccc;
	color: #29658C;
	margin: 0 0 0 0;}
	
.sub-nav{text-align: right !important;}
	

/* content */

.content{ padding: 8%;
line-height: 1.6em; }

.content li {padding-bottom: 1.1em;}

.content p{
padding: 0 0 1.4em 0; 
margin: 0; text-align: justify;}

.logo img{width:90%; padding:10% 0 10% 0; display: block; margin: 0 auto;}

.section {
	clear: both;
	padding: 0px;
	margin: 0px;}

.title-image img{width:100%; margin: 0; padding: 0; height: 349px}


.content-col1{
	width: 44%;
	float: left;
	padding: 0% 3% 8% 0%;
	margin: 0 auto;}
	
	
.content-col2{
	width: 44%;
	float: left;
	padding: 0% 3% 8% 3%;
	margin: 0 auto;}
	
.content-col1 img, .content-col2 img{
	padding: 0 0% 6% 0%; display: block;
    margin-left: auto;
    margin-right: auto }
		
/*.bio-intro{text-align: center !important;}*/

.content-col1-3, .content-col2-3, .content-col3-3{
width: 28%;
	float: left;
	font-size: 16px;
	padding: 0% 4% 8% 1%;
	margin: 0 auto;
	line-height: 1em}
	
.content-col1-3 li, .content-col2-3 li, .content-col3-3 li{
padding: 3% 0 6% 0;  }

.content-col1-3 h2, .content-col2-3 h2, .content-col3-3 h2{
font-size: 1.3em; padding: .0 0 .15em 0%; line-height: 1.1em; color:#29658C; text-transform: none; }
	
.content-col1-3 img, .content-col2-3 img, .content-col3-3 img{
	padding: 0 0% 6% 0%; display: block;
    margin-left: auto;
    margin-right: auto }

/* footer */

footer{
	clear:both;
	max-width: 960px; 
	margin: 0 auto;}
	
.footer-nav, .footer-nav2{
	font-size: 18px; 
	width: 100%;
	margin: 0 auto;
	/* background-image:url(/images/bg-footer-bar.png);
	background-repeat: repeat-x; */
	background-color: #fff;
	height: 2em;
	line-height: 1em;
	padding: 1em 0 1em 0;}

	
.footer-nav a:link, .footer-nav2 a:link, .footer-nav a:visited, .footer-nav2 a:visited {
	color: #2A3A54;
	/* background-color: #2A3A54;
	padding: .5em;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 2px solid #2A3A54;*/ }

.footer-nav a:hover, .footer-nav2 a:hover{
	color: #bbb;}
	
	.footer-nav-right ul, .footer-nav-right2 ul{
	font-family: georgia, serif;
	color:#fff; 
	vertical-align: middle;
	text-align: right;
	padding: 1em;} 
	
	.footer-nav-right li, .footer-nav-right2 li {
	display: inline;
	padding: 0%;
	vertical-align: middle;} 
	
	.footer-nav-right li a, .footer-nav-right2 li a {
		display: inline;
	padding: 0 2% 0 2%;
	border-left: 1px solid #bbb;} 
	
	.footer-nav-right li:first-child a, .footer-nav-right2 li:first-child a{  border-left: 0 none;}
	
	.footer-nav-right-last li, .footer-nav-right2-last li .footer-nav-right-last a, .footer-nav-right2-last a {
		border-right: 0px solid #bbb;} 
	
.copyright, .copyright2{clear:both; color: #19395A; background-color: #; width: 960px; font-size: 16px; text-align: right; margin: 0 auto; }

#footer-wrapper, #footer-wrapper2{width: 100%; background-color: #006391; padding: 1% 0 100% 0; }


/* footer2 */

footer2{
	clear:both;
	max-width: 800px; 
margin: 0 auto;}
	
.footer-nav2{ 
	width: 800px;}

	
.copyright2{ width: 800px; }

/* quote */

.quotation{
	width: 74%;
	margin: 0 auto;
	margin-top: 5em;
	font-family: georgia, serif;
	color:#000;	
	text-align: center;
	background-image:url(/images/bg-quote.png);
	background-repeat:repeat-y;
}

.quotation p{
	/*font-size: 1.3em;*/
	font-size: 1.1em;
	padding: 1em 4% .2em 4%;
	line-height: 1.6em;
}

.author-name{font-size: .9em !important;
padding: .4em 0 .4em 4% !important;}


/*Table */

table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-left: -8px;}

td,th {
  padding: 10px 0px 10px 0px;
	vertical-align: top;}

td {padding-right: 10px; padding-top: 10px;}

td h4{font-weight: 500; color: #006391; padding-right: 20px;}

/*************************************************************************************
Mobile 
**************************************************************************************/

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

/************************************************************************************
smaller than 680
*************************************************************************************/
@media screen and (max-width: 680px) {
body {width: 100%;
margin: 0 auto; padding: 0;}

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

.content{background-color: #fff;}



.content-col1, .content-col2{
	width: 100%;
	float: none;}

	.content-col2 {
	width: 100%;
	float: none;}	
	
	.content-col1 img, .content-col2 img{
	display: block;
	padding: 0 0% 6% 0%;
	margin: 0 auto;}

		
.content-col1-3, .content-col2-3, .content-col3-3{
	width: 100%;
	float: none;}
	
.content-col1-3 img, .content-col2-3 img, .content-col3-3 img{
	display: block;
	padding: 0 0% 6% 0%;
	margin: 0 auto;}	
}
/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {
body {
font-size: 1.3em; width: 100%;
margin: 0 auto; padding: 0;}

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

h1{font-size: 1.5em; padding: .15em 0 .15em 0%; line-height: 1em; text-align: center;}

header{background-image:none; background-color: #efefef; padding: 1em; }

.title-image img{width:100%; margin: 0; padding: 0; height: auto;}

.content{background-color: #fff;}
	
#wrapper {
	width:100%;
	margin: 0 auto;
	padding: 0;}

img{ 
	width:100%;
	max-width:100%;}
	
.col {
	width: 100%;}
	
.span1 {
	width: 100%;
	float: none;
	margin: 0; padding: 0; padding-bottom: 5em;}

.span2 {
	width:100%;
	float: none;
	padding: 0;
	margin: 0;
	overflow:hidden;}
	
.logo img{
	padding:	 4% 0; margin: 0 auto;
	width: 60%; }

nav{
	width: 100%;
	padding-top: 2%;}

nav ul li{
	font-size: 18px;}

nav a:link{
	display: block;
	padding: .7em 0 .7em 0;}

footer2{
	clear:both;
	max-width: 100%; 
margin: 0 auto;}

.footer-nav{
	font-size: 16px; 
	width: 100%;
	background-image: none;
	background-color: #efefef;
	background-repeat: no-repeat;
	height: 20%;
	line-height: 1em;
	padding: 0;
	margin: 0 auto;
	text-align: center;}
		
	.footer-nav-right ul{
	width: 100%;
	float: none;
	text-align: center;} 
	
	.footer-nav-right li {
	width: 100%;
	vertical-align: middle;
	float: none;
	text-align: center;} 
	
	.footer-nav-right ul, .footer-nav-right2 ul {
 text-align: center;
  padding:0;
}
	
	.footer-nav a:link, .footer-nav2 a:link{
	color: #29658C;
	margin: 0 auto;
	padding: 2% 0 2% 0;
	display: block;
	float: none;
	text-align: center;}
	
	.footer-nav-right li, .footer-nav-right2 li {
	margin: 0 auto;
	padding: 0%;
	vertical-align: middle;} 
	
	.footer-nav-right li a, .footer-nav-right2 li a {
	margin: 0 auto;
	padding: 0%;
	border-left: 0 none;
	float: none;
	text-align: center;} 

.footer-nav a:hover, .footer-nav2 a:hover{
	color: #19395A;
	margin: 0 auto;
	background-color: #ccc;
	border-left: 0 none;
	float: none;
	text-align: center;} 
	
	
.copyright{width: auto; font-size: 11px; text-align: center; margin: 0 auto; padding-top: 1%; }	

.content-col1, .content-col2{
	width: 100%;
	float: none;}

	.content-col2 {
	width: 100%;
	float: none;}	
	
	.content-col1 img, .content-col2 img{
	display: block;
	padding: 0 0% 6% 0%;
	margin: 0 auto;}
	
.content-col1-3, .content-col2-3, .content-col3-3{
	width: 100%;
	float: none;}
	
.content-col1-3 img, .content-col2-3 img, .content-col3-3 img{
		display: block;
	padding: 0 0% 6% 0%;
	margin: 0 auto;}
	
	
}