@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/

img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
h1, h2 {
	color:#3366cc;
}
h3, h3 a, h3 a {
	color:#C60 !important;
}
p {color:#000000;}

.inline {display:inline;}

.fltlft {float:left;margin:20px 30px 20px 25px;}
.fltrt {float:right;margin:20px 25px 20px 30px;}

a {text-decoration:none;outline:none;}
a:link {text-decoration:none;outline:0;}
a:active {text-decoration:none;outline:0;}
a:visited {text-decoration:none;outline:0;}
a:hover {text-decoration:underline;outline:0;}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/



/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
	max-width:974px;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#col2 { /* leave Breaking News out for phones */
	display:none;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	max-width:974px;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}

/* Minimum 769px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
body { 
	background-color:#EBEBEB;
	background-image: url(../images/_backgrounds/grey_wash_wall/grey_wash_wall_SHRUNK.png); /* original one */
	background-image: url(../images/_backgrounds/irongrip/irongrip_@2X_reducedOpacity.png);
	background-position: center center;
	background-repeat: repeat;
	background-attachment: fixed;
	/*background-size: cover;*/
}
.gridContainer {
	width: 88.2%;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
	max-width:1000px;
	margin-top:10px;
	margin-bottom:10px;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#twoColumns {
	padding:1px 0 0 0;
	margin:9px 2px 15px 2px;
	border-radius:4px;
	border:1px solid #000000;
	background-color:#EDEDED;
}

#col1 img { /* This is all pix in the left-hand column, including headshots, etc. */
	width:200px;
	height:200px;
	border:1px double white;
	border-radius:2px;
	-webkit-box-shadow: -15px -15px 0px 0px #999;
	-moz-box-shadow: -15px -15px 0px 0px #999;
	box-shadow: -15px -15px 0px 0px #999;
}

#col1 .ctrArticleSourceImg {
	width:20%;
	height:auto;
	border:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	margin-top:10px;
}

#col1 {
	font-family: 'Catamaran', sans-serif;
	padding:2% 3% 0 3%;
}
#col1 .columns {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

#col1 p {color:#444444;font-size:1.0em;}

#col1 a {color:#444444;}
#col1 a:link {color:#444444;}
#col1 a:active {color:#444444;}
#col1 a:visited {color:#444444;}
#col1 a:hover {color:#333333;}

#col1 ul li {margin-bottom:6px;}

