/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  min-width: 1066px;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_13 {
	margin-left: auto;
	margin-right: auto;
	width: 1066px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 11px;
	margin-right: 11px;
}



.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12,
.push_13, .pull_13 {
	position:relative;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 13 Columns
----------------------------------------------------------------------------------------------------*/


.container_13 .grid_1 {
	width:60px;
}

.container_13 .grid_2 {
	width:142px;
}

.container_13 .grid_3 {
	width:224px;
}

.container_13 .grid_4 {
	width:306px;
}

.container_13 .grid_5 {
	width:388px;
}

.container_13 .grid_6 {
	width:470px;
}

.container_13 .grid_7 {
	width:552px;
}

.container_13 .grid_8 {
	width:634px;
}

.container_13 .grid_9 {
	width:716px;
}

.container_13 .grid_10 {
	width:798px;
}

.container_13 .grid_11 {
	width:880px;
}

.container_13 .grid_12 {
	width:962px;
}

.container_13 .grid_13 {
	width:1044px;
}




/* Prefix Extra Space >> 13 Columns
----------------------------------------------------------------------------------------------------*/


.container_13 .prefix_1 {
	padding-left:82px;
}

.container_13 .prefix_2 {
	padding-left:164px;
}

.container_13 .prefix_3 {
	padding-left:246px;
}

.container_13 .prefix_4 {
	padding-left:328px;
}

.container_13 .prefix_5 {
	padding-left:410px;
}

.container_13 .prefix_6 {
	padding-left:492px;
}

.container_13 .prefix_7 {
	padding-left:574px;
}

.container_13 .prefix_8 {
	padding-left:656px;
}

.container_13 .prefix_9 {
	padding-left:738px;
}

.container_13 .prefix_10 {
	padding-left:820px;
}

.container_13 .prefix_11 {
	padding-left:902px;
}

.container_13 .prefix_12 {
	padding-left:984px;
}



/* Suffix Extra Space >> 13 Columns
----------------------------------------------------------------------------------------------------*/


.container_13 .suffix_1 {
	padding-right:82px;
}

.container_13 .suffix_2 {
	padding-right:164px;
}

.container_13 .suffix_3 {
	padding-right:246px;
}

.container_13 .suffix_4 {
	padding-right:328px;
}

.container_13 .suffix_5 {
	padding-right:410px;
}

.container_13 .suffix_6 {
	padding-right:492px;
}

.container_13 .suffix_7 {
	padding-right:574px;
}

.container_13 .suffix_8 {
	padding-right:656px;
}

.container_13 .suffix_9 {
	padding-right:738px;
}

.container_13 .suffix_10 {
	padding-right:820px;
}

.container_13 .suffix_11 {
	padding-right:902px;
}

.container_13 .suffix_12 {
	padding-right:984px;
}



/* Push Space >> 13 Columns
----------------------------------------------------------------------------------------------------*/


.container_13 .push_1 {
	left:82px;
}

.container_13 .push_2 {
	left:164px;
}

.container_13 .push_3 {
	left:246px;
}

.container_13 .push_4 {
	left:328px;
}

.container_13 .push_5 {
	left:410px;
}

.container_13 .push_6 {
	left:492px;
}

.container_13 .push_7 {
	left:574px;
}

.container_13 .push_8 {
	left:656px;
}

.container_13 .push_9 {
	left:738px;
}

.container_13 .push_10 {
	left:820px;
}

.container_13 .push_11 {
	left:902px;
}

.container_13 .push_12 {
	left:984px;
}



/* Pull Space >> 13 Columns
----------------------------------------------------------------------------------------------------*/


.container_13 .pull_1 {
	left:-82px;
}

.container_13 .pull_2 {
	left:-164px;
}

.container_13 .pull_3 {
	left:-246px;
}

.container_13 .pull_4 {
	left:-328px;
}

.container_13 .pull_5 {
	left:-410px;
}

.container_13 .pull_6 {
	left:-492px;
}

.container_13 .pull_7 {
	left:-574px;
}

.container_13 .pull_8 {
	left:-656px;
}

.container_13 .pull_9 {
	left:-738px;
}

.container_13 .pull_10 {
	left:-820px;
}

.container_13 .pull_11 {
	left:-902px;
}

.container_13 .pull_12 {
	left:-984px;
}




/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */

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

/*
* Corrects `block` display not defined in IE 8/9.
*/

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

/*
* Corrects `inline-block` display not defined in IE 8/9.
*/

audio,
canvas,
video {
    display: inline-block;
}

/*
* Prevents modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
* Addresses styling for `hidden` attribute not present in IE 8/9.
*/

[hidden] {
    display: none;
}

/* ==========================================================================
Base
========================================================================== */

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

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

/*
* Removes default margin.
*/

body {
margin: 0; 
font-size: 0.9em; 
line-height: 1.4em;  }

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

/*
* Addresses `outline` inconsistency between Chrome and other browsers.
*/

a:focus {
    outline: thin dotted;
}

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

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

/* ==========================================================================
Typography
========================================================================== */

/*
* Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
* Safari 5, and Chrome.
*/

h1 {
font-size: 1.2em;
    line-height: 1.2em;

margin: 0;
    margin: 0.5em 0 1em 0;
}

h2 {
 font-size: 1.1em;
    line-height: 1.1em;
    margin: 1em 0 0.5em 0;
    padding: 0;
}

h3 {
 font-size: 1em;
    line-height: 1em;
    margin: 1em 0 0.5em 0;
    padding: 0;
}

div.main ul {
padding: 0;
padding-bottom: 5px;
margin: 0;
margin-left: 1em;
}

div.main ul li {
margin: 0;
padding: 0;
}

p {
padding: 0;
margin:0;
margin-bottom: 0.5em;}


/*
* Addresses styling not present in IE 8/9, Safari 5, and Chrome.
*/

abbr[title] {
    border-bottom: 1px dotted;
}

/*
* Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
*/

b,
strong {
    font-weight: bold;
}

/*
* Addresses styling not present in Safari 5 and Chrome.
*/

dfn {
    font-style: italic;
}

/*
* Addresses styling not present in IE 8/9.
*/

mark {
    background: #ff0;
    color: #000;
}


/*
* Corrects font family set oddly in Safari 5 and Chrome.
*/

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

/*
* Improves readability of pre-formatted text in all browsers.
*/

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
* Sets consistent quote types.
*/

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
* Addresses inconsistent and variable font size in all browsers.
*/

small {
    font-size: 80%;
}

/*
* Prevents `sub` and `sup` affecting `line-height` in all browsers.
*/

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

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

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

img {
    border: 0;
}

/*
* Corrects overflow displayed oddly in IE 9.
*/

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

/* ==========================================================================
Figures
========================================================================== */

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

figure {
    margin: 0;
}

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

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

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

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

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/*
* 1. Corrects font family not being inherited in all browsers.
* 2. Corrects font size not being inherited in all browsers.
* 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
*/

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/*
* Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/

button,
input {
    line-height: normal;
}

/*
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Corrects inability to style clickable `input` types in iOS.
* 3. Improves usability and consistency of cursor style between image-type
* `input` and others.
*/

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/*
* Re-set default cursor for disabled elements.
*/

button[disabled],
input[disabled] {
    cursor: default;
}

/*
* 1. Addresses box sizing set to `content-box` in IE 8/9.
* 2. Removes excess padding in IE 8/9.
*/

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

/*
* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 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;
}

/*
* Removes inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/

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

/*
* Removes inner padding and border in Firefox 4+.
*/

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
* 1. Removes default vertical scrollbar in IE 8/9.
* 2. Improves readability and alignment in all browsers.
*/

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

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

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

table {
    border-collapse: collapse;
    border-spacing: 0;
}
html {overflow-y: scroll;}



.container_12 
{margin: 0 auto;}

a:link {color:#f25f00; text-decoration:none; }
a:visited {  color:#f25f00; text-decoration:none; }
a:hover {  color:#000; text-decoration:none; }


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

div#header {
height: auto;
width: auto;
padding: 0;
margin-top: 35px;
}

.site-title a {
	background: url(../uploads/images/logo.png) no-repeat 25px top;
	display: block;
	height:40px;
	text-indent: -999em;
	text-decoration: none;
text-align: left;
}

.site-title span {
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 0;
	background: url(../uploads/images/logo.png) no-repeat 25px top;
text-align: left;
}


/*********** boxes **********/

section#contentboxleft {
background:#fff;
opacity: .85; /* standard: ff gt 1.5, opera, safari */
-ms-filter: “alpha(opacity=85)”; /* ie 8 */
filter: alpha(opacity=85); /* ie lt 7 */
-khtml-opacity: .85; /* safari 1.x */
-moz-opacity: .85; /* ff lt 1.5, netscape */
}

.content {padding: 1em; }

/*********** bgStretcher **********/

HTML {_background: url(/images/trans.gif) no-repeat fixed;}
.bgstretcher-area { text-align: left; }
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
	position: absolute;
	top: 0;
	left: 0;

}
.bgstretcher UL, .bgstretcher UL LI {
	margin: 0;
	padding: 0;
	list-style: none;
}
.bgstretcher {
	background: white;
	overflow: hidden;
	width: 100%;
	position: fixed;
	z-index: 1;
	_position: absolute; /*IE6 doesn't support fixed positioning*/
	top: 0;
	left: 0;
}

#menu_right {

margin-top: 1em;
margin-right: 0.5em;
border-top: 1px dashed;
border-bottom: 1px dashed;
padding: 0.75em 0 0.75em 0;
}

