@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%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	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%;
	background-color: #FFF;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FFFFFF;
	background-image: url(../../images/hbg.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#menu {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	height: 100%;
	text-align: center;
}
#feature {
	clear: both;
	float: left;
	width: 100%;
	display: block;
}
#content {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	background-color: #FFF;
	padding-left: 0px;
	padding-top: 0px;
	margin-left: 0;
}
#sidebar {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-bottom: 20px;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #15487C;
	padding-top: 20px;
	background-image: none;
}
#footerlogo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#FooterLogo {
	clear: none;
	float: left;
	margin-left: 4.1666%;
	width: 100%;
	display: block;
}
#FooterLinks1 {
	clear: none;
	float: left;
	margin-left: 4.1666%;
	width: 100%;
	display: block;
}
#FooterLinks2 {
	clear: none;
	float: left;
	margin-left: 4.1666%;
	width: 100%;
	display: block;
}
#FooterContact {
	clear: none;
	float: left;
	margin-left: 4.1666%;
	width: 100%;
	display: block;
	color: #FFF;
	font-size: 10px;
	line-height: 16px;
}
#FooterContact2 {
	clear: none;
	float: left;
	margin-left: 4.1666%;
	
}
#InsideContent {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#InsideSideBar {
	clear: none;
	float: left;
	margin-left: 4.1666%;
	width: 100%;
	display: block;
}
#header1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#side2 {
	clear: none;
	float: left;
	margin-left: 4.1666%;
	width: 100%;
	display: block;
}

#main1 {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	padding-left: 0%;
	padding-bottom: 10px;
}

.menubar {}

#highlight1 {
	width: 100%;
	float: left;
	margin-left: 5;
	padding-top: 10px;
	padding-bottom: 10px;
}
#highlight2 {
	width: 100%;
	float: left;
	margin-left: 5;
	padding-top: 10px;
	padding-bottom: 10px;
}
#highlight3 {
	width: 100%;
	float: left;
	margin-left: 5;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
}
#div1 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
background-color: #15487C;
padding-top: 20px;
background-image: none;
}
#div2 {
clear: none;
float: left;
margin-left: 4.1666%;
width: 100%;
display: block;
}
#div3 {
clear: none;
float: left;
margin-left: 4.1666%;
width: 100%;
display: block;
}
.headerphone {
	width: 100%;
	font-size: 1em;
}
.newsletter {
	background-color: #E5E5E5;
	padding: 5px;
	width: 90%;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #dcdcdc;
	line-height: normal;
}
#main1order {
}
.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
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%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#feature {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#content {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FFF;
}
#sidebar {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footerlogo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#FooterLogo {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 100%;
	display: block;
}
#FooterLinks1 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 100%;
	display: block;
}
#FooterLinks2 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 100%;
	display: block;
}
#FooterContact {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 100%;
	display: block;
}
#InsideContent {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#InsideSideBar {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 100%;
	display: block;
}
#header1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#side2 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 100%;
	display: block;
}
#main1 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 87.1794%;
	display: block;
}
#side3 {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 87.1794%;
	display: block;
}
.menubar {
}

#highlight1 {
width: 100%;
clear: both;
margin-left: 0;
}
#highlight2 {
width: 100%;
clear: both;
margin-left: 0;
}
#highlight3 {
width: 100%;
clear: both;
margin-left: 0;
}
#div1 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
#div2 {
clear: none;
float: left;
margin-left: 2.5641%;
width: 100%;
display: block;
}
#div3 {
clear: none;
float: left;
margin-left: 2.5641%;
width: 100%;
display: block;
}
.headerphone {
width: 100%;
font-size: 1.2em;
}
.newsletter {
	
	background-color: #E5E5E5;
	padding: 5px;
	width: 90%;
		-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #dcdcdc;
}
#main1order {
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 88.5%;
	max-width: 1170px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#LayoutDiv1 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 23.7288%;
	display: block;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#feature {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#content {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FFF;
}
#sidebar {
	clear: none;
	float: right;
	margin-left: 5px;
	width: 300px;
	display: block;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footerlogo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#FooterLogo {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 23.7288%;
	display: block;
}
#FooterLinks1 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 15.2542%;
	display: block;
}
#FooterLinks2 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 15%;
	display: block;
}
#FooterContact {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 38.2033%;
	display: block;
}
#FooterContact2 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 30.2033%;
	display: block;
}
#InsideContent {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FFF;
}
#InsideSideBar {
	clear: none;
	float: right;
	margin-left: 1.6949%;
	width: 32.2033%;
	display: block;
}
#header1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#side2 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 23.7288%;
	display: block;
}
#main1 {
	clear: none;
	float: left;
	margin-left: 0;
	width: 60%;
	display: block;
	padding-left: 3%;
}
#side3 {
	clear: none;
	float: left;
	margin-left: 2%;
	width: 34%;
	display: block;
	margin-right: 1%;
	margin-top: 2%;
}
.menubar {}

#highlight1 {
width: 32.2033%;
margin-left: 0;
clear: both;
}
#highlight2 {
width: 32.2033%;
margin-left: 1.6949%;
clear: none;
}
#highlight3 {
width: 32.2033%;
margin-left: 1.6949%;
clear: none;
}
#div1 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
#div2 {
clear: none;
float: left;
margin-left: 1.6949%;
width: 23.7288%;
display: block;
}
#div3 {
clear: none;
float: left;
margin-left: 1.6949%;
width: 15.2542%;
display: block;
}
.headerphone {
	width: 42.203%;
	clear: none;
	float: right;
	text-align: right;
	padding-right: 40px;
	font-size: 2.1em;
	font-weight: bold;
	color: #104A8E;
	padding-top: 10px;
	line-height: 2.1em;
}
.newsletter {
	background-color: #E5E5E5;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
	width: 90%;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #dcdcdc;
	margin-top: 5px;
	margin-bottom: 5px;
}
#main1order {
	padding-left: 25px;
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
}


