/*beginning*/


body {
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	-webkit-font-smoothing:antialiased;
	position:relative; /* added by RAS in attempt to get div's to behave properly */
}

.wrap {
	width: 980px;
	margin: 0 auto;
	padding:0 20px;
}
.wrap2 {
	width: 980px;
	margin: 0 auto;
	padding:0 20px;
}

/*navigation*/


.mast {
	width: 190px;
	margin-top: 50px;
	display: inline-block;
	padding-left:20px; /* ras */
}


.searching-panel {
	width: 202px;
	height: 25px;
	margin-left: 633px;
	margin-top: -92px;
	float: left;
}


input, textarea .searching  {
	
	width: 152px;
	background-color: #fff;
	border-radius: 3px;
	padding:4px 6px;
	border: 1px solid #ccc;

	color: #444;
	font-size: 14px;
	font-weight: 400;
	height: 25px;
}

.searching-panel table .darkmag{
	margin-left: -16px;
	float: left;
	margin-top: 4px;
}


/*navigation*/

.navhelp {
	width: 980px;
	float: right;
	margin-top: -30px;	
}

.navhelp ul {
	float: right;
	display: inline-block;
}

.navhelp a li {
	font-size: 14px;
	font-family: 'Open-sans', sans-serif;
	color: #444;
	font-weight: 400;
	margin-right: 30px;
	padding-right: 5px;
	padding-left: 5px;
	display: inline-block;
	padding-bottom: 5px;
}

.navhelp a {
	text-decoration: none;
}

.navhelp a li:hover {
	color: #0099B6;
}

li.active {
	border-bottom: 4px solid #F26521;
}

.navhelp ul li {
	list-style-type: none;
	display: inline-block;
	line-height: 22px;
	padding-right: 30px;
}

.navhelp a li.omega {
	margin-right: 0px;
}

.main-help {
	width: 100%;
	height: 268px;
	margin-top: 30px;
	background: #293036; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #293036 0%, #373e44 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#293036), color-stop(100%,#373e44)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  #293036 0%,#373e44 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  #293036 0%,#373e44 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  #293036 0%,#373e44 100%); /* IE10+ */
	background: linear-gradient(45deg,  #293036 0%,#373e44 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#293036', endColorstr='#373e44',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.header {
	width: 840px;
	padding-top: 65px;
	font-weight: 300;
	font-size: 40px;
	font-family: 'Open-sans', sans-serif;
	color: #fff;
	display: inline-block;
}

.header span {
	font-weight: 700;
}



.navhelp a {
	text-decoration: none;
	color: #444444;
}



h1 h2 h3 h4 h5 h6{
	font-family: 'Open-sans', sans-serif;
	-webkit-font-smoothing:antialiased;
}


h6 {
	font-size: 50px;
	line-height: 56px;
	color: #fff;
	font-family: 'Open-sans', sans-serif;
	font-weight: 300;
	letter-spacing: -0.05em;
}

h5 {
	font-size: 22px;
	line-height: 32px;
	color: #0099B6;
	font-family: 'Open-sans', sans-serif;
	font-weight: 400;
}

h4 {
	font-size: 24px;
	font-weight: 700;
	line-height: 34px;
	color: #fff;
	font-family: 'Open-sans', sans-serif;
}

h3 {
	font-size: 18px;
	font-weight: 700;
	line-height: 40px;
	color: #0099B6;
	border-bottom: 1px solid #C2C2C2;
	margin-top: -17px;
	font-family: 'Open-sans', sans-serif;
}



h2 {
	font-size: 20px;
	font-weight: 400;
	line-height: 22px;
	color: #0099B6;
	font-weight: 700;
	font-family: 'Open-sans', sans-serif;
}

h1 {
	font-size: 18px;
	font-weight: 700;
	line-height: 40px;
	color: #444;
	border-bottom: 1px solid #C2C2C2;
	margin-top: -17px;
	font-family: 'Open-sans', sans-serif;
}





/*main body*/

.side-bar {
	margin-top: 70px;
	width: 200px;
	margin-bottom: 12px;
	padding-left:20px;  /* ras */
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	color: #444;
}



.side-bar a {
	color: #0099B6;
	text-decoration: none;
	cursor:pointer;
}

.side-bar :hover {
	color: #888;
}

.side-bar .active {
	color: #888;
}




.instruction {
	padding-left: 28px;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	color: #444;
	display: inline-block;
	margin-top: 65px;
	width: 415px;
	vertical-align: top;
}



.instruction p {
	margin-top: 10px;
}

.instruction span {
	font-weight: 700;
}

.hanging-indent {
	text-indent: -16px;
	padding-left: 16px;
	margin-top: 8px;
}

.examples {
	width: 215px;
	padding-left: 20px;
	display: inline-block;
	margin-top: 65px;
	vertical-align: top;
}





/*footer*/

.footer {
	background: #293036; /* Old browsers */
	margin-top: 80px;
	padding-top: 80px;
	padding-bottom: 80px;
	font-size: 15px;
	color: #ccc;
}

.contact a  {
	text-decoration: none;
	color: #ccc;
}


.contact {
	vertical-align: middle;
	width: 851px;
	margin: 0 auto;
}

.contact table .even {
	padding-left: 8px;
	text-align: right;
	font-size: 13px;
	line-height: 24px;
	font-weight: 400;
	padding-right: 30px;
}

.even span {
	border-left: 1px solid #ccc;
	margin-left: 10px;
	margin-right: 10px;
}

.contact table .tele {
	padding-left: 11px;
	text-align: left;
	font-size: 13px;
	line-height: 24px;
	font-weight: 400;
	vertical-align: bottom;
	width: 370px;
}

.tele span {
	border-left: 1px solid #ccc;
	margin-left: 10px;
	margin-right: 10px;
}

.contact table .separate {
	border-left: 1px solid #ccc;
	padding-left: 18px;
	margin-right: 10px;
}

img.borders {
	border-top:none;
	border-bottom:solid thin #b4e3e3;
	border-right:solid thin #b4e3e3;
	border-left:solid thin #b4e3e3;
	-webkit-box-shadow: 1px 1px 1px #b4e3e3;
	-moz-box-shadow: 1px 1px 1px #b4e3e3;
	box-shadow: 1px 1px 1px #b4e3e3;

}

img.medium {width:300px;height:175px;margin-bottom:30px; }



* {margin:0;padding:0;}



/*columns under analytics*/


/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}



