@charset "utf-8";
/* CSS Document */

body {
	font-family: 			Arial, Helvetica, sans-serif;
	font-size: 				15px;
	height: 				99%;
	margin:					0px;
	background-color:		#bac6cc;
	color:					#374c57;
}

a {
	text-decoration:		underline;
	color:					#374c57;
	background-color:		#ffff07;
}

a:hover {
	text-decoration:		underline;
	background-color:		#bac6cc;
	color:					#ffffff;
}

p {
	line-height:			1.7em;
	margin-top:				0px;
	margin-bottom:			0px;
	padding-top:			7px;
	padding-bottom:			7px;
}


.content-wrapper {
	text-align:				left;
	width:					820px;
	border:					none;
}

#topstrip {
	background-image:		url(../_images/generic/bgtopstrip.gif);
	background-position:	top;
	background-repeat:		repeat-x;
	text-align:				center;
	height:					40px;
}

#topstrip img {
	margin-top:				13px;	
	border:					0px;
}



#bottomstrip {
	background-image:		url(../_images/generic/bgbottomstrip.gif);
	background-position:	top;
	background-repeat:		repeat-x;
	text-align:				center;
	height:					40px;
}

#intro-wrapper {
	background-color:		#ffffff;
	background-image:		url(../_images/generic/bgintro.gif);
	background-position:	top;
	background-repeat:		repeat-x;
}

#blog-wrapper {
	background-color:		#ffffff;	
}

#letter-wrapper {
	background-image:		url(../_images/generic/bgletter.gif);
	background-position:	top;
	background-repeat:		repeat-x;
}




.topbanner {
	background-image:		url(../_images/generic/topbanner.gif);
	background-position:	top;
	background-repeat:		repeat-x;
}

.topbanner img {
	margin-top:				35px;
	margin-left:			30px;
	margin-bottom:			24px;
}

.letterintro {
		
}

.letterintro .letterintro-text {
	float:					left;
	width:					536px;
	padding-top:			60px;
}

.letterintro .letterintro-text p {
	padding-left:			54px;
	padding-right:			30px;
}

.letterintro .letterintro-image {
	float:					left;	
}

.clr {
	clear:					both;
	float:					none;
}

.lettertop {
	background-image:		url(../_images/letter/letterbgtop.gif);
	background-position:	top;
	background-repeat:		none;
}

.lettertop .lettertop-text {
	padding-left:			54px;
	padding-top:			180px;
	width:					400px;
	float:					left;
}

.lettertop .lettertop-image {
	width:					332px;
	float:					left;
}

.superscript {
	vertical-align:			super;
	font-size:				0.6em;
	line-height:			1em;
}

.letter {
	background-image:		url(../_images/letter/letterbg.gif);
	background-position:	top;
	background-repeat:		repeat-y;
}

.letter .letter-content {
	padding-left:			31px;
	padding-right:			31px;
}

.letter .letter-content p {
	padding-left:			23px;	
	padding-right:			23px;
}

.letter .letter-content strong {
	font-size:				1.2em;	
}

.letter .letter-content h2 {
	padding-top:			25px;
	padding-left:			24px;
	font-size:				1.4em;
	font-weight:			normal;
}

.letter .letter-content h2 strong{
	font-size:				1.0em;	
}

.letter .letter-content h3 {
	padding-top:			25px;
	padding-left:			24px;
	font-size:				1.4em;
	font-weight:			normal;
	color:					#d12f2f;
}

.letter .letter-content h3 strong{
	font-size:				1.0em;	
}

.letter .letter-content .nogroup {
	padding-left:			24px;
	font-size:				1.2em;
	padding-bottom:			30px;
}

.letter .letter-content .nogroup strong {
	font-size:				1.2em;
	color:					#d12f2f;
}

.posright {
	float:					right;
	padding-left:			24px;
}

.likeh2 {
	font-size:				1.4em;
	font-weight:			normal;
}

.letterbottom {
	background-image:		url(../_images/letter/letterbgbottom.gif);
	background-position:	bottom;
	background-repeat:		no-repeat;
	height:					27px;
	padding-top:			20px;
}

.highlighter {
	background-image:		url(../_images/letter/highlighterbg.jpg);
	background-position:	bottom left;
	background-repeat:		no-repeat;
	padding-bottom:			150px;
}

.highlighteronly {
	width:					540px;
	background-image:		url(../_images/letter/highlighterbottombg.jpg);
	background-position:	bottom left;
	background-repeat:		no-repeat;
	padding-bottom:			70px;
}

.highlighter .highlightertop, .highlighteronly .highlightertop {
	width:					514px;
	padding-top:			40px;
	margin-left:			20px;
	background-color:		#ffff07;
	background-image:		url(../_images/letter/highlightertopbg.jpg);
	background-position:	top left;
	background-repeat:		no-repeat;	
}

.highlighter .highlightertop p strong, .highlighteronly .highlightertop p strong {
	font-size:				1em;
}

.letter .letter-content .passport {
	background-image:		url(../_images/letter/passportphotos.jpg);
	background-position:	top right;
	background-repeat:		no-repeat;	
}

.letter .letter-content .passport h2 {
	font-size:				2.2em;	
}

ul {
	padding-left:			40px;	
	margin-left:			0px;
}

li {
	color:					#748b97;
	line-height:			1.6em;
	list-style-type:		square;
}


.passport ul {
	padding-left:			40px;	
	margin-left:			0px;
}

