@charset "UTF-8";
/* CSS Document */

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;
	-webkit-font-smoothing: antialiased; /*important, prevents font weight changes in Webkit browsers*/
	}




/*  Skeleton V1.2 Copyright 2011, Dave Gamache www.getskeleton.com  */

/* #Base 960 Grid
================================================== */

    .container                                  {  width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }


/* #Layout
================================================== */

body {
	background: #FFFFFF;
	color: #666666;
	text-align: left;
	font: .85em/1.5em Arial, Helvetica, sans-serif;
	}

.wrapperOuter {
	width:960px;
	padding:0 10px;
	margin:0 auto;
	}

.wrapperInner {
	width:940px;
	margin:0;
	float:left;
}

.header {
	display:block;
	float: left;
	width: 100%;
	background: url(/images-index/headerBackground.jpg) repeat-x center bottom;
}

.header .logo {
	margin:20px 0 20px 0;
	float:left;
	}

.header .supportbutton {
		margin-top:40px;
		float:right;
}

.insideMainContent {
	width:100%;
	float:left;
	margin:35px 0 10px 0;
	min-height:200px;
	border:#0F3 1px solid;
}

.circlesWrapper {
	width:940px;
	height:342px;
	float:left;
	overflow:hidden;
	margin:10px 0 25px 0;
	z-index:0;
}

#Stage {z-index:0;}

.ztop {	z-index:500;}




/* Stickey Footer
---------------------------------------------------------- */

html, body {height: 100%;}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px;
	}

.footer, .push {
	height: 100px;
	clear: both;
	}

.footer { background: #74a143;
	color:#bbcf6e; }



/* Elements
---------------------------------------------------------- */

.borderBottom {
	border-bottom:#999 1px solid;
	padding-bottom:15px;
}

.blockWrapper {
	width:100%;
	float:left;
	clear:both;
}

.marginBottom, .add-bottom {margin-bottom:20px}

.add-top {margin-top:20px;}




/* Main Menu
------------------------------------------------------------- */

.menuWrapper {
	width:100%;
	float:left;
	background:#80af42;
	margin-bottom:25px;
	z-index:500;
}

#mobileMenu {
	display:none;
	text-align:left;
	width:100%;
	padding:8px 0;
	background:#80af42;
	z-index:500;
	}

#mobileMenu select {
	color: white;
	text-shadow: #3c3d3e 0 -1px 0;
	background: #686867 url(/images-index/mobile-menu-icon.png) no-repeat 5px center;
	border: 0;
	font: normal 17px "Helvetica Neue", Helvetica, san-serif;
	padding: 5px 8px 5px 29px;
	display: inline-block;
	margin: 3px 0 3px 10%;
	width: 80%;
	-webkit-appearance: textarea;
}

ul#mainMenu {
	position: relative;
	float: left;
	width:100%;
	font: 125%/normal Arial, Helvetica, sans-serif;
	padding: 0;
	margin:0 0 0 0;
    list-style:none;
    }

ul#mainMenu li {
	position: relative;
    float:left;
    margin:0;
    padding:0;
    }

ul#mainMenu a {
    display:block;
	padding:10px 20px 0 20px;
	height:30px;
    }

ul#mainMenu a:link, ul#mainMenu a:visited {
	color:#ffffff;
	text-decoration: none;
	}

ul#mainMenu a:hover, ul#mainMenu a:active {
	color:#e7e256;
	text-decoration: none;
	background:#618b35;
	}

ul#mainMenu div {
  display: none;
}


ul#mainMenu li div.subMenu {
  	width: 16em;
  	position: absolute;
  	top: 39px;
  	left: 0em;
	background:#618b35;
  	padding:0 0 4px 0;
 	margin:0;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	z-index:500;

}


ul#mainMenu li div.subMenu ul {
	float: none;
	padding:6px;
	margin:0;
	z-index:500;


}

ul#mainMenu li div.subMenu ul li {
	float: none;
	list-style: none;
	position: relative;
	border:none;
	padding:3px;
	margin:0;
	z-index:500;

}

ul#mainMenu li div.subMenu ul li a {
	border:none;
	padding:0 0 0 10px;
	margin:0;
	z-index:500;

}

