@charset "UTF-8";

@import "http://fonts.googleapis.com/css?family=Oswald&v2";

/*******************************************
Site Colors
******************************************/
/*
Colors
blue: #173a7f
orange: #f36100
light blue: #598fb8
lighter blue: #dee9f1
*/
/*******************************************
12 Column Grid - 80 wide (60 wide + 10 gutters)
******************************************/
.grid_6 {
	width:460px;
	padding:10px;
}

/*******************************************
Reset v1.0 | 20080212 
******************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {
	line-height:1;
}

ol,ul {
	list-style:none;
}

blockquote,q {
	quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content:'';
	content:none;
}

:focus {
	outline:0;
}

ins {
	text-decoration:none;
}

del {
	text-decoration:line-through;
}

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

sup {
	vertical-align:super;
	font-size:45%;
}

select {
	font-style:italic;
}

/*******************************************
Main
******************************************/

body {
	height:100%;
	width:100%;
	text-align:center;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:15px;
	line-height:24px;
	color:#2c2c2c;
	margin:0;
	padding:0;
	background:#f3f3f3 url(../../images/background.gif) repeat left top;
	position:relative;
	min-width: 320px;
}

img {
	border:none;
}

.img-responsive {
    
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    
}

.caption {
    
    margin-top: 5px;
    font-family:Georgia,"Times New Roman",Times,serif;
    font-size: 12px;
    font-style: italic;
    
}

.wrapper {
    
	width: 100%;
	max-width:1080px;
	height:auto;
	text-align:left;
	position:relative;
	margin:0 auto;
	padding:0 50px 10px;
	overflow:hidden;
	background-color:#fff;
	box-sizing: border-box;

}

header,
.main-header,
.content,
.featuredPhoto,
footer,
.main-footer {
    
	width:100%;
	height:auto;
	float:left;
	clear:both;
	
}

.featuredPhoto img {
    
    width: 100%;
    height: auto;
    padding-bottom: 20px;
    
}

.main-footer {
	padding:20px 0;
	font-size:11px;
}

p {
	padding-bottom:20px;
}

dl {
	list-style:disc;
}

dd {
	padding:0;
	margin:0;
}

a[ href] {
	text-decoration:none;
	color:#f36100;
}

a[ href]:hover {
	color:#173a7f;
}

.column_1 {
    box-sizing: border-box;
	width:100%;
	height:auto;
	float:left;
	padding:0 20px 20px;
}

.column_2 {
    box-sizing: border-box;
	width:50%;
	height:auto;
	float:left;
	padding:0 20px;
}

.column_3 {
    box-sizing: border-box;
	width:33%;
	height:auto;
	float:left;
	padding:0 20px;
}

.column_4 {
    box-sizing: border-box;
	width:25%;
	height:auto;
	float:left;
	padding:0 20px;
}

.column_5 {
    box-sizing: border-box;
	width:20%;
	height:auto;
	float:left;
	padding:0 20px;
}

/*******************************************
type
******************************************/

h1,h2,h3,h4,h5,dt {
	font-family:'Oswald',Arial,Helvetica,sans-serif;
	font-weight:400;
}

h1 {
	font-size:28px;
	font-weight:700;
	font-style:normal;
	padding-bottom:20px;
	color:#173a7f;
	letter-spacing:0;
}

h2,.content dt {
	font-size:20px;
	font-weight:700;
	font-style:normal;
	padding-bottom:10px;
	color:#173a7f;
	letter-spacing:0;
}

.homepage h2 {
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:16px;
	font-style:italic;
	border-bottom:1px dotted #598fb8;
	padding:2px;
	margin:0 0 5px;
	display:block;
}

.teamTitle {
	font-family:Georgia,"Times New Roman",Times,serif;
	font-style:italic;
	font-size:12px;
	font-weight:400;
}

/*******************************************
header
******************************************/

.main-header {
    
	padding:0;
	background:transparent url(/images/header-background.jpg) no-repeat top center;
	overflow:hidden;
}

.main-header .logo {
    
    width: 100%;
    max-width: 300px;
    height: auto;
    padding: 50px 20px 40px 0;
    box-sizing: border-box;
    display: block;
    
}

.main-header a {

    display: inline-block;

}

.nav-bar {
    
    float: left;
    width: 100%;
    background:#173a7f;
	background:-webkit-gradient(linear,left top,left bottom,from(#4b669c),to(#173a7f));
	background:-moz-linear-gradient(top,#4b669c,#173a7f);
	border-bottom:3px solid #598fb8;
    
}

.main-nav {
	width:100%;
	height:auto;
	float:left;
	clear:both;
	list-style:none;
}

.main-nav li {
    
	width:auto;
	height:auto;
	float:left;
	
}

.main-nav li a {
    
	display: block;
	padding:12px 20px;
	color:#fff;
	border-right:1px dotted #598fb8;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	
}

.main-nav li.selected a {
    
    background-color:#3d68a3;
    
}

.main-nav li a:hover {
	background-color:#64a8db;
	color:#fff;
}

#small-screen-menu-button {
    
    display: none;
    float: right;
    padding: 10px;
    color: #ffffff;
    vertical-align: middle;
    
}

#small-screen-menu-button svg {
    
    fill: #ffffff;
    width: 18px;
    height: 14px;
    margin: -2px 0 0 5px;
    vertical-align: middle;
    
}

/*******************************************
content
******************************************/
.content {
	border-bottom:3px solid #173a7f;
	padding:40px 0;
}

.homepage .content {
	padding:20px 0 40px;
}

/*******************************************
Shared
******************************************/
.divider {
	padding-top:20px;
	padding-bottom: 20px;
	/*margin:0 20px;*/
	border-top:1px dotted #598fb8;
}

.special {
	padding:20px;
}

.special h3 {
	display:block;
	padding:5px 10px;
	margin:0 0 20px;
	color:#fff;
	background-color:#598fb8;
}

.listBlock {
    box-sizing: border-box;
    list-style: none;
	width:50%;
	height:auto;
	padding:0 40px 0 0;
	float:left;
}

.listBlock.wide {
    width:100%;
	padding:0;
}

.listBlock li {
    
    padding-bottom: 5px;
    
}

.copyright {
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:11px;
	font-style:italic;
	color:#173a7f;
}

#width-detection {
    
    position: absolute;
    left: -9999px;
    float: left;
    width: 1px;
    
}

@media (max-width: 450px) {

    .listBlock {
        width:100%;
    }

}

@media (max-width: 700px) {
    
    .main-header .logo {
        
        padding: 30px 20px 30px 20px;
        
    }
    
    .wrapper {
    
    	padding-left: 20px;
        padding-right: 20px;
    
    }
    
    .column_2 {
        
        width: 100%;
        
    }

    
}

@media (max-width: 900px) {
    
    #width-detection {
        
        width: 900px;
        
    }
    
    .main-nav {
    
        display: none;
        
    }
    
    .main-nav li {
    
	    width:100%;
	    border-top: 1px dotted #598fb8;
    	
    }
    
    .main-nav li a {
    
	    display: block;
	    border: none;
    	
    }
    
    #small-screen-menu-button {
    
        display: inline-block;
        
    }
    
}