/* HEADINGS AND COPY
/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */
h1
{
    color: #0a3360;
    font-family: "Raleway Regular", Arial, Sans-Serif;
    font-size: 4.2em;
    line-height: 1em;
    padding-bottom: 30px;
}

h2.about-notice {
    color: #555555;
    font-family: "Open Sans Light", Arial, sans-serif;
    font-size: 2em;
    font-weight: bold;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}
    
h3,
.content .h3-style{
    color: #0a3360;
    font-family: "Open Sans Semibold", Arial, Sans-Serif;
    font-size: 2.2em;
    padding-top: 1.363636363636364em;
}

h3:focus{
    margin-top: 1.363636363636364em;
    padding-top: 0;
}
.h3-style:focus{
    outline: thin dotted #0062cf !important;
    display: inline-block;
    padding-top: 0;
    margin-top: 1.363636363636364em;
}
.h3-style-strong {
    color: #555555;
    font-family: "Open Sans Light", Arial, Sans-Serif;
    font-weight: bold;
    font-size: 2em;
}   
h3.light,
.h3-style.light{
    color: #334856;
    font-family: "Open Sans Light", Arial, Sans-Serif;
    padding-top: 0;
}
    
p
{
    font-size: 2em;
}
.content p+p, .content ul+p, .content ol+p {
	padding-top: 1.5em;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - max 1000px */
@media only screen and (max-width: 1000px) 
{
    h1
    {
        color: #0a3360;
        font-family: "Raleway Regular", Arial, Sans-Serif;
        font-size: 3em;
        line-height: 1em;
        padding-bottom: 15px;
    }

    h3,
    .content .h3-style{
        color: #0a3360;
        font-family: "Open Sans Semibold", Arial, Sans-Serif;
        font-size: 1.8em;
        padding-top: 27px;
    }
    .h3-style:focus{
        padding-top: 0;
        margin-top: 27px;
    }
    .h3-style-strong {
        font-size: 1.8em;
    }   

    h3.light,
    .h3-style.light
    {
        color: #334856;
        font-family: "Open Sans Light", Arial, Sans-Serif;
        padding-top: 0;
    }

    p
    {
        font-size: 1.8em;
    }
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - max 480px */
@media only screen and (max-width: 480px) 
{
    h1
    {
        font-size: 2.6em;
    }
}

/* HEADER
/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */
#header
{
    background-color: #fff;
    position: relative;
    top: 0;
}
#header #logo
{
    padding: 5em 0 3.3em;
}
#header #affiliate
{
    margin-top: 0;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - max 1000px */
@media only screen and (max-width: 1000px) 
{
    body .wrap, body .content .wrap
    {
        padding: 0 40px;
    }
    
    #header #affiliate
    {
		padding-top: 0;
        width: 60px;
    }
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - max 480px */
@media only screen and (max-width: 480px) 
{
    body .wrap, body .content .wrap
    {
        padding: 0 30px;
    }
    
    #header #logo 
    {
        padding: 2.3em 0 2.3em;
    }
    
    #header #affiliate
	{
        width: 50px;
    }
}

/* CONTENT
/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */
.content
{
    background: #fff;
    padding-bottom: 85px;
    padding-top: 20px;
}

.no-wrap
{
    white-space:nowrap;
}

.description {
    color: #334856;
    font-family: "Open Sans Light", Arial, Sans-Serif;
    font-size: 1.8em;
    margin-bottom: 2.777777777777778em;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - max 1000px */
@media only screen and (max-width: 1000px) 
{
    .content {
        padding-bottom: 60px;
    }
    
    .description {
        font-size: 1.6em;
    }
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - max 480px */
@media only screen and (max-width: 480px) 
{
    .description {
        font-size: 1.4em;
    }
}

/* LISTS
/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */
    
.content ul li, .content ol li {
    font-size: 1.9em;
}    
.content ol {
    padding-left: 5em; 
}
.content ol li {
    list-style: outside decimal; 
}
.content ol li + li {
    padding-top: 0.4em; 
}
.content ol ul.bulletList {
    margin-top: 0.4em; 
}
.content ol ul li {
    list-style: none; 
}
.content .bulletList, .content .contextualNav {
    margin-top: 1.5em; 
}
.content .bulletList li, .content .contextualNav li {
    padding-left: 2.5em;
    position: relative; 
}
.content .bulletList li a, .content .contextualNav li a {
     box-shadow: inset 0 -2px 0 0 #066dfe;
     color: #066dfe;
    -webkit-transition: box-shadow .2s;
    -moz-transition: box-shadow .2s;
    -ms-transition: box-shadow .2s;
    transition: box-shadow .2s;
}
.content .bulletList li a:hover, .content .contextualNav li a:hover, .content .bulletList li a:focus, .content .contextualNav li a:focus {
     box-shadow: none;
     color: #014cb7;
    -webkit-transition: box-shadow .2s;
    -moz-transition: box-shadow .2s;
    -ms-transition: box-shadow .2s;
    transition: box-shadow .2s;
}
.content .bulletList li:before, .content .contextualNav li:before {
    color: #ff7e00;
    content: "\e119";
    font-family: "Icons";
    font-size: 0.632em;
    left: 1.5em;
    position: absolute;
    top: 0.5em; 
}
.content .bulletList li ul, .content .contextualNav li ul {
    padding-top: 0.4em; 
}
.content .bulletList li li {
    font-size: 1em;
}
.content .bulletList li li:before, .content .contextualNav li li:before {
    color: #24b6fe;
    content: "\e120";
    left: 2em; 
}
.content .bulletList li + li, .content .contextualNav li + li {
    padding-top: 0.6em; 
}
.content .bulletList li + li:before, .content .contextualNav li + li:before {
    top: 1.35em; 
}

/* FORMS
/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */
    form {
        width: 33%;
    }
    #privacyForm {
        margin-top: 5em;
    }
    /* Inputs / Watermarks
	/* - - - - - - - - - - - - - - - - - - - - - - - */
	input[type="text"], input[type="email"], input[type="password"], textarea, select, .watermark label, .entry label, .dropdown .display {
		
		border-radius: 0;
		font-family: "Open Sans", Arial, Sans-Serif;
		font-size: 1.4em;
		line-height: normal;  
		margin: 0;
		padding: 0.6em 0.667em;
		width: 100%;
		-webkit-appearance: none;
		
	}
	input[type="text"], input[type="email"], input[type="password"], textarea, .watermark label, .entry label, .dropdown .display {
		font-size: 1.8em;
	}
	.lt-ie8 form input[type="text"], .lt-ie8 form .dropdown .display {
	    border: 1px solid #dcdcdc;
	}
	#send-email-page .dropdown .display {
	    padding-right: 20px;
	}
	.watermark, .dropdown{
	    font-family: "Open Sans", Arial, Sans-Serif;
	    font-size: 1.5em;
	}
	#send-email-page .dropdown select, #privacyForm .dropdown select, #retrieve .dropdown select {
	    font-size: 1em;
	}
    .address {
        width: 150%;
    }
    .inputState {
        width: 70%;
    }
    .inputZip {
        width: 12.6em;
    }
    .inputTopic {
        width: 125%;
    }
    .textArea {
        background-color: #fff;
        width: 250%;
    }
    .watermark.textArea {
        width: 100%;
    }
    /* Button
	/* - - - - - - - - - - - - - - - - - - - - - - - */
	#send-email-page .button {
	    width: 85%;   
	}
	#privacyForm .button  {
	    width: 75%;
	}
	
/*IE Fix-------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------*/
.lt-ie8 #send-email-page .dropdown select, .lt-ie8 #privacyForm .dropdown select, .lt-ie8 #retrieve .dropdown select {
	    font-size: 2em;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - max 1000px */
@media only screen and (max-width: 1000px) 
{
    form {
        max-width: 340px;
        width: 60%;
    }
    .textArea 
    {
        width: 150%;
    }
    
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - max 610px */
@media only screen and (max-width: 610px) 
{
    form {
        width: 75%;
    }
    .address {
        width: 125%;
    }
    .textArea {
        width: 133%;
    }
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - max 510px */
@media only screen and (max-width: 510px) 
{
    form  {
        width: 100%;
    }
    .address, .inputState, .inputZip, .inputTopic, .textArea, .button input {
        width: 100%;
    }
    #send-email-page .dropdown .display {
        padding-right: 35px;
    }
    #privacyForm {
        margin-top: 3.5em;
    }
   #send-email-page .button, #privacyForm .button {
        width: 100%;
    }
    
}


