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


/* Table of Contents
==================================================
    #Base
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */


/* #Basic Styles
================================================== */
	body {
		margin:0px;
		padding:0px;
		font: 18px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }

.dropshadow { text-shadow: 2px 4px 3px rgba(0,0,0,0.2);}

.shadow {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
	
	h1, h2, h3, h4, h5, h6 {
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	
	p { margin: 0 0 20px 0; text-indent:1.5em; }
	
    .sidebar_text { font-size: 11pt }

	
	
	p img { margin: 5; margin-left: 0;}
	p.lead { font-size: 21px; line-height: 27px;  }
	p.small { font-size: 80%; line-height: 27px;  }
	
	.noIndent { text-indent:0; }

	em { font-style: italic; }
	strong { font-weight: bold; }
	small { font-size: 80%; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

	.deck { padding:0 8%; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif;}


	/* COLORS */
	.red {color: #A4303A;}
	.brightRed {color: red;}
	.green {color: #05593C;}
	.tan {color: #C4B596;}
	.blue {color: #092c90;}
	.brightBlue {color: blue;}
	.grayBlue{color:#124558;}
	.darkRed{color:#C00;}

	/* background colors */
	.blueFadeToWhite { background:#FFF url(/images/515_bg.png) repeat-x; }

	/* #Links
	================================================== */
	a, a:visited { color: #07406F; text-decoration: underline; outline: 0; }
	a:hover, a:focus { color:#06F; }
	p a, p a:visited { line-height: inherit; }

	/* LISTS */
	ul {margin: 10px 25px 10px 55px; padding: 0px;}
	ol {margin: 10px 25px 10px 60px; padding: 0px;}
	li {margin: 0px 0px 16px 0px;}
	
	ul.check-green li {list-style: none; background: url(bullets/check28-green.png) top left no-repeat; padding-left: 40px; min-height: 27px; padding-top: 6px;}
	ul.arrow-red li {list-style: none; background: url(/images/bullets/arrow-red.png) no-repeat; background-position:0% 10%; padding-left: 40px; min-height: 27px; padding-top: 6px;}
	ul.bullet li {list-style: none; background: url(bullet.png) no-repeat; background-position:0% 10%; padding-left: 40px; min-height: 27px; padding-top: 6px;}
	ul.check-sq li {list-style: none; background: url(bullets/check34-sq-red.png) no-repeat; background-position:0% 10%; padding-left: 40px; min-height: 27px; padding-top: 6px;}
	ul.check-sq-02 li {list-style: none; background: url(bullets/check02-red.png) no-repeat; background-position:0% 10%; padding-left: 40px; min-height: 27px; padding-top: 6px;}
	ul.check-35-red li {list-style: none; background: url(bullets/check35-red.png) no-repeat; background-position:0% 10%; padding-left: 40px; min-height: 27px; padding-top: 6px;}
	ul.arrow-07-red li {list-style: none; background: url(bullets/arrow07-red.png) no-repeat; background-position:0% 10%; padding-left: 40px; min-height: 27px; padding-top: 6px;}
	ul.arrow-19-red li {list-style: none; background: url(bullets/arrow19-red.png) no-repeat; background-position:1% 10%; padding-left: 40px; min-height: 27px; padding-top: 6px;}
	ul.wrong li {list-style: none; background: url(bullets/x07.png) no-repeat; background-position:1% 10%; padding-left: 65px; min-height: 27px; padding-top: 6px;}
	ul.warn-03 li {list-style: none; background: url(bullets/other03-warn.png) no-repeat; background-position:0% 10%; padding-left: 50px; min-height: 27px; padding-top: 6px;}
	ul.blue-arrow li {list-style: none; background: url(bullets/blue-arrow-li.png) no-repeat; background-position:2% 20%; padding-left: 40px; min-height: 27px; padding-top: 6px;}
	ul.blue-arrow li {list-style: none; background: url(bullets/blue-arrow-li.png) no-repeat; background-position:2% 20%; padding-left: 40px; min-height: 27px; padding-top: 6px;}
	ul.x14 li {list-style: none; background: url(bullets/x14.png) no-repeat; background-position:2% 10%; padding-left: 50px; min-height: 5px; padding-top: 6px;}
	ul.check-square li {list-style: none; background: url(bullets/checkmarkSquare_new-small.gif) no-repeat; background-position:2% 30%; padding-left: 50px; min-height: 5px; padding-top: 6px;}
	ul.check-square-mini li {list-style: none; background: url(bullets/checkmarkSquare_new-small-mini.gif) no-repeat; background-position:1% 25%; padding-left: 20px; min-height: 27px; padding-top: 0px;}
	
	
	
img.right-pic {margin-left:10px; margin-right: -20px; float: right; clear: both;}

/* #Images
================================================== */
	img { max-width: 100%; height: auto; }

/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }


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

    .container { background-color: white;
	margin: 20px auto;
	padding: 0px;
	position: relative;
	width: 750px;
	border: 2px solid #999;
	-webkit-box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.25);
	box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.25);}

	.mobileRight { float:right; }
	.mobileLeft { float:left; }
	.mobileCenter { text-align:center; }
	.mobileDisplay { display:none; }
	.mobileHide {  }
	
	.linebreak { display:block; }

	.video { position: relative; padding-bottom: 40%; height: 0; overflow: hidden; margin-left:25px;}
	
	h1 { font-size: 46px; line-height: 54px; margin-bottom: 14px;}
	h2 { font-size: 35px; line-height: 40px; margin-bottom: 20px; }
	h3 { font-size: 28px; line-height: 34px; margin-bottom: 20px; }
	h4 { font-size: 21px; line-height: 30px; margin-bottom: 20px; }
	h5 { font-size: 18px; line-height: 22px; margin-bottom: 20px; }
	
	.rightVideo { width:232px; float:right; }
	.sidebar { background-color:#F60; color:#FFF; width:230px; float:right; padding:10px; margin:10px; font-size:.9em; }
	.middlebar { background-color:#dee0ec; padding:15px; margin:30px 40px; font-size:1.1em; }
	.middlebar p { line-height:130%; padding:0 35px; }


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

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

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container { width: 760px; }
        .linebreak { display:inline; }
        .alpha.omega { margin-left: 0; margin-right: 0; }
		
		.video { position: relative; padding-bottom: 48%; height: 0; overflow: hidden; }
		.video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		
		.sidebar { background-color:#F60; color:#FFF; width:230px; float:right; padding:10px; margin:10px; font-size:.9em; }
		.middlebar { background-color:#dee0ec; padding:10px; margin:10px; font-size:1.1em; }
		.middlebar p { line-height:130%; padding:0 35px; }
		img { max-width: 90%; height: auto; }
    }


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

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

    @media only screen and (max-width: 480px) {
        .container { width: 90%; background:#FFF; }
		.linebreak { display:inline; }
		h1 { font-size: 30px; line-height: 40px; margin-bottom: 14px;}
		
		.topContainer { width:320px; max-width:90%; padding:15px; margin:auto; }
		
		.topImage { display:none; }
		img { max-width: 90%; height: auto; }
		.mobileRight { float:none; }
		.mobileLeft { float:none; }
		.mobileCenter { text-align:center; }
		
		.video { position: relative; padding-bottom: 56%; height: 0; overflow: hidden; }
		.video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		
		.sidebar { background-color:#F60; color:#FFF;float:none; width:90%; padding:10px; margin:10px; font-size:.9em; }
		.middlebar { background-color:#dee0ec; padding:10px; margin:10px; font-size:1.1em; }
		.middlebar p { line-height:130%; padding:0 5px; }
		
		.mobileDisplay {  display:block; }
		.mobileHide { display:none; }
		img.shrink{
	width:320px;
}
img.right-pic {margin: 0 auto; clear: both;}
    }


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

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

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 90%; background:#FFF; }
		.linebreak { display:inline; }
		h1 { font-size: 35px; line-height: 40px; margin-bottom: 14px;}
		
		.topContainer { width:480px; max-width:90%; padding:15px; margin:auto; background-image: url(../images/515_bg.png); background-repeat: repeat-x; }
		
		.topImage { display:none; }
		img { max-width: 90%; height: auto; }
		.mobileRight { float:none; }
		.mobileLeft { float:none; }
		.mobileCenter { text-align:center; }
		.video { position: relative; padding-bottom: 56%; height: 0; overflow: hidden; }
	.video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		
		.sidebar { background-color:#F60; color:#FFF; width:90%; float:none; padding:10px; margin:10px; font-size:.9em; }
		.middlebar { background-color:#dee0ec; padding:10px; margin:10px; font-size:1.1em; }
		.middlebar p { line-height:130%; padding:0 5px; }
		
		.mobileDisplay {  display:block; }
		.mobileHide { display:none; }
		img.shrink{
	width:320px;
}
img.right-pic {margin: 0 auto; clear: both;}
		
    }


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

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

    /* 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;
    }

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #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) {}

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

	/* 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) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/