#col2 {
	font-family: source-sans-pro, sans-serif;
	font-family: 'Noto Sans', sans-serif;
	width:30%;
	float:right;
	margin:2% 0 3% 5%;
	margin:-1px 0 3% 5%;
	min-height:20px;
	border-left:1px solid #555;
	border-bottom:1px solid #555;
	border-radius:3px;
    overflow-x: hidden;
    overflow-y: hidden;
	background-color:#3366cc;
	background-color:#333;
	background-image:url(../images/_backgrounds/irongrip/irongrip.png);
	background-repeat:repeat;
}
#newsColHeader {
	padding:5% 2% 4% 2%;
	border-bottom:1px solid #555;
}
#newsColFooter {
	height:20px;
	border-bottom:1px solid #555;
	background-image:url(../images/_backgrounds/irongrip/irongrip.png);
}
#newsArea {
}
.newsItem {
	border:1px solid #ccc;
	background-color:#E3E6E8;
	padding:5%;
	margin:0;
}
#col2 { /* Breaking News */
	display:block;
}
#col2 h1 {
	font-family: 'Coda', cursive;
	font-size:0.8rem;
	color:#eee;
}
#col2 h2 {
	font-variant:small-caps;
	font-style:normal;
	font-size:0.9em;
	color:#996600;
	margin:0;
	padding:0;
}
#col2 h3 {
	font-weight:normal;
	font-variant:normal;
	font-style:normal;
	font-size:0.7em;
	color:#000000 !important;
	margin:0;
	padding:0;
	margin-top:5px;
}
.newsDate {
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.8em;
	font-weight:bold;
}
.newsLink {
	font-family:Verdana, Geneva, sans-serif;
	float:right;
	position:relative;
	top:8px;
}
.newsLink a {color:#0066ee;font-size:0.7em;}
.newsLink a:link {color:#0066ee;}
.newsLink a:active {color:#0066ee;}
.newsLink a:visited {color:#0066ee;}
.newsLink a:hover {color:#000000;}

.tinyIcon {
	width:10px;
	height:10px;
	margin-left:8px;
	margin-right:8px;
	position:relative;
	top:-1px;
}
.smIcon {
	width:41px;
	height:45px;
	margin-left:10px;
	margin-right:10px;
	position:relative;
	top:-3px;
}
.lgIcon {
	width:40px;
	height:40px;
	margin-right:12px;
	position:relative;
	top:-3px;
}

h1 {font-size:1.4rem;}
h2 {font-size:1.15rem;font-style:italic;}
h3 {font-size:1.1rem;}

#speakerIcon {
	position:absolute;
	top:10px;
}
.myAudio {
	cursor:pointer;
	font-size:13px;
	width:42px;
	height:42px;
	position:relative;
	right:-70px;
	z-index:100;
}
#footer {
	width:99.1%;
	text-align:left;
	font-size:0.6rem;
	background-color: rgba(102,102,102,0.6);
	border:1px solid #777777;
	border-radius:2px;
	margin-left:4px;
	margin-right:4px;
	margin-top:1%;
	margin-bottom:3%;
}
#footer p {color:#ffffff;margin:0;padding-bottom:6px;}
#footer p.hg {font-family:Georgia, "Times New Roman", Times, serif;font-size:2.1em;padding-bottom:1px;}
#footer p.lg {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:1.3em;}
#footer p.med {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:1.2em;}
#footer p.sm {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:1.0em;}

#footer a {color:#ffffff;font-size:1.0em;}
#footer a:link {color:#ffffff;}
#footer a:active {color:#ffffff;}
#footer a:visited {color:#ffffff;}
#footer a:hover {color:#dddddd;}

#footer img {
	margin:5px 10px;
}

.footLeftCol {
	padding:3%;
	width:35%;
	vertical-align:middle;
	text-align:center;
}
#memberOf {
	text-align:left;
	vertical-align:top;
	margin-bottom:10px;
	color:#fff;
	font-size:1.1em;
}
.footRightCol {
	padding:1% 1% 1% 2%;
	border-left:1px solid #999;
	vertical-align:bottom;
}
.admin iframe {
	width:97%;
	height:1000px;
	padding:3% 0 3% 3%;
	margin-bottom:2%;
	border:#999 1px dotted;
}
.admin h2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.0em;
	font-style:normal;
	font-variant:normal;
	text-align:center;
}
.admin table {
	width:88%;
	min-width:88%;
	max-width:88%;
	table-layout:fixed;
}
.admin th {
	font-size:0.7em;
	text-align:right;
	vertical-align:middle;
	padding:1em;
	font-weight:normal;
	background-color: rgba(153,153,153,0.2);
}
.admin td {
	font-size:0.9em;
	text-align:left;
	vertical-align:middle;
	padding:1em;
	font-weight:normal;
	word-wrap: normal;
	overflow:hidden;
}
.content th {
	width:20%;
	min-width:20%;
	max-width:20%;
}
.content td {
	width:60%;
	min-width:60%;
	max-width:60%;
}
.controls th {
	font-size:0.8rem;
	background-color:rgba(0,0,0,0);
	text-align:left;
}
.controls td {
	font-size:0.8rem;
}
.admin a, .admin a:link, .admin a:active, .admin a:hover, .admin a:visited {font-size:0.8em;font-weight:normal;text-decoration:none;color:#00F;}

.admin pageLinkSize {
	font-size:0.6em !important;
}
.admin input[type=checkbox] {/* All browsers except webkit*/transform: scale(1.7);/* Webkit browsers*/-webkit-transform: scale(1.7);}
.admin input[type=text] {width:600px; padding:8px 7px 4px 12px;}
.admin input[type=button] {font-size:1rem; padding:8px; padding:8px 12px 4px 12px;}

.contactUs table {
	width:90%;
	min-width:90%;
	max-width:90%;
	margin-top:4%;
	table-layout:fixed;
}
.contactUs th {
	width:30%;
	min-width:30%;
	max-width:30%;
	font-size:0.85em;
	font-weight:normal;
}
.contactUs td {
	width:70%;
	min-width:70%;
	max-width:70%;
	font-size:0.9em;
	font-weight:normal;
	word-wrap: normal;
	overflow:hidden;
}
.contactUs input[type=checkbox] {/* All browsers except webkit*/transform: scale(1.7);/* Webkit browsers*/-webkit-transform: scale(1.7);}
.contactUs input[type=text] {padding:8px 7px 4px 5px;border:1px #888 solid;}
.contactUs textarea {padding:8px 7px 4px 5px;border:1px #888 solid;}
.contactUs input[type=submit], .contactUs input[type=button] {font-size:0.75rem; padding:10px 12px 8px 12px;}
.contactUs input[type=submit]:focus, .contactUs input[type=button]:focus {border:2px solid #09F;background-color:#CCC;}
.contactUs input[type=submit], .contactUs input[type=button] {font-size:0.85em; font-weight:bold; background-color:#CCC;}
.contactUs input[type=submit]:hover, .contactUs input[type=button]:hover {background-color:#BBB;}

.reqMsg {color:#F00; vertical-align:super;}
.reqMsgT {color:#F00; font-size:x-small;}
#myCounterSpan {padding-left:10px;font-size:xx-small;}

table#aboveHeadImg {
	margin-bottom:10px;
	background-color:#ffffff;
	border:1px #555 solid;
}
table#aboveHeadImg p, table#aboveHeadImg a {
	display:inline;
	font-size:0.75em;
}
table#aboveHeadImg td.bumpDn {padding-top:12px;}
.Lt {text-align:left;}
.Rt {text-align:right;}
table#aboveHeadImg a {color:#0066ee;text-decoration:none;}
table#aboveHeadImg a:hover {color:#000;text-decoration:underline;}
table#aboveHeadImg p.logo{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.6em;
	font-style:italic;
	padding:0 10px;
	color:#ffffff;
	border-radius:80px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0067f7+0,f2f5f6+100&1+0,0+71,0+71 */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,103,247,1) 0%, rgba(172,204,246,0) 71%, rgba(242,245,246,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,103,247,1)), color-stop(71%,rgba(172,204,246,0)), color-stop(100%,rgba(242,245,246,0))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,103,247,1) 0%,rgba(172,204,246,0) 71%,rgba(242,245,246,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(0,103,247,1) 0%,rgba(172,204,246,0) 71%,rgba(242,245,246,0) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(0,103,247,1) 0%,rgba(172,204,246,0) 71%,rgba(242,245,246,0) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(0,103,247,1) 0%,rgba(172,204,246,0) 71%,rgba(242,245,246,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0067f7', endColorstr='#00f2f5f6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* targets IE 10/11 */
body { 
	font-size: 15.5pt; 
	font-weight:400; 
	background-image: url(images/background-photo.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
h1 {
	font-size:1.75rem;
}
h2 {
	font-size:1.4rem;
	font-style:italic;
}
h3 {
	font-size:1.5rem;
}
#col2 h1 {
	font-size:1.4rem;
	font-style:italic;
}
#col2 h2 {
	font-weight:bold;
	font-variant:small-caps;
	font-style:normal;
	font-size:0.75em;
	color:#996600;
	margin-bottom:8px;
}
#col2 h3 {
	font-weight:normal;
	font-variant:normal;
	font-style:normal;
	font-size:0.75em;
	color:#000000 !important;
	margin-bottom:0;
}
.noIE10plus {display:none}

.reqMsg {color:#F00; vertical-align:super;}
.reqMsgT {color:#F00; font-size:x-small;}
#myCounterSpan {padding-left:10px;font-size:xx-small;}
}