ul#mainMenu li div.subMenu ul li a:link, ul#mainMenu li div.subMenu ul li a:visited {
	color:#ffffff;
	text-decoration: none;
	}

ul#mainMenu li div.subMenu ul li a:hover, ul#mainMenu li div.subMenu ul li a:active {
	color:#e7e256;
	text-decoration: none;
	background:none;
	}



ul#mainMenu li.login {
	float:right;
	}

ul#mainMenu li.login a {
    display:block;
	border-radius: 5px;
	padding:4px 15px;
	height:auto;
	margin-top:5px;
    }

ul#mainMenu li.login a:link, ul#mainMenu li.login a:visited {
	color:#ece998;
	text-decoration: none;
	background:#618b35;
	}

ul#mainMenu li.login a:hover, ul#mainMenu li.login a:active {
	color:#618b35;
	text-decoration: none;
	background:#f1c100;
	}



/* Text
---------------------------------------------------------- */

p {margin: 0 0 .8em 0;}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:normal;
	color:#83b142;
}

h1 {
	font-size:250%;
	text-align:left;
	margin: 10px 5px 6px 0;
	letter-spacing: -.04em;
	}

h2 {margin: 12px 0 6px 0; font-size: 190%;
	letter-spacing: -.04em;
}

h3 {margin: 18px 0 2px 0; font-size: 160%;
	letter-spacing: -.02em;
}

h4 {margin: 12px 0 2px 0; font-size: 120%;
	font-weight:normal;
}

h5 {
	margin: 0 0 1px 0;
	font-weight:bold;
	color:#666666;
	font-size:110%;
}

.smallText {
	font-size: 11px;
	color: #999;
	margin:2px 0 2px 0;
	line-height:normal;
}

.smaller {font-size:85%;}

.boldText {
	font-size: 110%;
	font-weight:bold;
	color:#0066b3;
	}

.alignCenter {text-align:center;}

.alignLeft {text-align:left;}

.alignRight {text-align:right;}

.noMargin {margin:0;}

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

blockquote {
	width:96%;
	padding:.5em 2%;
	margin:10px 0;
	background:#fff0c1;
	font-style:italic;
	border:#ffe593 1px solid;
	border-radius: 5px;
}

blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5 {margin-top:0;}

ul, ol {
	margin-top: 0;
	margin-bottom: 8px;
	margin-left: 1.5em;
	line-height:normal;
}

p + ul, p + ol {margin-top:-4px;}

ul {list-style:square}

ul.plainList {list-style:none;margin-left:0;}

ul.plainList li {
	list-style:none;
	padding-left:0;
	margin:5px 0 5px 0;
}


/* Images
------------------------------------------------------- */

.photoRight {
	float:right;
	margin:4px 0 4px 6px;
}

.photoLeft {
	float:left;
	margin:4px 6px 4px 0;
}

img.scale-with-grid, .editor img {
		max-width: 100%;
		height: auto; }


/* Links
--------------------------------------------------------- */

