/* Project: csaprepstar.com
*  Copyright CSA Prepstar. All Rights Reserved.
*  Structure of this document:
* 1) GLOBAL 2) LAYOUT 3) STYLES 4) NAVIGATION 


/* ***GLOBAL*** */
	/*Initialize the browser's CSS Except for table structure*/
	@import url(reset.css);

	body {background:#e2dedc url(../images/back-body.jpg) repeat-x center top; font: 12px Arial, Helvetica, sans-serif; color: #034867 }
	
	h1 {font-size:40px; color: #f32c00 }
	
	h1 span.purple {color: #f32c00 } 
	
	h1 span.gray {color: #4e4e4e }
	
	h2 {font-size: 24px; color: #f32c00; padding: 20px 0 35px 0; }
	
	h3 {font-size: 18px; color: #4b4646 }
	
	h4 {font-size: 16px; color: #c0c0c0 }
	
	h5 {font-size: 14px; color: #f8d20c }
	
	h6 {font-size: 13px; color: #f8d20c }
	
	p {margin-bottom: 23px; letter-spacing:0.002em; }
	
	strong {font-weight: bold }
		
	a:link {color: #f32c00; font-weight: normal; text-decoration: underline }
	
	a:visited {color: #990000; font-weight: normal; text-decoration: underline }
	
	a:hover, a:active {color: #f3a600; font-weight: normal; text-decoration: underline }
/* ***END GLOBAL*** */



/* ***LAYOUT*** */
	#shadow, #header, #center, #container, #footer, #center {margin: 0 auto; }
	
	#wrapper {background: url(../images/back-wrapper.gif) repeat-y center top }
	
	#shadow {width: 100%; display:table; background: url(../images/back-shadow.jpg) no-repeat center top}
	
	#center {width:960px; position:relative; padding:0 12px }

	.shadow-internal #shadow {background:url(../images/back-shadow-internal.jpg) no-repeat center top }
	
	.shadow-internal #header {height:162px }
	
	#container {}
	
	#optin-container {width: 311px; height: 483px; background: url(../images/back-optin.jpg) no-repeat; position: absolute; top: -43px; right: 9px;}
	
	.left-col {float: left; padding: 0 0 0 8px; width:589px }
	
	.right-col {width: 344px; float: right; padding:0 9px 0 0 }
	
	#header {height: 152px; background:url(../images/back-header.jpg)  }
	
	#logo {position: absolute; top: 0; left: 0; text-indent: -99999px }
	
	#logo a {width: 350px; height: 100px; display: block; outline: none }
	
	#shadow-bottom {background: url(../images/bak-container-bottom.jpg) no-repeat; height: 69px; width: 922px; margin: 0 auto }
	
	#optin-container form {position: absolute; top: 274px; left: 36px; border: none; }
	
	#Submit {border:none; background:transparent; width:200px; height:30px; cursor:pointer; padding-top:30px; overflow:hidden }
	
	#optin-container .textfield {width:200px; height:23px; padding:2px 5px; border:none; background:transparent; font-size:14px }
	
	#optin-container #txtName_5323 {margin:0 0 7px 8px;}
	
	#optin-container #txtEmail_5323 {margin:0 0 8px 8px;}
	
	.sidebar {float: right; width: 290px; background: #dadada url(../images/bak-sidebar.gif) no-repeat left top; margin: 15px 27px 0 0; color: #4d4d4d; padding: 24px 0 10px  }
	
	.wide-col {clear: both; padding:0 25px }
		
	#footer {background:#0573a4 url(../images/back-footer.jpg) repeat-x center bottom; position: relative; height:auto !important; height: 250px; min-height:250px }
	
	#footer-wrapper {padding:41px 0 0 38px }	
	
	#footer .footer-content {color: #56cbff; font-size: 12px }
	
	#footer ul.footerlinks {list-style: none; margin:0 0 33px 0; }
	
	#footer ul.footerlinks li {color: #fff; float: left; margin:0 4px 0 0 }
	
	#copyright {position: absolute; bottom: 30px; left: 38px }
	
	.news-shot {float:right; width: 131px; padding-left:15px }
	
	#slideshow-menu {padding:7px 0; background:#d2d2d2 url(../images/back-slideshow-menu.gif) repeat-x }
	
/* *** END LAYOUT*** */


/* ***STYLES*** */	
	.titlebar {background:#045f87 url(../images/back-titlebar-long.jpg) no-repeat left top; padding: 9px 0 5px 14px; *padding:2px 0 2px 14px; color: #fff; font-size: 18px; font-weight: normal; line-height: 30px; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:-0.02em; margin-top:10px; clear:both }
	
	.titlebar-right {padding: 0 14px 0 0; display:block }
	
	.titlebar-right-col {background:#045f87 url(../images/back-titlebar-right-col.jpg) no-repeat left top; }
	
	.contentbox {background:#fff; padding:10px }
	
	.titlebar-sub {background:#045f87 url(../images/back-titlebar-promo.jpg) no-repeat left top; padding: 9px 0 5px 11px; color: #fff; font-size: 18px; font-weight: normal; overflow:hidden; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:-0.02em; margin-top:7px; width:180px }
	
	.contentbox-sub {background:#fff; padding:8px; width:174px; text-align:center }
	
	.right-col .contentbox p, .testimonial-meta {zoom:1 } /*IE fix*/
	
	#promoarea {list-style:none; margin:0; padding:0 }
	
	#promoarea li {float: left; margin:0 8px 0 0 }
	
	#promoarea li.last {margin:0 }
	
	.news-divider {background:url(../images/bluedash.gif) repeat-x left 50%; line-height:30px; height:30px; clear:both }
	
	.right-col p {margin: 0 }
	
	.news-pic {padding-bottom:7px; width:130px }
	
	.recover {clear: both; line-height:0 }
	
	.italic {font-style: italic; }
	
	.txtcenter {text-align: center }
	
	.side-divider {display: block; background: url(../images/side-divider.gif) no-repeat center 50% }
	
	.testimonial-divider {display: block; background: url(../images/side-testimonial-divider.gif) no-repeat center 50%; height: 28px  }
	
	.sidebar p {padding: 0 15px 0 20px; margin: 0 0 5px }
	
	.before-after-sign {position:relative; margin: -37px 0 0; z-index: 5; height: 46px; background: url(../images/before-after-sign.png) no-repeat center bottom }
	
	.wide-col p {padding: 0 0 0 27px }
	
	.container-body-med {margin:0 auto; width:550px }
	
	ul.youwill li {font-size:16px; margin-left:30px }	
	div.johnson-box { background-color:#EEEEEE; border-width:0 1px; margin:0 20px; padding:20px 10px }
	
	.dash { border:3px dashed #A635A6 !important }

	.txtcenter {text-align: center }
	.testimonial_pic {padding:3px; border:1px solid #bebebe; float:left; margin:-2px 14px 0 5px; *margin-bottom:60px; *+margin-bottom:60px }
	.testimonial-meta {background:url(../images/bluedash.gif) repeat-x left bottom; margin-bottom:15px; padding-bottom:12px; float:right; width:396px }
	
	.servingthesecities {font-size:11px;text-align:center }	
	.tablenames {background-color:#069;color:#fff;font-size:16px;font-weight:bold;text-decoration:none }
	.price {font-size:30px;font-weight:bold;}
	.blue {color:#004F87 }
	.bigstatement {font-size:19px;text-align:center;}
	.campsites {width: 630px; margin:0 auto; background:#eee; border:2px solid #ddd; padding:15px }
	.site-picture {border:1px solid #666;padding:2px; margin: 0 15px 50px 0 }
	.purple {color: #e400ff }
	.red {color: #D3261E }
	.underline {text-decoration: underline }
	.strikethrough {text-decoration:line-through }
	.capitalized {text-transform: capitalize }
	.author {padding:2px; border:2px solid #333; margin:0 10px 10px 10px }
	.emphasis {font-size: 29px}
	.standout {font-size: 16px}
	.heading1 {font-size: 40px; color: #3a3838; font-weight: bold }
	.heading2 {font-size: 26px; color: #e10000; font-weight: bold }
	.heading3 {font-size: 24px; color: #4b4646; font-weight: bold }
	.heading4 {font-size: 22px; color: #595959; font-weight: bold }
	.heading5 {font-size: 20px; color: #f8d20c; font-weight: bold }
	.checklist {list-style-image:url(../images/icon-checklist.png); margin: 0 0 15px 60px }
	.topheading {font-family:Impact, Helvetica, sans-serif; text-align: center; padding:0 20px; text-transform: capitalize; color: #006dba; font-size: 36px }
	.imgright {float: right; margin: 0 0 10px 10px }
	.imgleft {float: left; margin: 0 10px 10px 0 }
	
	.aboutebook {width:720px;margin:0 auto }
	.congrats {font-size:30px}
	.accent {font-size:32px}
	.recover-left {clear: left }
	.calltoaction {font-size:38px; color: #f32c00; font-weight:bold; letter-spacing:-.005em; }
	.left-col ol, .left-col ul {margin:0 0 15px 30px }
	
	#attribution {margin-left:6px; display:block }
	
	.feature-title {color:#6d6d6d; font-size:10px; font-weight:normal }
/* *** END STYLES*** */




/* *** NAVIGATION *** */
	#globalnav { position: absolute; width: 960px; top: 116px; left:12px; color: #fff; font-size: 15px; font-family: Arial, Helvetica, sans-serif; text-align: left; z-index: 100 }
	
	#globalnav ul { float:left; padding-left:20px }
	
	#globalnav ul li.last, #footer ul li.last { border: none; background:none;}		
	
	#globalnav ul li { display: inline; float:left; background: url(../images/nav-divider.png) no-repeat right top; position:relative; }
	
	#globalnav ul li:hover { visibility: inherit; }
	
	#globalnav ul li.last {background:none }
	
	#globalnav a:link, #globalnav a:visited {color: #003760; display:block; padding:11px 19px 7px; font-size:18px; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; text-decoration:none }
	
	#globalnav a:hover {color:#0096ff; }
	
	#globalnav ul li.nav-register a:hover {color:#fff;}
	
	#globalnav a.home { background: url(../images/menu-home.jpg) no-repeat center center; text-indent:-9999px; width:28px;}
	
	#globalnav ul ul { position:absolute; top:-999em; width: 10em; padding:0 }
	
	#globalnav ul li ul {top:36px;left:-1px; z-index:20; border:2px solid #035079 }
	
	#globalnav ul li ul li {background:#0999d1 url(../images/menu-dvider.gif) repeat-x left bottom; width:100%;}
	
	#globalnav ul li ul a, #globalnav ul li ul a:link, #globalnav ul li ul a:visited { font-size:15px; padding:10px 15px;}
	
	#globalnav ul ul ul {margin:-37px 0 0 151px;padding-bottom:0;padding-top:0}
	
	#footer a:link, #footer a:visited {color: #fff; text-decoration: none; font-size: 12px; padding:0 4px; line-height:1.3em }
	
	#footer a:active, #footer a:hover {color: #fff; text-decoration: underline; }
	
	#footer a.attribution:link, #footer a.attribution:visited, #footer a.attribution:hover {color: #706969; text-align: center; display: block; text-decoration: none; font-style: italic; letter-spacing: 1px }
	
	#toplogin {position: absolute; top:7px; right:32px; list-style:none; width:202px; overflow:hidden }
	#toplogin li {float:left; margin-right:54px }
	#toplogin a:link, #toplogin a:visited {color:#fff; font-size:12px; text-decoration:none }
	#toplogin a:hover {color:#f2c11c }
/* ***END NAVIGATION*** */

/* *** HOME *** */
	#home-recruit-area {height:311px; background:url(../images/back-home-recruit-area.jpg) no-repeat center top;  }
	
	#home-featured {position: absolute; top: 175px; left: 424px; width: 542px; height: 288px; overflow:hidden; list-style:none }
	
	#home-featured li {float: left; margin:0 17px 0 0; text-align:center; color:#fff; font-size:11px; font-weight:bold; width:161px; overflow:hidden }
	
	#image_wrap {width:570px; text-align:center }
	
	a.browse {display:block; width:11px; padding:0; height:53px; line-height:53px; float:left; cursor:pointer; font-size:18px }

	.scrollable {
		/* required settings */
		position:relative; overflow:hidden; width: 546px; height:53px;float:left }
	
	/* disabled navigational button */
	a.disabled {visibility:hidden !important } 
	
	.scrollable .items {
	width:20000em;position:absolute;clear:both;}
	
	.items div {float:left;	width:546px }
	
	/* single scrollable item */
	.scrollable img {float:left; margin:0 2px 0 0; width:134px; height:53px; cursor:pointer }
	
	/* active item */
	.scrollable .active {border:1px solid #000; position:relative; cursor:default }
	
	.image_caption {margin:16px 0 10px 0; text-align:left !important }
	
	#magazinecovers {list-style:none; height:247px; overflow:hidden }
	
	#magazinecovers li {margin:0 }
/* *** HOME *** */