@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,700);

/* -------------------------------------------------------------------------- */
/* Site Styles
/* -------------------------------------------------------------------------- */
	h1, h2, h3, h4, h5, h6, .PageTitleHeader, .PageSubTitleHeader {
		font-weight:bold;
		margin:0;
		padding:0 0 .5em 0;/* 10px */
	}
	h1 {
		font-size:1.75em;/* 28px */
		line-height:1.1428em;/* 32px */
		color:#666; 
	}
	
	.banner h1 { background:url(../images/titleBanner.png) no-repeat center; text-align: center; width:440px; height: 83px; color: #eeeeee; font-size: 2.1875em; font-weight: bold; font-family:'Ubuntu', Arial, Helvetica, sans-serif; text-transform: uppercase; padding-top: 5px; line-height: 1.37em;}
	
	h2, .PageSubTitleHeader {
		font-size:1.5em;/* 24px */
		line-height:1.1666;/* 28px */
		color:#666;
	}
	
	.banner h2 { color: #868686; font-size: 1.5em; font-weight: normal; font-family:'Oswald', Arial, Helvetica, sans-serif; padding-left: 209px; line-height: 1em;}
	
	h3 {
		font-size:1.125em;/* 18px */
		line-height:1.1111;/* 20px */
		color:#666;
	}
	h4 {
		font-size:1em;/* 16px */
		line-height:1.125;/* 18px */
		color:#666;
		
	}
	h5 {
		font-size:.875em;/* 14px */
		line-height:1.14;/* 16px */
		color:#000;
	}
	h6 {	
		font-size:.75em;/* 12px */
		line-height:1.1666;/* 14px */
		font-weight:bold;
		color:#ff0000;
	}
	
	a { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}

/* conversion for line-height from pixels to ems
TARGET(PX) / ACTUAL(font-size in PX) = LINE-HEIGHT (which is relative) 
*/

pre {background:#f1f1f1;border:1px dotted #ccc;padding:.938em;font-size:.75em;margin-bottom:1em;}
h2 em.icon-ok-sign {color:#888;}
h2.key {background-color:#e5fcbb;display:inline-block;margin:0 0 2.5em 0 ;padding:.5em;border:1px dotted #9bd139;color:#777;font-size:.875em;}

/* wrappers */
/************************************/
	body {
		font-family:Arial, Helvetica, sans-serif;
		background: url(../images/body-bg.gif) repeat fixed ;
		color:#565656;
		/* other styles are set through base.css */
	}
	.structWrapper {
		width:100%;
		text-align:center;
		background: url(../images/blue-tile.gif) repeat-x scroll 0 173px transparent;
	}
	.blue { background: url(../images/blue-bg.jpg) no-repeat bottom; height: 450px;}
	
	.interior .structWrapper {
		width:100%;
		text-align:center;
		background: url(../images/blue-tile-int.gif) repeat-x scroll 0 173px transparent;
	}
	.interior .blue { background: url(../images/blue-bg-int.jpg) no-repeat bottom; height: 234px;}
	
	.structMidWrapper {
		width:100%;
		text-align:center;
		background: url(../images/dwn-arw.png) no-repeat center top;
	}
	.interior .structMidWrapper { background: none;}
	
	.structFooterWrapper {
		width:100%;
		text-align:center;
		color:#fff;
	}
	.header { background: #313131; height: 38px; padding-top: 6px; font-family: 'PT Sans', Arial, Helvetica, sans-serif;}
	.headerContent {
		/*height:120px;*/
	  position:relative;
	}
	.container {text-align:left;}
	.contentarea {padding:2.5em 0;}
	.ads { padding: 1.3em 0;}
	.address {padding:0 0 2.5em 0;}
	.banner { padding-top: 43px; transform: translate(0px,0px); -ms-transform: translate(0px,0px); /* IE 9 */ -webkit-transform: translate(0px,0px); /* Safari and Chrome */ -o-transform: translate(0px,0px); /* Opera */ -moz-transform: translate(0px,0px); /* Firefox */ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
	.interior .banner { padding-top: 77px;}
	.banner:hover { transform: translate(0px,-10px); -ms-transform: translate(0px,-10px); /* IE 9 */ -webkit-transform: translate(0px,-10px); /* Safari and Chrome */ -o-transform: translate(0px,-10px); /* Opera */ -moz-transform: translate(0px,-10px); /* Firefox */}
	
	.intro { font-family: 'PT Sans', Arial, Helvetica, sans-serif; color: #f1f1f1; text-shadow: 1px 1px #666; font-size: 1.1em; margin-top: 15px;}
	.intro a { background: #7cb100; line-height: 1em; text-shadow: none; color: #fff; padding-bottom:3px; text-decoration: none;}
	.intro a:hover { background: #4398E5; }
	.intro span { font-size: 1.2em; line-height: 1.1em; padding-top: 10px;}
	.applybtn { color: #f2f2f2; font-family: 'Ubuntu',Arial,Helvetica,sans-serif; font-size: 3.1em; line-height: 0.8em; margin: 203px 0 0 51px; text-transform: uppercase;  width: 250px; float:left;}
	.interior .applybtn { margin: 130px 0 0 110px; width: 190px;}
	.applybtn strong { background:none; color: #F2F2F2;}
	.applybtn span { display: block; height: 63px; position: relative; width: 136px; margin-top: 20px; -webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-box-shadow: #666 0px 1px 2px;
		-moz-box-shadow: #666 0px 1px 2px;
		box-shadow: #666 0px 1px 2px;
		background: #91cc06;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#91cc06), to(#65ad00));
		background: -webkit-linear-gradient(#91cc06, #65ad00);
		background: -moz-linear-gradient(#91cc06, #65ad00);
		background: -ms-linear-gradient(#91cc06, #65ad00);
		background: -o-linear-gradient(#91cc06, #65ad00);
		background: linear-gradient(#91cc06, #65ad00);
		-pie-background: linear-gradient(#91cc06, #65ad00);
		behavior: url(PIE.htc); position: relative;  }
	.ie7 .applybtn span { float: left;}
	.applybtn span:hover { 
		background: #9bcd00;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9bcd00), to(#55a400));
		background: -webkit-linear-gradient(#9bcd00, #55a400);
		background: -moz-linear-gradient(#9bcd00, #55a400);
		background: -ms-linear-gradient(#9bcd00, #55a400);
		background: -o-linear-gradient(#9bcd00, #55a400);
		background: linear-gradient(#9bcd00, #55a400);
		-pie-background: linear-gradient(#9bcd00, #55a400);
		behavior: url(PIE.htc); position: relative;}
	.applybtn span a { background: url("../images/btn-arw.png") no-repeat scroll 95px 28px transparent;
		color: #FFFFFF;
		font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
		font-size: 0.4em;
		font-weight: 300;
		padding: 20px 53px 20px 33px;
		text-decoration: none;
		text-transform: none;
	}
	.ie7 .applybtn span a { height:35px !important; display:block !important; padding-top: 10px !important; }
	
	.faq { float: left; height: 216px; margin-top: 183px; width: 75px;}
	.interior .faq { margin-top: 39px; width: 75px;}
	.faq .FAQ a { background:url(../images/faq-tall.png) no-repeat left; display: block; height: 214px; width: 75px; -webkit-transition: all 0s  ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease; }
	.faq .FAQ a:hover { background:url(../images/faq-tall.png) no-repeat right; display: block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
	
	#ContentMiddleLayoutWinners {margin-top: 30px;}
	.winItem { float: left; padding: 0 17px; width: 110px; color: #5e6a72; font-size: 15px; line-height: 1.0625em; font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-style: italic; height: 100px;}
	.winItem span { color: #77b800; font-size: 17px; line-height: 1.25em; font-style: normal;}
	
	#ContentMiddleLayoutRight { padding-left: 40px; }
	#ContentMiddleLayoutRight em { font-family: 'PT Sans', Arial, Helvetica, sans-serif; color: #4398e5; font-size: 17px;}
	#ContentMiddleLayoutRight ul { padding-left: 0px; list-style: none;}
	#ContentMiddleLayoutRight li { list-style: none; background:url(../images/btn-arw.png) no-repeat left 8px; padding-left: 15px;  }
	#ContentMiddleLayoutRight a { color:#565656; text-decoration: none;}
	#ContentMiddleLayoutRight a:hover { color: #77B800;}
	
	#ContentMiddle { color: #999999; font-size: 1em; line-height: 1.1875em; font-family: 'PT Sans', Arial, Helvetica, sans-serif;}
	#ContentMiddle span { /*color: #4b4b4b; font-size: 1.1875em; line-height: 1.3125em;*/}
	
/*Props Circle*/
/************************************/
.winTitle { background: url(../images/circ-thmb.png) no-repeat top; height: 193px; padding: 45px 40px 0; width: 118px;}
.winTitle span.props { clear: right; float: right; text-align: right; color: #4398e5; font-size: 1.375em; font-weight: bold; font-family: 'Ubuntu', Arial, Helvetica, sans-serif; margin-bottom: 5px; }
.winTitle span.year { clear: right; float: right; color: #b2b2b2; font-size: 1.0625em; line-height: 1.0625em; font-family: 'PT Sans', Arial, Helvetica, sans-serif;}
.winTitle span.regText { clear: right; float: right; color: #717070; font-size: 0.875em; line-height: 0.875em; font-family: 'PT Sans', Arial, Helvetica, sans-serif; text-transform: uppercase;}
.winTitle span.green { clear: right; float: right; color: #77b800; font-size: 1.0625em; line-height: 1.0625em; font-family: 'PT Sans', Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold;}
.winTitle .arrow { margin-right: -20px; clear: right; float: right; background:url(../images/spin-arw.png) no-repeat; width:75px; height:75px;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg); 
	-webkit-transform: rotate(0deg); 
	-o-transform: rotate(0deg);
	-moz-transform: rotate(0deg); 
	-webkit-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease;
	}
.winTitle:hover .arrow { background:url(../images/spin-arw.png) no-repeat; 
	transform: rotate(-360deg);
	-ms-transform: rotate(-360deg); 
	-webkit-transform: rotate(-360deg); 
	-o-transform: rotate(-360deg);
	-moz-transform: rotate(-360deg); 
	-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;
	}
	
/*Footer Ad Links*/
/************************************/

.footWrap { background: #fdfdfd; border-bottom: #ffffff; border-top: #ffffff; margin-bottom: 15px;}
.structFooterWrapper .ads a { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; font-size: 1.6875em; font-family: 'PT Sans', Arial, Helvetica, sans-serif; color: #cbcbcb; text-align:center; text-decoration: none; text-shadow: 1px 1px #FFFFFF;}
.structFooterWrapper .ads a span.caps { color: #b2b2b2; text-transform:uppercase; font-weight: bold; }
div.share a.share { background:url(../images/share-icon-ret.png) no-repeat top; background-size: 100%; width: 129px; height: 64px; display: block; margin: 0 auto;}
div.share:hover a.share { background:url(../images/share-icon-ret.png) no-repeat bottom; background-size: 100%; width: 129px; height: 64px;}
div.PstWins a.PstWins { background:url(../images/trophy-ret.png) no-repeat top; background-size: 100%; width: 67px; height: 52px; display: block; margin: 0 auto;}
div.PstWins:hover a.PstWins { background:url(../images/trophy-ret.png) no-repeat bottom; background-size: 100%; width: 67px; height: 52px;}
div.LrnMore a.LrnMore { background:url(../images/imod-icon-ret.png) no-repeat top; background-size: 100%; width: 51px; height: 51px; display: block; margin: 0 auto;}
div.LrnMore:hover a.LrnMore { background:url(../images/imod-icon-ret.png) no-repeat bottom; background-size: 100%; width: 51px; height: 51px;}
div.LrnMore span.learnsmall { font-family: 'Ubuntu', Arial, Helvetica, sans-serif; font-weight: 300; font-size: 0.6em; text-transform: none; display: block; color: #cbcbcb;}
div.LrnMore span.lrnWrap { display: block; line-height: 1em;}

.structFooterWrapper .ads div:hover a span.caps { color: #4398e5;}
.structFooterWrapper .ads div { text-align: center; }

#ContentFooter { color: #D3D1D1; font-size: 0.9375em; text-align: center; }

/* LOGO */
/************************************/
	.headerContent .logo a {/*display:block;margin:1.75em 0;padding:0;*/ background:url(../images/logo-ret.png) no-repeat; background-size: 100%; width: 151px; height: 32px; display: block;}

/* SEARCH */
/************************************/
	#ContentSearch {
		position:relative;
		max-width:100%;
		height:27px;
		margin-top:3em;
		color:#000;
		background-color:#464646;
		-webkit-border-radius: 12px; 
		-moz-border-radius: 12px;
		border-radius: 12px;
		behavior: url(PIE.htc);
	}
	.headerContent .searchbx {width:94px;background-color:#464646;border:1px solid #464646!important;color:#999;text-transform:lowercase;font-size:0.6875em;margin:3px 0 0 8px;}
	#ContentSearch img[align="absbottom"] {position:absolute;top:4px;right:7px;}
	#ContentSearch span.SearchModuleSpacer {padding:0px;*padding:0px;}


/* MEMBER TOOLS*/
/******************************************************/
	#ContentMemberTools {margin:0;}
	#ContentMemberTools ul {margin:0;padding:0;}
	#ContentMemberTools li {list-style-type:none;float:left;}
	#ContentMemberTools li a {display:block;text-decoration:none;padding:0px 5px;color:#fff;font-size:.75em;}
	#ContentMemberTools li a:hover {text-decoration:underline;}
	#ContentMemberTools li.last a {background:none;}

/* BODY CONTENT 
******************************************************/
/* BREAD CRUMBS */
	#ContentBreadCrumbs {font-size:.875em;padding-bottom:1em;}
	#ContentBreadCrumbs ul {
		padding:0;
		margin:0 0 0 0;
		list-style:none;
		float:left;
	}
	#ContentBreadCrumbs li {
		padding:0;
		margin:0;
		float:left;
		list-style-type:none;
	}
	#ContentBreadCrumbs li a {
		display:block;
		text-decoration:none;
		font-size:0.75em;
		padding:2px 8px 2px 15px;
		background:url(images/bcArw.gif) no-repeat center left;
		color:#666;
	}
	#ContentBreadCrumbs li#bcFirst a {
		background:none;
		padding-left:0;
		color:#666;
	}
	#ContentBreadCrumbs li.navselected a {
		font-weight:bold;
		color:#666;
	}


/* PAGE NAME */
	h1#ContentpageName {
		margin:0 0 0 0;
		display:block;
		width:100%;
		clear:both;
	}
	#imodDefault {
		clear:both;
	}
	
/* FAQs STYLING 
******************************************************/
.faqItem {float:left; width:100%; padding:0 0 2em;}
.faqItem .question {float:left; width:100%;}
.faqItem .question .questionQ {float:left; width:5%; color:#4398e5; font-weight:bold;font-family: 'Ubuntu',Arial,Helvetica,sans-serif;font-size:1.2em; line-height:normal; min-width:25px;}
.faqItem .question .questionTxt {float:left; width:90%; font-weight:bold; padding:2px 0 0;}
.faqItem .answer {float:left; width:100%;}
.faqItem .answer .answerA {float:left; width:5%; font-weight:bold;color: #77B800;font-family: 'Ubuntu',Arial,Helvetica,sans-serif; font-size:1.2em; line-height:normal;min-width:25px;}
.faqItem .answer .answerTxt {float:left; width:90%; padding:2px 0 0;}

/* TOP LINKS */
/******************************************************/
	#ContentToplinks {margin-top:0.3em;}
	#ContentToplinks ul {
		padding:0 0 0 4%;
		margin:0;
		list-style-type:none;
		float:right;
	}
	#ContentToplinks ul.showUL {display:block;}
	
	#ContentToplinks li {
		padding:0;
		margin:0;
		float:left;
	}
	#ContentToplinks li a {
		display:block;
		padding:0;
		margin:0 0.8em;
		text-decoration:none;
		color:#efefef;
		font-size:.95em;
	}
	#ContentToplinks li.last a {}
	#ContentToplinks li:hover a, #ContentToplinks li.sfHover a {color:#fff;}
	.menuMobile {display:none;}
	
/* IE 7 keeps menus static
	****************************************/
	#ContentToplinks li:hover, #ContentToplinks li.hover {position: static;}
    /****************************************/	
	

/* content left nav */
	#ContentLeftNav li {display:none;}
	#ContentLeftNav li.selected{display:block;}
	
	#ContentLeftNav li.selected li,
	#ContentLeftNav li.selected li li {display:block;}

	#ContentLeftNav {width:100%;margin:-2.5em 0 1.75em 0;}
	#ContentLeftNav ul {padding:0;margin:0;background-color:#f1f1f1;border:1px solid #ccc;border-top:none;}
	#ContentLeftNav li {list-style-type:none;border-top:1px solid #ccc;}
	#ContentLeftNav li a {display:block;color:#545454;text-decoration:none;padding:.375em;font-size:.875em;background-color:#000;color:#fff;}
	#ContentLeftNav li a:hover{color:#fff;}
	
/* nav 2 */
	#ContentLeftNav ul ul{padding:0;margin:0;background-color:#f1f1f1;border:none;border-top:none;}
	#ContentLeftNav li li{list-style-type:none;border-top:1px solid #ccc;}
	#ContentLeftNav li li a {display:block;color:#545454;text-decoration:none;padding:.375em;font-size:.875em;background-color:#f1f1f1;}
	#ContentLeftNav li li a:hover{background-color:#fff;color:#545454;}

/* nav 3 */
	#ContentLeftNav ul ul ul{padding:.375em 0;margin:0;background-color:#fff;border:none;border-top:none;border-top:1px solid #ccc;}
	#ContentLeftNav li li li{list-style-type:none;border-top:none;}
	#ContentLeftNav li li li a {display:block;color:#545454;text-decoration:none;padding:.375em 1.25em;font-size:.875em;background:none;color:#888;}
	#ContentLeftNav li li li a:hover{background-color:#fff;color:#545454;}

/* if 2nd level has child pages show arrow */
	#ContentLeftNav li li.childArrow a{background:#f1f1f1 url(/s/1005/craig/grid12/images/child-arrow-dt.png) right center no-repeat;}
	#ContentLeftNav li li.childArrow a:hover {background:#fff url(/s/1005/craig/grid12/images/child-arrow-dt.png) right center no-repeat;}
	#ContentLeftNav li li.childArrow li a {background:none;}

/* if 2nd level is selected and is showing child pages */
	#ContentLeftNav li li.selected.childArrow a{background:#f1f1f1 url(/s/1005/craig/grid12/images/child-arrow-down-dt.png) right center no-repeat;}
	#ContentLeftNav li li.selected.childArrow li a {background:none;}

/* show / hide 3rd level ul */
	#ContentLeftNav ul ul li ul {display:none;}
	#ContentLeftNav ul ul li.selected ul {display:block;} 

#ContentMiddleLayoutApply .readytext a { color: #fff;}
#ContentMiddleLayoutApply .readytext a:hover { color: #fff; text-shadow: 1px 1px 1px #666;}

/***********************************************************************************************************************************/
/* Appstyles.css overwrite */
/***********************************************************************************************************************************/

	.idbmsBreadcrumbSeparator {color:#ccc!important;}
	.expand img {background-color: #ccc!important;}
	.expand {background-color: #ccc!important;}
	.Error, .error {width:auto!important}

/* -------------------------------------------------------------------------- */
/* Media Queries
/* -------------------------------------------------------------------------- */

/* =============================================================================
   768px Grid
   ========================================================================== */

@media only screen and (min-width: 768px) and (max-width: 1001px){
 
/* top nav */
/********************************************/
	.headerContent {height:105px;}
	
	.menuMobile {
		display:block;
		width:58px;
		height:23px;
		float:right;
		background-color: #4399E6;
		cursor:pointer;
		color:#fff;	
		border:1px solid #1786C8;
		-webkit-border-radius: 4px; 
		-moz-border-radius: 4px;
		border-radius: 4px;
		behavior: url(PIE.htc);/* #016aa9 */
		text-align:center;}
		/*.menuMobile a {display:block;width:58px;height:27px;background:url(/s/1005/craig/grid12/images/menu.png) top left no-repeat;}  */
	
	#ContentToplinks ul.showUL {display:none;}
	#ContentToplinks ul.showUL.hideUL {display:block;}
	#ContentToplinks {/*margin-top:35px*/}
	#ContentToplinks ul{background-color: #4399E6; border-bottom: 4px solid #1786C8; border-right: 1px solid #1786C8; display: none; margin: 0; padding: 0.5em 0.3em; position: absolute; right: 8px; top: 25px; width: 195px; z-index: 99999; -webkit-border-radius: 4px;  -moz-border-radius: 4px; border-radius: 4px; behavior: url(PIE.htc);}
	#ContentToplinks li {float:none;clear:left;}
	#ContentToplinks li a{padding:.25em .5em;margin:0;color:#fff;}
	#ContentToplinks li.navselected a {background-color:#00588C;font-style:italic;}
	#ContentToplinks li a:hover{background-color:#1786c8;}
	
/*Elements */

.applybtn {
    font-size: 2.9em; line-height: 0.8em; margin: 203px 0 0 11px; width: 217px;
}
.intro { font-size: 1.1em; line-height: 1.2em; margin-top: 0; }
.winItem {width: 100px;}
.structFooterWrapper .ads a {font-size: 1.5625em; }
.interior .applybtn { margin: 130px 0 0 39px;}
#ContentMiddleLayoutRight { padding-left: 20px; }
#ContentMiddle {font-size: 1.1em;}

	
/* SEARCH */
/************************************/
	#ContentSearch {margin-top:2.25em;}
	.headerContent .searchbx {width:67%/*75px*/;}
}
/* =============================================================================
   Less than 768px / iPhone landscape / android portrait
   ========================================================================== */
   
@media only screen and (max-width: 767px) {
	header.container {text-align:center;margin-bottom:1.75em;overflow:visible;}   
	header.headerContent a.logo{text-align:left;width:10em;margin:1.6em 0 0 0 ;}
	header.headerContent a.logo img {width:10em;/*160px*/}  
  
/* top nav */
/********************************************/
	.headerContent {height:105px;}
	
	.banner h1 { z-index: 1; padding-left: 15px; width: 420px; }
	
	
	.blue { height: 570px; }
	.interior .blue { height: 274px;}
	
	.applybtn { margin: 25px 24px 0 60px; width: 138px;}
	.interior .applybtn { margin: 0px 0 0 80px; width: 190px;}
	.applybtn span { margin: 0px;}
	
	.interior .faq { height: 67px; width: 140px; margin-left: -40px; margin-top: 0px;}
	.faq { width:140px; height: 65px; margin: 25px 0 0 0;}
	.faq .FAQ a { background:url(../images/mini-faq-ret.png) no-repeat left; background-size: 100%; display: block; height: 67px; width: 140px;  }
	.faq .FAQ a:hover { background:url(../images/mini-faq-ret.png) no-repeat left; background-size: 100%; }
	
	.winTitle { background: none; height: 30px; width: auto; }
	.winTitle span.props, .winTitle span.year, .winTitle span.regText, .winTitle span.green { /*color: #4398E5;*/ float: left; font-family: 'Ubuntu',Arial,Helvetica,sans-serif; font-size: 1.275em; font-weight: bold; margin-bottom: 5px; text-align: right; line-height: inherit; margin-right: 7px;}
	.arrow { display: none;}
	.winTitle span.year { clear: left;}
	.winTitle span.props {text-align: center; width: 100%; }
	
	.winItem { width: 103px; }
		
    #ContentMiddleLayoutRight { padding: 20px 0; }
	.structFooterWrapper .ads div { margin-bottom: 10px;}
	
	.menuMobile {
		display:block;
		width:58px;
		height:23px;
		float:right;
		background-color: #4399E6;
		cursor:pointer;
		color:#fff;	
		border:1px solid #1786C8;
		-webkit-border-radius: 4px; 
		-moz-border-radius: 4px;
		border-radius: 4px;
		z-index: 99999;
		behavior: url(PIE.htc);/* #016aa9 */
		text-align:center;}
		/*.menuMobile a {display:block;width:58px;height:27px;background:url(/s/1005/craig/grid12/images/menu.png) top left no-repeat;}  */
	
	#ContentToplinks ul.showUL {display:none;}
	#ContentToplinks ul.showUL.hideUL {display:block;}
	#ContentToplinks {left: 0; margin-top: 4px; position: absolute; top: 0;}
	#ContentToplinks ul{background-color: #4399E6; border-bottom: 4px solid #1786C8; border-right: 1px solid #1786C8; display: none; margin: 0; padding: 0.5em 0.3em; position: absolute; right: 8px; top: 0px; width: 195px; z-index: 99999; -webkit-border-radius: 4px;  -moz-border-radius: 4px; border-radius: 4px; behavior: url(PIE.htc);}
	#ContentToplinks li {float:none;clear:left;}
	#ContentToplinks li a{padding:.25em .5em;margin:0;color:#fff;}
	#ContentToplinks li.navselected a {background-color:#00588C;font-style:italic;}
	#ContentToplinks li a:hover{background-color:#1786c8;}
	
/* SEARCH */
/************************************/
	#ContentSearch {padding:0;margin:0 auto;-webkit-border-radius: 20px; -moz-border-radius: 20px;border-radius: 20px;behavior: url(PIE.htc);height:35px;}
	#ContentSearch .searchbx {text-align:left;float:left;width:85%;height:22px;font-size:.875em;margin-left:1em;} 
	#ContentSearch img[align="absbottom"] {position:absolute;top:8px;right:7px;}
	
	.structMidWrapper .strucColumn1,
	.structMidWrapper .strucColumn2{padding-bottom:1.75em;} 
	.structMidWrapper .strucColumn2 ul,
	.structMidWrapper .strucColumn2 ol {margin:.5em 0 0 0;}

/* Bread Crumbs */
/************************************/
	#ContentBreadCrumbs {padding-bottom:.8em;}
	#ContentBreadCrumbs li#bcFirst a {
		background: #999;
		color: #fff;
		padding-left: 5px;
		-webkit-border-radius: 12px; 
		-moz-border-radius: 12px;
		border-radius: 12px;
		behavior: url(PIE.htc);
	}	
	#ContentBreadCrumbs li a {
		display:block;
		text-decoration:none;
		font-size:0.75em;
		padding:2px 5px 2px 5px;
		background:url(images/bcArw.gif) no-repeat center left;
		color:#666;
		background-color:#ccc;color:#545454;
		-webkit-border-radius: 12px; 
		-moz-border-radius: 12px;
		border-radius: 12px;
		behavior: url(PIE.htc);
		margin:3px 3px;
	}
  
/* content */  
/************************************/
	.contentarea {padding:1.5em 0;}  
  
	/* footer *//* ads */
	.ads .grid_3{text-align:center;margin-bottom:.625em;}
	
/* left nav or Secondary/tertiary nav */	
	#ContentLeftNav {float:left;clear:left;margin:0px;padding-bottom:1em;}
	#ContentLeftNav ul {}
	#ContentLeftNav li a {padding:.625em 1em;color:#fff;font-weight:bold;text-transform:uppercase;border-top:4px solid #1786c8;border-bottom:4px solid #1786c8;background:#016aa9 url(/s/1005/craig/grid12/images/menu-left.png) right center no-repeat;}
	#ContentLeftNav li li a {background-image:none;border:none;/*background-color:#f1f1f1;color:#545454;*/background-color:#1786c8;color:#fff;text-transform:none;padding:.625em 1em;}
	#ContentLeftNav li li {border-top:1px solid #1d91d6;}
	#ContentLeftNav li li a:hover {background-color:#1d91d6;color:#fff;}

	.menuMobileLeft ul ul {display:none;}
	.menuMobileLeft ul li.selected ul.showUL{display:block;clear:both;z-index:999999;}
  
/* if 2nd level has child pages show arrow */
	#ContentLeftNav li li.childArrow a{background:#1786c8 url(/s/1005/craig/grid12/images/child-arrow.png) right center no-repeat;}
	#ContentLeftNav li li.childArrow a:hover {background:#1d91d6 url(/s/1005/craig/grid12/images/child-arrow.png) right center no-repeat;}
	#ContentLeftNav li li.childArrow li a {background:none;}
  
/* if 2nd level is selected and is showing child pages */
	#ContentLeftNav li li.selected.childArrow a{background:#1786c8 url(/s/1005/craig/grid12/images/child-arrow-down.png) right center no-repeat;}
	#ContentLeftNav li li.selected.childArrow li a {background-image:none;background-color:#fff;}
	
.interior .banner { padding-top: 75px; }


.intro { margin-top: 0px;}

.readytext { display: none;}


}

/* =============================================================================
   480px / iphone landscape
   ========================================================================== */
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
	body {font-size:.938em;}
	.menuMobile.fixed {position:fixed!important;right:24px;top:20px;right:25px;}
	#ContentToplinks ul{border-top:4px solid #1786c8;border-bottom:4px solid #1786c8;position:fixed;right:0px;top:60px;width:185px;background-color:#016aa9;z-index:99999;margin:0;padding:.5em 0;}
	
	
}
/* =============================================================================
   Less than 480px / iphone portrait
   ========================================================================== */
@media only screen and (max-width: 479px) {
	
	.banner h2 {
    color: #FFFFFF;
    font-family: 'Oswald',Arial,Helvetica,sans-serif;
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1em;
    padding-bottom: 0;
    padding-left: 109px;
}
	
	.applybtn { margin: 0 4px 0 0; width: 108px;}
	
	.interior .applybtn { margin: -30px 0 0; width: 120px;}
	.applybtn span {
    background: linear-gradient(#91CC06, #65AD00) repeat scroll 0 0 transparent;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 2px #666666;
    display: block;
    height: 63px;
    margin-top: 20px;
    position: relative;
    width: 106px;
	}
	.applybtn span a {
    background: url("../images/btn-arw.png") no-repeat scroll 79px 28px transparent;
    color: #FFFFFF;
    font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
    font-size: 0.4em;
    font-weight: 300;
    padding: 20px 36px 20px 23px;
    text-decoration: none;
    text-transform: none;
	}
	
	.banner { margin-bottom: 10px;}
	
	.interior .banner { padding-top: 45px;	}
	
	.banner h1 {
    background: url("../images/titleBanner.png") no-repeat scroll center top transparent;
    color: #EEEEEE;
    font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
    font-size: 1.625em;
    font-weight: bold;
    height: 26px;
    line-height: 1.55em;
    padding-top: 11px;
	padding-left: 0px;
    text-align: center;
    text-transform: uppercase;
    width: 260px;
	z-index: 1;
	}
	.interior .banner h1 { margin-bottom: 61px;}
	
	.faq { margin: 20px 0 0;  width: 140px;}
	
	.interior .faq {
    float: right;
    height: 67px;
    margin-top: -9px;
    width: 140px;
	}
	
.interior .blue {
    background: none repeat scroll 0 0 #4398E5;
    height: 234px;
}
	
.winTitle { padding: 45px 0 0;}

.winTitle span.year, .winTitle span.regText, .winTitle span.green { font-size: 1em;}
.winItem { padding: 0 13px;}
#ContentMiddleLayoutWinners { margin-top: 0; }

.blue {
    background: none repeat scroll 0 0 #4398E5;
    height: 550px;
}	
	
}
/* =============================================================================
   Retina Display 
   ========================================================================== */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	
	.faq .FAQ a { background:url(../images/mini-faq-ret.png) no-repeat left; display: block; height: 67px; width: 140px; background-size: 100%; }
	.headerContent .logo a {/*display:block;margin:1.75em 0;padding:0;*/ background:url(../images/logo-ret.png) no-repeat; background-size: 100%; width: 151px; height: 32px; display: block;}
		
}
