a:link, a:visited {color: #d95700; text-decoration: none;}

a:hover, a:focus, a:active { color: #0067b3; text-decoration: none; }

p a:hover {text-decoration:underline;}

a img {border: 0; }

.moreInfo {
	display:block;
	line-height:normal;
	text-align:right;
	margin:-.4em 0 1em 0;
	width:100%;
}

h5 a:link, h5 a:visited {color: #666666; text-decoration: none;}

h5 a:hover, h5 a:focus, h5 a:active { color: #d95700; text-decoration: none; }


a:link.button, a:visited.button {
	background:#cf5800;
	font: 16px Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding:7px 10px;
	width:auto;
	border-radius: 6px;
	margin:4px 0;
	text-decoration:none;
	border:none;
	display:inline-block;
	}

a:hover.button, a:focus.button, a:active.button {
	background:#0067b3;
	border:none;

}

a[href$='.pdf'] { padding:0 20px 0 0; background:transparent url(/images-index/pdficon_small.gif) no-repeat center right; }



/* Contact Form
--------------------------------------------------------- */

fieldset.standardForm  {margin:10px 0 0 0;
/* 	border:#ccc 1px solid; */
	padding:15px 10px;
	width:100%;
	}

fieldset.standardForm  div {
	margin: 0 0 5px;
	padding: 5px 0 5px 170px;
	}
fieldset.standardForm  div label {
	float: left;
	display: block;
	line-height: 1.1;
	margin: 7px 0 0 -170px;
	width: 160px;
	text-align:right;
    }

fieldset.standardForm  div label.forSelect {
	margin-top:-3px;
	    }


	/* Input defaults */
fieldset.standardForm  div input,
fieldset.standardForm  div textarea,
fieldset.standardForm  div select {
		border: 1px solid #999;
		color: #333;
	    display: block;
		font: 100%/1.4em  Arial, Helvetica, sans-serif;
	    line-height: 1;
	    margin: 0;
	}

	/* Focus */
fieldset.standardForm  div input:focus,
fieldset.standardForm  div textarea:focus,
fieldset.standardForm  div select:focus {
		border-color: #005496;
	}

/* Text inputs */
fieldset.standardForm  div input {
    	padding: 6px 5px;
        width: 288px;
    }

    /* Select menus */
fieldset.standardForm  div select {
    	padding: 0 0 0 3px;
        width: 291px;
    }

    /* Textareas */
fieldset.standardForm  div textarea {
        height: 120px;
        padding: 6px 5px;
        width: 288px;
    }



    /* Radio buttons + checkboxes */
fieldset.standardForm   ul {
    	margin: 5px 0 0 0;
    }

fieldset.standardForm  ul li {
	        margin: 0 0 5px;
	        padding: 0;
	    }

fieldset.standardForm ul li label {
	            display: inline;
	            float: none;
		    	font-size: 1em;
	            font-weight: normal;
	            margin: 0;
	            padding: 0;
	        }

fieldset.standardForm ul li input {
	        	background: none;
	            border: none;
	            display: inline;
	            margin: 0 5px 0 0;
	            padding: 0;
	            width: auto;
	        }

/* Submit */

div.controls {padding: 0 0 15px 175px;}

div.controls input {
			float: left;
			width: auto;
		}

fieldset.standardForm label.error { float: none;
		color: red;
		vertical-align: top;
		margin:4px 0 0 0;
		padding:0;
		width: 250px;
		text-align:left;
	}





/* Email Sign Up
---------------------------------------------------------- */

.emailRow {
	width: 100%;
	margin: 28px 0;
	padding: 25px 0 20px 0;
	border-bottom: #c4c4c4 1px solid;
	text-align: center;
	font-size: 115%;
	background: #d7d7d7 url(/images-index/arrow-white-down.png) no-repeat center top;
	border-radius: 9px;
}

.emailRow input {
	border-radius: 6px;
	border: #999 1px solid;
	padding: 5px 10px;
	font: 16px Arial, Helvetica, sans-serif;
	color:#666;
}




input.button {
	background:#cf5800;
	font: 16px Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding:5px 10px;
	width:auto;
	border-radius: 6px;
	margin:4px 0;
	text-decoration:none;
	border:none;
	}

input.button:hover {
	background:#0067b3;
	border:none;

}
input.button:focus {
	background:#0067b3;
	border:none;
}





/* Utility
------------------------------------------------------- */

.noDisplay {display:none;}

.floatLeft {float:left;}

.floatRight {float:right}

.clearDiv {clear: both;width:100%; height:1px;}

.clear {clear:both;}

.blockWraper {width:100%; float:left;}





	/* #Media Queries
================================================== */


	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {


		ul#mainMenu {
			font-size:115%;
			}
		ul#mainMenu a {
			padding:10px 15px 0 15px;
			}




		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

		#mainMenu {display: none;}
		#mobileMenu {display:block;}
		.hideMobile, .circlesWrapper {display:none;}


		.header {text-align:center;}

		.header .logo {
			margin:20px auto 0 auto;
			float:none;
		}

		.header .supportbutton {
			margin:10px auto;
			float:none;
		}


		fieldset.standardForm div {
			margin: 0 0 10px;
			padding: 5px 0 5px 0;
			}
		fieldset.standardForm div label {
			float: none;
			margin: 7px 0 3px 0;
			width: 100%;
			text-align:left;
			}


		div.controls {padding: 5px 0 5px 0;}


		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}