/* Contact Us */
		
.panelblue {
	margin: 0px auto;
	width: 700px;
	background-color: #0099B6;
	-moz-box-shadow:    2px 2px 6px 2px #ccc;
	-webkit-box-shadow: 2px 2px 6px 2px #ccc;
	box-shadow:         2px 2px 6px 2px #ccc;

	padding: 40px;
	color: #444;
	font-size: 17px;
	line-height: 33px;
	height: 400px;
}

.block-one {
	width: 260px;
	margin-top: 10px;
}


.block-two {
	width: 260px;
	float: left;
	margin-left: 40px;
	margin-top: -58px;
}

.comments {
	width: 520px;
	float: left;

}

.send {
	float:right;
	margin-top: 152px;
	margin-left:0;
	margin-right:95px;
	text-align: left;
}
.send button {
	border:none;background-color:transparent;/*#0099B6;*/"
} 

input, textarea .comments {
	background-color: #fff;
	border-radius: 2px;
	padding:4px 6px;
	box-shadow: inset 0px 0px 6px #ccc;
	width: 520px;
}

input, textarea .panel-one  {
	
	width: 260px;
	background-color: #fff;
	border-radius: 2px;
	padding:4px 6px;
	box-shadow: inset 0px 0px 6px #ccc;

	color: #444;
	font-size: 14px;
	font-weight: 400;
	height: 20px;
	
}

input, textarea .paneltwo  {
	width: 260px;
	background-color: #fff;
	border-radius:2px;
	padding:4px 6px;
	box-shadow: inset 0px 0px 6px #ccc;
	float: left;
	margin-top: 0px;

	color: #444;
	font-size: 14px;
	font-weight: 400;
}

label {
	padding-bottom: 10px;
	margin-top: 15px;
	font-size: 14px;
	font-weight: 700;
	float: left;
}


hr.divide {
    border: 0;
    height: 1px;
    margin-top: 180px;
    margin-bottom: 40px;
    background: #777;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc); 
}

