h1,
h2 {
	padding-left: 10px;
}

ul {
	padding-left: 55px;
	#padding-left: 25px;
}

ul li {
	list-style-image: url(/images/bullets/10/01.png);
	padding-bottom: 10px;
}

.red {
	color: #CC0000;
}

#expand {
	margin-left: 10px;
}

#expand h3 {
	text-decoration: underline;
	color: #0066CC;
	cursor: pointer;
}

#expand div h3 {
	text-decoration: none;
	color: #333333;
	cursor: default;
}

div.johnsonbox {
	background-color: #D9E8FF;
	border: solid 1px #3F86FF;
}

.johnsonbox.apply {
	width: 350px;
	margin: 10px 0;
	#position: relative;
	#left: -2px;
}

.faqs {
	width: 525px;
	margin: 0 auto;
}

ul.faqlist {
	width: 600px;
	margin: 0 auto;
}

ul.faqlist li {
	list-style-image: none;
}

ul.faqlist, ul.faqlist li.faqitem {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

ul.faqlist li.faqitem {
	border: 1px solid #cccccc;
	margin: 0 0 10px;
	padding: 5px;
	/*background-image: url(/images/faq-gradient.png);
	background-repeat: repeat-x;
	background-position: left top;*/
}

ul.faqlist li.faqitem.alt {
	border: solid 1px #000000;
}

ul.faqlist li.faqitem li {
	list-style-type: disc;
}

ul.faqlist li.faqitem h3 {
	position: relative;
	#top: 8px;
}

.faq{
	clear:both;
}
.qq{
	margin: 0px 0 3px 30px;
	color:#0000EE;
	text-decoration:underline;
	cursor:pointer;
}
.aa{
	padding: 10px 4px 0px;
	margin:3px 0 3px 18px;
}
/* ------ The FAQ Show/Hide Links ----- */
a.aaShow, a.aaHide{
	float:left; 
	margin:0 5px 0 0;
	padding: 0 2px;
	font-size:10px;
	text-decoration:none;
	width:16px;
	text-align:center;
	color:#232323;
	position: relative;
	top: 18px;
	#top: 10px;
	left: 5px;
}
a.aaHide{
}
a.allShow, a.allHide{
	display:inline;
	float:left;
	width:54px;
	border:1px dotted #EEE;
	background-color:#FFF;
	color:#004080;
	padding:4px;
	font-size:12px;
	margin:0 5px 15px 0;
	text-align:center;
}
a.aaShow:hover, a.aaHide:hover{
	border:1px dotted #004080;
}
a.aaHide:hover{
	color:#004080;
}
a.aaShow:hover{
	color:#004080;
}
.oo .aaShow{
	display:none;
}
.xx .aaHide{
	display:none;
}
/*------- These links are shown with JS, hidden if JS is off ------ */
a.aaShow, a.aaHide, a.allHide, a.allShow{
	display:none;
}
/* ------- Add class of 'imgLinks' to show arrow images -------*/
.imgLinks .qq{
	background-position:left;
	background-repeat:no-repeat;
	padding-left:35px;
}
.imgLinks .oo .qq{
	background-image:url(/images/arrow-down.png);
}
.imgLinks .xx .qq{
	background-image:url(/images/arrow-right.png);
}

/*
	Form Elements
					*/

.error {
	color: #CC0000;
}

input.error {
	border: solid 1px #CC0000;
}

input.button {
	cursor: pointer;
	background-image: url(/images/button_bg.png);
	background-repeat: repeat-x;
	border: solid 2px #CC0000;
}