/* FOOTER
/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */
#legal {
    border-bottom: 0;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - max 1000px */
@media only screen and (max-width: 1000px) 
{
    #legal .wrap {
        padding: 4em 40px 5em 40px;
    }
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - max 480px */
@media only screen and (max-width: 480px) 
{
    #legal .wrap {
        padding: 4em 30px 5em 30px;
    }
    #legal .nav {
        padding-bottom: 1.8em;
    }
    #legal p {
        padding-bottom: 1.8em;
    }
}

/* FONTS
/* - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - */

/* Open Sans
/* - - - - - - - - - - - - - - - - - - - - - - - */
@font-face {
  font-family: "Open Sans Semibold";
  src: url("/content/fonts/opensans/semibold/opensans-semibold.eot");
  src: url("/content/fonts/opensans/semibold/opensans-semibold.eot?#iefix") format("embedded-opentype"), url("/content/fonts/opensans/semibold/opensans-semibold.woff") format("woff"), url("/content/fonts/opensans/semibold/opensans-semibold.ttf") format("truetype"); }

/* Raleway
/* - - - - - - - - - - - - - - - - - - - - - - - */
@font-face {
  font-family: "Raleway Regular";
  src: url("/content/fonts/raleway/regular/raleway-regular.eot");
  src: url("/content/fonts/raleway/regular/raleway-regular.eot?#iefix") format("embedded-opentype"), url("/content/fonts/raleway/regular/raleway-regular.woff") format("woff"), url("/content/fonts/raleway/regular/raleway-regular.ttf") format("truetype"); }

/* Icon font
/* - - - - - - - - - - - - - - - - - - - - - - - */
@font-face {
	font-family: "Icons";
	src: url('/content/fonts/icons/icomoon.eot');
	src: url('/content/fonts/icons/icomoon.eot?#iefix') format('embedded-opentype'),
		 url('/content/fonts/icons/icomoon.woff') format('woff'),
		 url('/content/fonts/icons/icomoon.ttf') format('truetype');
}