#menu_right ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#menu_right ul ul {
	margin: 0;
	padding: 0px 5px 0px 0px;
}
#menu_right li {
	list-style: none;
	margin: 0px 0px -1px;
	padding: 0px 0px 4px 0px;
	
}
#menu_right li.currentpage {
	padding: 0px 0px 3px 0px;
color: #ff6600;
}
#menu_right li.menuactive {
	margin: 0;
	padding: 0px;
/* replaced by image in ul ul */
	background: none;
color: #ff6600;
}
#menu_right li.menuactive ul {
	margin: 0;
}
#menu_right li.activeparent {
	margin: 0;
	padding: 0px;
}
/* fix stupid IE6 bug with display:block; */
* html #menu_right li {
	height: 1%;
}
* html #menu_right li a {
	height: 1%;
}
* html #menu_right li hr {
	height: 1%;
}
/** end fix **/
/* first level links */
div#menu_right a {
	display: block;
	font-size: 1em;
line-height: 1.4em;
	color: #000;
font-weight: bold;
	padding: 0.5em 0.5em 0.25em 0;
	display: block;
	text-decoration: none;

}
div#menu_right li a.currentpage {

color: #ff6600;
}

/* next level links, more padding and smaller font */
div#menu_right ul ul a {
	font-size: 90%;
	padding: 0.5em 0.3em 0.5em 0.5em;