/* Footer---using same one as the rest of the site, so we needed those styles */
#footer {
	width: 100%;
	height: 10%;
	background-color:#293036; /*#384049;*/
	position:relative;
	bottom:0;	
	background-position: left top;
	vertical-align:top;
	font-size: 9pt; /*12pt*/
	line-height: 22px;
	color: #FFFFFF;
	min-width:1080px;
}
#footer_container {
	/*min-width:1130px;*/
	width:1080px;
	margin:0 auto;
	height: 150px;
	background-position: center center;
	/*background-color:teal;*/
}
#footer_contact{
	font-size: 9pt; /*15pt*/
	line-height: 22px;
	font-weight: normal;
	color: #FFFFFF;
	float: left;
	text-align: left;
	/*margin-left:20px;*/
	/*height:150px;*/
	/*width: 400px;*/
	padding-top: 40px;
}

#footer_copyright{
	font-size:9pt;
	padding-top:50px;
	padding-bottom:20px;
	/*background-color:olive;*/
	font-style: normal;
	
	width: 640px;  /* was 567px */
	float: left;
	padding-right: 30px;
}


/* From about_page.css, second reference in original */
/*beginning*/




/*navigation*/


.nav {
	width: 440px;
	/*margin-left: 30px;*/
	float: right;	
}

.nav ul {
	display: inline-block;
	float: right;
}

.nav ul li {
	display: inline-block;
	margin-right:20px;
}

.nav a li {
	font-size: 14px;
	font-family: 'Open-sans', sans-serif;
	color: #444;
	font-weight: 400;
	margin-right: 30px;
	padding-right: 5px;
	padding-left: 5px;
	display: inline-block;
	padding-bottom: 5px;
}

.nav a {
	text-decoration: none;
}

.nav li a:hover {
	color: #0099B6;
}

li.active {
	border-bottom: 4px solid #F26521;
}

.nav ul li {
	list-style-type: none;
	margin-top: 88px;
	line-height: 22px;
}

.nav a li.omega {
	margin-right: 0px;
}

#body {
	background:white;
}