.passport li {
	color:					#748b97;
	line-height:			1.8em;
	font-size:				1.2em;
	list-style-type:		square;
}

.minihighlighter {
	width:					724px;
	background-image:		url(../_images/letter/highlighterminibottombg.jpg);
	background-position:	bottom left;
	background-repeat:		no-repeat;	
	background-color:		#ffff07;
	padding-bottom:			25px;
	margin-left:			20px;
	margin-top:				10px;
	margin-bottom:			10px;
}

.minihighlighter .minihighlightertop {
	padding-top:			10px;
	width:					724px;
	background-image:		url(../_images/letter/highlighterminitopbg.jpg);
	background-position:	top left;
	background-repeat:		no-repeat;	
}

.minihighlighter .minihighlightertop p strong {
	font-size:				1em;
}

.letter .letter-content .step {
	margin-top:				20px;
	background-image:		url(../_images/letter/stepstrip.gif);
	background-position:	top left;
	background-repeat:		no-repeat;
	height:					57px;
}

.letter .letter-content .step i {
	width:					105px;
	padding-top:			4px;
	padding-left:			76px;
	font-size:				2.8em;
	font-weight:			bold;
	color:					#fde002;
	display:				block;
	float:					left;
}

.letter .letter-content .step strong {
	padding-top:			14px;
	font-size:				1.6em;
	font-weight:			normal;
	vertical-align:			text-top;
	display:				block;
	float:					left;
}

.letter .letter-content .stepoverview {
	
}

.letter .letter-content .stepoverview .stepimage {
	float:					left;
	width:					160px;
	height:					160px;
}

.letter .letter-content .stepoverview .steptext {
	float:					left;
	width:					590px;
}

.message {
	background-image:		url(../_images/generic/messagetopfade.gif);
	background-position:	top;
	background-repeat:		no-repeat;
	padding-top:			15px;
}

.message .messagecontent {
	background-image:		url(../_images/generic/messagebgfade.gif);
	background-position:	top;
	background-repeat:		repeat-y;
	text-align:				center;
	padding-top:			5px;
	padding-bottom:			5px;
}

.message .messagecontent p {
	padding-left:			110px;
	padding-right:			110px;
}
.message .messagebottom {
	background-image:		url(../_images/generic/messagebottomfade.gif);
	background-position:	top;
	background-repeat:		no-repeat;
	height:					15px;
}

.input {
	padding-top:			5px;
	padding-bottom:			5px;
}

.messagecontent .input {
	padding-left:			200px;
}

.input label {
	display:				block;
	width:					150px;
	float:					left;
	text-align:				right;
	padding-right:			10px;
	font-size:				1em;
}

.input input {
	float:					left;
	width:					150px;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				1em;
	color:					#374c57;
	border:					1px solid #374c57;
	padding:				3px;
}

.input .submit {
	float:					left;
	width:					150px;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				1em;
	color:					#374c57;
	border:					1px solid #374c57;
	padding:				3px;
	background-color:		#bac6cc;
}

.input .submit:hover {
	background-color:		#ffffff;
}

.code {
	margin-left:			25px;
	width:					500px;
	height:					150px;
}

.signup {
	padding-top:			60px;
	background-image:		url(../_images/generic/postit.jpg);
	background-position:	top right;
	background-repeat:		no-repeat;
	background-color:		#e4e217;
	font-size:				0.8em;
	text-align:				right;
	margin-right:			10px;
	padding-right:			10px;
	padding-bottom:			10px;
}

.signup label {
	width:					130px;	
}

.signup .input .submit {
	float:					left;
	width:					150px;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				1em;
	color:					#374c57;
	border:					1px solid #374c57;
	padding:				3px;
	background-color:		#a1aa01;
}

.signup .input input {
	border:					1px solid #374c57;
}

.noborder a {
	padding:				0px;
	
}

.noborder a:hover {
		
}

.book {
	background-image:		url(../_images/letter/bookbg.jpg);
	background-repeat:		no-repeat;
	height:					777px;
}

.book .bookblog {
	float:					left;
	width:					320px;
	margin-left:			53px;
	margin-top:				315px;
	height:					444px;
	overflow:				hidden;
}

.book .booksignup {
	float:					left;
	width:					323px;
	margin-top:				593px;
	margin-left:			56px;
}



.book .bookblog .blogtitle {
	color:					#c62929;
	font-weight:			bold;
}

.book .bookblog .blogitem .blogtitle a {
	color:					#c62929;
	text-decoration:		none;	
	background-color:		transparent;
}

.book .bookblog .blogitem .blogtitle a:hover {
	text-decoration:		underline;
	color:					#c62929;
}

.book .bookblog .blogdate {
	color:					#7f8f97;
	font-size:				0.7em;
}

.book .bookblog .blogoverview {
	font-size:				0.8em;
	padding-bottom:			5px;
}

.blogitem {
	padding-bottom:			5px;
	border-bottom:			1px solid #c62929;
}

.book .bookblog .blogitem .viewpost {
	padding-right:			130px;	
}

.book .bookblog .blogitem .viewpost a {
	font-size:				0.7em;	
	background-color:		transparent;
	text-decoration:		none;
	font-style:				italic;
	color:					#7f8f97;	
}

.book .bookblog .blogitem .viewpost a:hover {
	text-decoration:		underline;
	color:					#c62929;	
}

.detailstext .input input {
	width:					400px;
	
}

.detailstext .input textarea {
	width:					400px;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				1em;
	color:					#374c57;
	border:					1px solid #374c57;
	padding:				3px;
}