font-weight: normal;
}
/* third level links, more padding */
div#menu_right ul ul ul a {
	padding: 0.5em 0.3em 0.3em 3em;
}
/* hover state for all links */
div#menu_right a:hover {
	background-color: transparent;
	color: #ff6600;
	text-decoration: none;
}
div#menu_right a.activeparent:hover {
	color: #ff6600;
}
/* active parent, that is the first level parent of a child page that is the current page */
div#menu_right li.activeparent {

color: #ff6600;
}
div#menu_right li.activeparent a.activeparent {
color: #ff6600;
}
div#menu_right li a.parent {
/* takes left padding out so span image has room on left */
	padding-left: 0em;
}
div#menu_right ul ul li a.parent {
/* increased padding on left offsets it from one above */
	padding-left: 0.9em;
}
div#menu_right li a.parent span {
	display: block;
	margin: 0;
/* adds left padding taken out of "a.parent" */
	padding-left: 1.5em;
/* arrow on left for pages with children, points down, you can set your own image here */
	background: transparent url([[root_url]]/uploads/ngrey/active.png) no-repeat 2px center;
}
div#menu_right li a.parent:hover {
/* removes underline hover effect */
	text-decoration: none;
}
div#menu_right li a.parent:hover span {
	display: block;
	margin: 0;
	padding-left: 1.5em;