.main-background {
	clear:both;
	width: 100%;
	min-width:1080px;
	height: 414px;
	/*margin-top: 30px;*/
	background: #0099B6;
	background: -moz-linear-gradient(100% 100% 90deg, #076D88, #0099B6);
	background: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#0099B6), to(#076D88) );
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0099B6, endColorstr=#076D88";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0099B6, endColorstr=#076D88 ); 
	
}
.main-background-saved {
	background: #293036; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #293036 0%, #373e44 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#293036), color-stop(100%,#373e44)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  #293036 0%,#373e44 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  #293036 0%,#373e44 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  #293036 0%,#373e44 100%); /* IE10+ */
	background: linear-gradient(45deg,  #293036 0%,#373e44 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#293036', endColorstr='#373e44',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
}

.header {
	width: 440px;
	/*padding-top: 150px;*/
	font-weight: 300;
	font-size: 30px;
	font-family: 'Open-sans', sans-serif;
	color: #fff;
	display: inline-block;
}

.header-image {
	width: 550px;
	float: right;
	margin-top: -255px;

}

a {
	text-decoration: none;
	color: #444444;
}



h1 h2 h3 h4 h5 h6{
	font-family: 'Open-sans', sans-serif;
	-webkit-font-smoothing:antialiased;
}


h6 {
	font-size: 50px;
	line-height: 56px;
	color: #fff;
	font-family: 'Open-sans', sans-serif;
	font-weight: 300;
	letter-spacing: -0.05em;
}

h5 {
	font-size: 22px;
	line-height: 32px;
	color: #0099B6;
	font-family: 'Open-sans', sans-serif;
	font-weight: 400;
}

h4 {
	font-size: 24px;
	font-weight: 700;
	line-height: 34px;
	color: #fff;
	font-family: 'Open-sans', sans-serif;
}





/*main body*/

.intro {
	padding-left: 30px;
	font-size: 25px;
	font-weight: 400;
	line-height: 34px;
	color: #444;
	float: right;
	width: 936px;
	margin-top: -95px;
	border-left: 14px solid #0099B6;
	padding-left:1.25em;
	margin-top: 50px;
}	

.intro span {
	font-weight: 700;
}



/*content area*/

.first {
	width: 310px;  /* was 312px, resulting in broken layout on browsers other than Chrome. */
	display: inline-block;
	margin-top: 44px;
	font-weight: 400;
	color: #444;
	line-height: 22px;
	font-size: 14px;
	vertical-align: top;

}


.second {
	padding-left:18px;
	width: 310px;  /* was 312px, resulting in broken layout on browsers other than Chrome. */
	display: inline-block;
	margin-top: 44px;
	font-weight: 400;
	color: #444;
	line-height: 22px;
	font-size: 14px;
	vertical-align: top;
}

.second span {
	margin-left: 19px;
	margin-top: -21px;
	vertical-align: top;
	line-height: 18px;
}

.fifth {
	padding-left:18px;
	width: 312px;  
	display: inline-block;
	margin-top: 44px;
	font-weight: 400;
	color: #444;
	line-height: 22px;
	font-size: 14px;
	vertical-align: top;
}


.third {
	padding-left: 18px;
	width: 310px; /* was 312px, resulting in broken layout on browsers other than Chrome. */
	display: inline-block;
	margin-top: 44px;
	font-weight: 400;
	color: #444;
	line-height: 22px;
	font-size: 14px;
	vertical-align: top;

}

ul.b {
	list-style-position:inside;
	margin-top: 17px;
}

ul li {
	list-style-type: disc;
    list-style-position: inside;
    padding: 0px 0px 0px 20px;
    text-indent: -1em;
    margin-top: -14px;

}


ul.c {
	list-style-position:inside;
	margin-top: 9px;
}

ul li.c {
	list-style-type: none;
    list-style-position: inside;
    padding: 0px 0px 0px 20px;
    text-indent: -1em;

}

.fifth p {
	margin-top: 10px;
}


.third p {
	margin-top: 10px;
}


hr.divide {
    border: 0;
    height: 1px;
    margin-top: 40px;
    margin-bottom: 40px;
    background: #777;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc); 
}


/*contact*/


.panelblue {
	margin: 0px auto;
	width: 700px;
	background-color: #0099B6;
	-moz-box-shadow:    2px 2px 6px 2px #ccc;
	-webkit-box-shadow: 2px 2px 6px 2px #ccc;
	box-shadow:         2px 2px 6px 2px #ccc;

	padding: 40px;
	color: #444;
	font-size: 17px;
	line-height: 33px;
	height: 400px;
}


.block-one {
	width: 260px;
	margin-top: 10px;
}


.block-two {
	width: 260px;
	float: left;
	margin-left: 40px;
	margin-top: -58px;
}

.comments {
	width: 520px;
	float: left;

}

.send {
	float:right;
	margin-top: 152px;
	margin-left:0;
	margin-right:95px;
	text-align: left;
}
.send button {
	border:none;background-color:transparent;/*#0099B6;*/"
} 

input, textarea .comments {
	background-color: #fff;
	border-radius: 2px;
	padding:4px 6px;
	box-shadow: inset 0px 0px 6px #ccc;
	width: 520px;
}

input, textarea .panel-one  {
	
	width: 260px;
	background-color: #fff;
	border-radius: 2px;
	padding:4px 6px;
	box-shadow: inset 0px 0px 6px #ccc;

	color: #444;
	font-size: 14px;
	font-weight: 400;
	height: 20px;
	
}

input, textarea .paneltwo  {
	width: 260px;
	background-color: #fff;
	border-radius:2px;
	padding:4px 6px;
	box-shadow: inset 0px 0px 6px #ccc;
	float: left;
	margin-top: 0px;

	color: #444;
	font-size: 14px;
	font-weight: 400;
}

label {
	padding-bottom: 10px;
	margin-top: 15px;
	font-size: 14px;
	font-weight: 700;
	float: left;
}




/*footer*/

.footer {
	background: #293036; /* Old browsers */
	margin-top: 80px;
	padding-top: 80px;
	padding-bottom: 80px;
	font-size: 15px;
	color: #ccc;
}

.footer table { color: #ccc !important; }

.contact a  {
	text-decoration: none;
	color: #ccc;
}
.contact a:hover  {
	color: #fff;
}


.contact {
	vertical-align: middle;
	width: 980px;  /* was 851px, but broken layout on some browsers prompted change */
	margin: 0 auto;
}

.contact table .even {
	padding-left: 8px;
	text-align: right;
	font-size: 13px;
	line-height: 24px;
	font-weight: 400;
	padding-right: 30px;
	width:450px;  /* previously no width specified, but broken layout on some browsers prompted change */

}

.even span {
	border-left: 1px solid #ccc;
	margin-left: 10px;
	margin-right: 10px;
}

.contact table .tele {
	padding-left: 11px;
	text-align: left;
	font-size: 13px;
	line-height: 24px;
	font-weight: 400;
	vertical-align: bottom;
	width: 400px;
}


.tele span {
	border-left: 1px solid #ccc;
	margin-left: 10px;
	margin-right: 10px;
}

.contact table .separate {
	border-left: 1px solid #ccc;
	padding-left: 18px;
	margin-right: 10px;
}

img.backtotop {border:none;} /* for IE, so border won't be shown */
a:hover img.backtotop { opacity: 0.6; }





* {margin:0;padding:0;}



/*columns under analytics*/


/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}



/* 1em = 16px */

@media only screen and (max-width: 799px) {
	#body {
		background:white;
		padding:0px;
		overflow:hidden;
	}

	.main-background {
		clear:both;
		width: 100%;
		min-width:15em;
		height: 38em; 
		background: #0099B6;
		background: -moz-linear-gradient(100% 100% 90deg, #076D88, #0099B6);
		background: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#0099B6), to(#076D88) );
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0099B6, endColorstr=#076D88";
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0099B6, endColorstr=#076D88 ); 
	
	}

	.content-wrapper, header .content-wrapper, header {
		margin: 0 auto;
		padding:0px;
		width:100%;
	}

	.wrap {
		width: 100%;
		margin: 0 auto;
		padding:0; /*0 3em;*/
	}
	.wrap2 {
		width:100%;
		margin: 0 auto;
		padding:0 1.25em;
		clear:both;
	}
	.header {
		width: 100%;
		text-align:center;
		padding-top: 1.25em;
		font-weight: 300;
		font-size: 1.875em;
		font-family: 'Open-sans', sans-serif;
		color: #fff;
		display: inline-block;		
	}

	.header-image {
		width: 25em;
		float: none;
		margin:0 auto;
		margin-top: 1.563em; /* 25px */

	}
	.header-image img {
		width:25em;
	}
	
	.intro {
		padding-left: 0;
		font-size: 1.55em; 
		font-weight: 400;
		line-height: 1.75em; 
		color: #444;
		float: none;
		width: 78%; 
		margin-top: 1.875em;
		display:inline-block;
		vertical-align:top;
		border-left: 14px solid #0099B6;
		padding-left:1.25em;
	}

	.intro span {
		font-weight: 700;
	}

	h5 {
		font-size:1.5em;
		line-height:2em;

	}
	h6 {font-size:1.75em;}

	.first {
		width: 78%; 
		display: inline-block;
		margin-top: 1.875em;
		margin-left:1.875em;
		font-weight: 400;
		color: #444;
		line-height: 1.6em;
		font-size: 1em;
		vertical-align: top;
	}

	.second {
		padding-left:0px;
		width: 78%;  /* before 310px, was 312px, resulting in broken layout on browsers other than Chrome. */
		display: inline-block;
		margin-top: 1.875em;
		margin-left:1.875em;
		font-weight: 400;
		color: #444;
		line-height: 1.6em;
		font-size: 1em;
		vertical-align: top;
	}
		
	.third {
		padding-left: 0px;
		width: 78%; /* before 310px, was 312px, resulting in broken layout on browsers other than Chrome. */
		display: inline-block;
		margin-top: 1.875em;
		margin-left:1.875em;
		font-weight: 400;
		color: #444;
		line-height: 1.6em;
		font-size: 1em;
		vertical-align: top;

	}

	/* footer
    ----------------------------------------------------------*/
    footer .float-left,
    footer .float-right {
        float: none;
    }

    footer {
        text-align: left;
		min-height:12em;
        padding: 0; 
		width:100%;
				
    }
	footer .content-wrapper {
		padding:0;
	}
    footer p {
        margin: 10px;
		
    }



}  /* End @media styles*/