/* footer links==================================== */

A.footer:link {
	FONT-SIZE: 12px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	}	
		
A.footer:visited {
	FONT-SIZE: 12px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
}	
		
A.footer:hover	{
	FONT-SIZE: 12px;
	color: #FFFF00;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;	
	
}
	
A.footer:active {
	FONT-SIZE: 12px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
}

 


/* nav==================================== */



		#nav
		{
	font-size: 1em;
	font-weight: bold;
		}

		#nav > a
		{
	display: none;
	text-decoration: none;
			}

			#nav li
			{
				position: relative;
			}
				#nav li a
				{
	color: #fff;
	display: block;
	text-decoration: none;
				}
				#nav li a:active
				{
	background-color: #15487C !important;
				}

			#nav span:after
			{
	border: 0.313em solid transparent; /* 5 */
	border-bottom: none;
	border-top-color: #3E83C4;
	content: '';	
	}

			/* first level */

			#nav > ul
			{
				
				background-color: #15487C;
			}
				#nav > ul > li
				{
					width: 14%;
					float: left;
				}
					#nav > ul > li > a
					{
						height: 100%;
						line-height: 2.5em; /* 60 (24) */
						text-align: center;
					}
						#nav > ul > li:not( :last-child ) > a
						{
						border-right-width: 1px;
						border-right-style: solid;
						border-right-color: #3E83C4;
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
						background-color: #15487C;
						}


				/* second level */

				#nav li ul
				{
	
	background-color: #75AFE3;
	width: 175%;
	display: none;
	position: absolute;					
				}
					#nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
					}
						#nav li:not( :first-child ):hover ul
						{
							left: -1px;
						}
						#nav li ul a
						{
						padding: 0.75em; /* 15 (20) */
						border-top-width: 1px;
						border-top-style: solid;
						border-top-color: #15487C;
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
							background-color: #15487C;
							}


		@media only screen and ( max-width: 62.5em ) /* 1000 */
		{
			#nav
			{
				width: 100%;
				font-size: 85%; /* 12 */
				position: static;
				margin: 0;
			}
			
			/* first level */

			#nav > ul
			{
				
				background-color: #15487C;
			}
				#nav > ul > li
				{
					width: 16%;
					float: left;
				}
					#nav > ul > li > a
					{
						height: 100%;
						line-height: 2.5em; /* 60 (24) */
						text-align: center;
					}
						#nav > ul > li:not( :last-child ) > a
						{
						border-right-width: 1px;
						border-right-style: solid;
						border-right-color: #3E83C4;
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
						background-color: #15487C;
						}
			
			
			
		}

		@media only screen and ( max-width: 40em ) /* 640 */
		{
			html
			{
				font-size: 75%; /* 12 */
			}

			#nav
			{
				position: relative;
				top: auto;
				left: auto;
			}
				#nav > a
				{
					width: 3.125em; /* 50 */
					height: 3.125em; /* 50 */
					text-align: left;
					text-indent: -9999px;
					background-color: #15487C;
					position: relative;
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
						border: 2px solid #fff;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:after
					{
						top: 60%;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
			}
				#nav:target > ul
				{
					display: block;
				}
				#nav > ul > li
				{
					width: 100%;
					float: none;
				}
					#nav > ul > li > a
					{
						height: auto;
						text-align: left;
						padding: 0 0.833em; /* 20 (24) */
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none;
							border-bottom: 1px solid #cc470d;
						}


				/* second level */

				#nav li ul
				{
					position: static;
					padding: 1.25em; /* 20 */
					padding-top: 0;
				}
		}



/*============ buttons*/

.sidebuttons {
	-moz-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
	box-shadow: inset 0px 1px 0px 0px #bbdaf7;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background: -moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color: #79bbff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #84bbf3;
	display: inline-block;
	color: #ffffff;
	font-family: arial;
	font-size: 17px;
	font-weight: normal;
	text-decoration: none;
	/*text-shadow: 1px 1px 0px #528ecc;*/
	text-align: center;
	width: 90%;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}.sidebuttons:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}.sidebuttons:active {
	position:relative;
	top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */

/* ==== smaller type==== */

.smallerfont {
	font-size: 11px;
	line-height: 14px;
	
}

/* ====Affiliate buttons==== */


    .affButton {
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6) );
	background: -moz-linear-gradient( center top, #ffffff 5%, #f6f6f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6');
	background-color: #ffffff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #dcdcdc;
	display: inline-block;
	color: #15487C;
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 24px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #ffffff;
}.assButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #f6f6f6 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff');
	background-color:#f6f6f6;
}.assButton:active {
	position:relative;
	top:1px;
}
.blueulli {
	color: #0100D4;
}

.steps {
	
	padding: 5px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #dcdcdc;
	
}

.scroll {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	background-color: #E1EAFF;
}

textarea
{
    border:1px solid #999999;
    width:100%;
    margin:5px 0;
    padding:3px;
}
.textareacontainer
{
    padding-right: 8px; /* 1 + 3 + 3 + 1 */
	width:100%;
}

/* YouTube Responsive
=================================================================== */
.video-container {
    position: relative;
    padding-bottom: 56.25%!important;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}