/* arrow on left for pages with children, points right for hover, you can set your own image here */
	background: transparent url([[root_url]]/uploads/ngrey/parent.png) no-repeat 2px center;
}
div#menu_right li a.menuactive.menuparent {
/* sets it in a little more than a.parent */
	padding-left: 0.35em;
}
div#menu_right ul ul li a.menuactive.menuparent {
/* sets it in a little more on next level */
	padding-left: 0.99em;
}
div#menu_right li a.menuactive.menuparent span {
	display: block;
	margin: 0;
/* to contrast with non active pages */
	font-weight: bold;
	padding-left: 1.5em;
/* arrow on left for active pages with children, points right, you can set your own image here */
	background: transparent url([[root_url]]/uploads/ngrey/parent.png) no-repeat 2px center;
}
div#menu_right li a.menuactive.menuparent:hover {
	text-decoration: none;
	color: #18507C;
}
div#menu_right ul ul li a.activeparent {
	color: #fff;
}
/* current pages in the default Menu Manager template are unclickable. This is for current page on first level */
div#menu_right ul h3 {
	display: block;
/* some air for it */
	padding: 0.8em 0.5em 0.5em 1.5em;
/* this will be link color for all levels */
	color: #000;
/* instead of the normal font size for <h3> */
	font-size: 1em;
/* as <h3> normally has some margin by default */
	margin: 0;
/* you can set your own image here, same as "a" */
	background: transparent url([[root_url]]/uploads/ngrey/libk.gif) no-repeat right top;
}
/* next level current pages, more padding, smaller font and no background color or bottom border */
div#menu_right ul ul h3 {
	font-size: 90%;
	padding: 0.8em 0.5em 0.5em 2.8em;
/* you can set your own image here, same as "a" */
	background: transparent url([[root_url]]/uploads/ngrey/libk.gif) no-repeat right top;
	color: #000;
}
/* current page on third level, more padding */
div#menu_right ul ul ul h3 {
	padding: 0.6em 0.5em 0.2em 3em;
}
/* BIG NOTE: I didn't do anything to these, never tested */
/* section header */
div#menu_right li.sectionheader {
	border-right: none;
	padding: 0.8em 0.5em 0.5em 1.5em;
	background: transparent url([[root_url]]/uploads/ngrey/libk.gif) no-repeat right top;
	line-height: 1em;
	margin: 0;
        color: #18507C;
        cursor:text;
}
/* separator */
div#menu_right .separator {
	height: 1px !important;
	margin-top: -1px;
	margin-bottom: 0;
	-padding: 2px 0 2px 0;
	background-color: #000;
	overflow: hidden !important;
	line-height: 1px !important;
	font-size: 1px;
/* for ie */
}
div#menu_right li.separator hr {
	display: none;
/* this is for accessibility */
}
/*---------- Service Menu ----------*/

footer {
margin-top: 1em; padding-bottom: 2.25em;
}

footer#footer ul {padding: 0; margin: 0;}

footer#footer ul li {list-style-type:none; float: left; padding: 0.5em 1em 0 0;}
footer#footer ul li a {text-decoration:none;}

footer#footer ul li a span {color:#000; text-decoration:none;}

footer#footer ul li.menuactive a.menuactive span {color:#f25f00; text-decoration:none;}
footer#footer ul li a:hover span {color:#f25f00; text-decoration:none;}

 /* Add the blur effect */
.bgstretcher  li img{
	 filter: blur(3px);
	 -webkit-filter: blur(3px);
	/* brightness:(0.80);
	 -webkit-filter: brightness(0.80);*/
}