@charset "utf-8";

/* Straight Forward Communications Stylesheet */

html {text-align:center;}

body {
    background-color: #0a3335;
    /*background-image: url(../images/bodyBg.gif);mainContain
	background-repeat:repeat-x;
	background-attachment: fixed;*/
	width: 100%;
	max-width: 880px;
	min-width: 360px;
    line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
	line-height:1.5em;
	margin-left: auto;
	margin-right: auto;
	color:#333;
	text-align:center;
	padding: 0 !important;
	/*padding-left:20%;
	padding-right:25%;
*/}

div {
	padding:0px;
	margin:0px;
}
 h1,h2,h3,h4,h5,h6,p {
	 margin-top:0;
	 margin-bottom: .75em;
	 text-align: left;
	 font-weight:300px;
 }

h1,.h1 {
    font-size: 1.5em;
}

h2,.h2 {
    font-size: 1.25em;
}

h3,.h3 {
    font-size: 1.15em;
}

ul.sfc {
    list-style: disc;
    margin-left:1em !important;
		text-align:left;
}
	
strong {font-weight:bold;}

em {font-style:italic;}

#mainContain {
	width:101%;
    /*max-width: 888px;*/
	min-width: 360px;
    margin-left: auto;
    margin-right: auto;
	box-shadow: 0px 0px 15px #000;
	padding:0;
	margin: 0;
	font-size:.9em;
}

#navContain {
    padding:0px;
    height:auto;
    margin:0px;
    text-align:left;
}

#navContain  img {
	padding:0;
	margin:0;border:0;
	margin-bottom:-8px;
}

#centerPiece {
    margin: 0px auto;
		margin-top:0;
    padding: 0;
}

#centerPiece img{
    margin: 0px auto;
    padding: 0;
		margin-bottom:-8px;
		width:100%;
}

#contentContainerFull {
    padding:20px 40px;
	background-color:#fff;
	margin-bottom:-24px;
}

#mainContain #contentContainerFull .img-row {
	width:100%;
	text-align: center;
	padding:0px;
	padding-bottom:1em;
}

#mainContain #contentContainerFull .img-row h2{
	text-align:left;
}

#mainContain #contentContainerFull .img-row .col {
	float:left;
	width:45%;
	min-width:300px;
	margin-top:auto;
	text-align: left;
	margin-right:1em;
}

#mainContain #contentContainerFull .img-row .col img {
	border:solid 1px #999;
	height:auto;
	margin:0px;
  max-width: 300px;
	padding:0px;
	width:100%;
}

.caption {
	font-size:.7em;
	margin-top:0px;
	padding-top:0px;
	width: auto;
	text-align:justify;
	line-height:1.5em;
}

p.caption span{
	font-style:italic; font-size:.8em;
}

.clear {
	clear:both;
}

#footer {
		/*background-color:#002100;*/
		background-color:#335433;
    color: #fff;
    margin-top:0;
		padding:1em;
		width: 100%;
		max-width:864px;
		margin-left:auto;
		margin-right:auto;
}

.credit {
	font-size:.8em;
	text-align:center;
}


@media only screen and (min-width:320px){
	body {
		margin-right: 0 !important;
		margin-left: 0 !important;
		width: 100%;
	}
}


@media only screen and (min-width:576px){

	body {

	}

	.div-left-1 {
		float: left !important;
		margin-right: 1.5em !important;
		max-width: 280px !important;
	}
	
	.div-left-2 {
		float:left; 
		max-width:280px;
	}
	
	ul {
		text-align:left;
	}
}



@media only screen and (min-width:768px){

	body {
		margin-right: auto !important;
		margin-left: auto !important;
	}

	.div-left-1 {
		float: left !important;
		margin-right: 1.5em !important;
		max-width: 360px !important;
	}
	
	.div-left-2 {
		float:left; 
		max-width:400px;
	}
	
	ul {
		text-align:left;
	}
}


@media only screen and (min-width:992px){
	body {
		margin-left: auto !important;
		margin-right: auto !important;
		width: 90%;
	}

	.div-left-1 {
		float: left !important;
		margin-right: 1.5em !important;
		max-width: 360px !important;
	}
	
	.div-left-2 {
		float:left; 
		max-width:520px;
	}
	
	ul {
		text-align:left;
	}
}



/*a {
    color: #145355;
}*/

#nav a span {border-right: solid 1px white;color:white; font-weight:bold; font-size:12px; padding:0px 5px; display:inline-block;}

.credit a {text-decoration:none;}

hr {border:0; border-top:solid 1px #ddd; margin-top:1em; margin-bottom:2em;}
.col hr {max-width:300px; margin-left:0px;}

/*
#leftContent {
    float: left;
    width: 450px;
    height: 100%;
}

#leftContent2 {
    float: left;
    width: 444px;
    height: 100%;
}

#leftContent3 {
    float: left;
    width: 350px;
    height: 100%;
}

#rightContent {
    float: right;
    width: 290px;
    height: 100%;
}

#rightContent3 {
    float: right;
    width: 450px;
    height: 100%;
}


.floatRight {
    float: right;
}

.input {
    background: #FFFFFF;
    width: 146px;
    height: 18px;
    font-size: 1em;
    vertical-align: middle;
    padding-left: 5px;
    color: #525252;
    padding-top: 2px
}

input {
    background: #FFFFFF;
    width: 213px;
    height: 18px;
    font-size: 11px;
    padding-left: 5px;
    padding-top: 2px
}

textarea {
    background: #FFFFFF;
    width: 213px;
    height: 123px;
    font-size: 11px;
    padding-left: 5px;
    margin-bottom: 11px;
    overflow: auto
}*/