@charset "utf-8";

/*************
 STYLE RESET
**************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	font:100% arial,helvetica,sans-serif;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*************
 GLOBAL STYLES
**************/
body {
background: url(../images/siteWrapBG.gif) center repeat-y;
font-family: Arial, Helvetica, sans-serif;
color: #666;
height: 100%;
}
img {
border: 0;
}
a {
color: #666;
text-decoration: none;
}
a:hover {
color: #cc3333;
text-decoration: none;
}
.clear {
clear: both;
}



/*************
 MAIN LAYOUT
**************/
.siteWrapOutter {
width: 950px;
padding-top: 100px;
margin: 0 auto;
height: 100%;
position: relative;
}
.siteWrapInner {
width: 950px;
position: relative;
}
.leftPanel {
float: left;
width: 282px; /* 282px TOTAL */
background: url(../images/leftCamoBlock.gif) no-repeat 0 21px;

}
.lpTop {
height: 16px; /* 21px TOTAL */
text-align: center;
padding-bottom: 5px;
}
.panelFooter 
{
padding: 25px 0 0 25px;
font-size: 10px;
width:260px;
}
.panelFooter table td, .panelFooter table th {
padding-bottom: 16px;
vertical-align: top;
}
.panelFooter table th {
padding-right: 6px;
}

.contentPanel {
float: left;
width: 487px; /* 487px TOTAL */
margin-left: 3px;
position: relative;
}
.cpTop {
height: 21px; /* 21px TOTAL */
}
.contentBox {
 /*height: 302px; 304px TOTAL */
height: auto;
border: 1px solid #aaa;
overflow: hidden;
}
.camoTransition {
	position:absolute;
	
	z-index:5;
}

.numNavWrap {
padding: 4px 0 6px 0;
text-align: center;
}


.rightPanel {
float: right;
width: 175px; /* 175px TOTAL */
height: 325px; /* 325px TOTAL */
position: absolute; /* IE6 fails */
top: 0;
right: 0;
}
#leannRight {
background: url(../images/rightLeAnn.jpg) no-repeat;
width: 175px;
height: 325px;
}
#quoteRight 
{
background: url(../images/LeAnn_Quote.gif) no-repeat;
width: 175px;
height: 325px;
}
#rightCallouts {
position: absolute;
bottom: 0;
}

/*************
CONTENT STYLE
**************/
#contentItems {
width: 487px;
}
.conSection {
margin: 0;
padding: 0 0 1px 0;
background: #fff;
}
.conSpace {
float: left;
width: 1px;
height: 302px;
}
.conPage {
padding: 15px 15px 0 14px;
font-size: 12px;
float: left;
width: 452px;
}
.QPAGE {
padding-bottom: 15px;
}
.redBG {
background: #fdf4f3;
}
.conPage a {
text-decoration: underline;
}
.conPage a:hover {
text-decoration: underline;
}
.conPage a.red {
color: #cc3333;
}
.formPage {
padding: 15px;
font-size: 12px;
}
p.p1 {
margin: 7px 0;
}
p.p2 {
margin: 0 0 7px 0;
}
p.end {
margin: 7px 0 20px;
}
ul.list1 {
margin-bottom: 20px;
list-style-type:disc;
}
ul.list1 li {
margin-left: 30px;
margin-bottom: 2px;
}
span.red {
color: #d72928;
}
span.under {
text-decoration: underline;
}
.QandA {
font-size: 12px;
}
.qq {
color: #d72928;
font-weight: bold;
}
.aa {
margin-bottom: 15px;
}

/*************
 FORM STYLES
**************/
table.checkGroup {
width: auto;
margin: 0 0 5px 0;
}
table.checkGroup td, table.checkGroup th {
padding: 3px 0;

}
table.checkGroup th {
width: 20px;
}


thead.required {
font-size: 11px;
}
thead.required td {
padding-bottom: 15px;
font-style: italic;
}
tbody.inputDetails th, tbody.inputDetails td {
padding-bottom: 7px;
}
tbody.inputDetails th {
color: #D72928;
font-weight: bold;
font-size: 13px;
padding-right: 15px;
}
tbody.inputDetails select {
border: 1px solid #666;
}

tbody.lists tr.question p {
position: relative;
color: #D72928;
font-weight: bold;
font-size: 13px;
padding: 10px 0 0 0;
}
tbody.lists th, tbody.lists td {
padding: 3px 0;
}
tbody.lists td.indent {
padding-left: 10px;
}
span.num {
font-size: 19px;
margin-right: 5px;
}
span.small {
color: #666;
font-weight: normal;
font-style: italic;
font-size: 11px;
display: block;
}
table.double thead th, table.double thead td {
font-weight: bold;
padding-bottom: 5px;
vertical-align: bottom;
}

input.long {
width: 175px;
border: 1px solid #666;
}
input.short {
width: 75px;
border: 1px solid #666;
}
label {
margin: 0 15px 0 3px;
}

/*************
LEFT NAV
**************/
#leftNavWrap {
margin-top: 156px;
}
#stopHiding {
}

.navItem {
overflow: hidden;
margin-top: 1px;
}
.navItem a {
display: block;
text-indent: -2000px;
}

/*===== CAMPAIGN =====*/
a.nav1 {
background: url(../images/nav_campaign.gif) no-repeat;
height: 37px;
}
a.nav1:hover {
background-position: 0 -37px;
}
a.nav1On {
background: url(../images/nav_campaign.gif) no-repeat 0 -74px;
height: 37px;
}

/*===== PSORIASIS =====*/
a.nav2 {
background: url(../images/nav_psoriasis.gif) no-repeat;
height: 37px;
}
a.nav2:hover {
background-position: 0 -37px;
}
a.nav2On {
background: url(../images/nav_psoriasis.gif) no-repeat 0 -74px;
height: 37px;
}
/*===== SUPPORT =====*/
a.nav3 {
background: url(../images/nav_support.gif) no-repeat;
height: 35px;
}
a.nav3:hover {
background-position: 0 -35px;
}
a.nav3On {
background: url(../images/nav_support.gif) no-repeat 0 -70px;
height: 35px;
}

/*===== JOIN =====*/
a.nav4 {
background: url(../images/navJOIN.gif) no-repeat;
height: 36px;
}
a.nav4On {
background: url(../images/navJOIN.gif) no-repeat 0 -36px;
height: 36px;
}

/*************
SUB NAV
**************/
.subNav {
font-size: 11px;
color: #666;
padding-left: 16px;
}
.subNav a {
color: #666;
text-decoration: none;
}
.subNav a:hover {
color: #cc3333;
}
.subNav a.current {
color: #cc3333;
}
.subNav span {
padding: 0 4px;
}
.laStory {
position: absolute;
right: 0;
top: 3px;
width: auto;
overflow: hidden;
z-index: 15;
}
.laStory a.off {
display: block;
text-indent: -2000px;
background: url(../images/leAnn_tab.gif) no-repeat;
width: 126px;
height: 28px;
}
.laStory a.off:hover {
background-position: 0 -28px;
}
.laStory  a.on {
background: url(../images/leAnn_tab.gif) no-repeat 0 -56px;
display: block;
text-indent: -2000px;
width: 126px;
height: 28px;
}
/*************
NUMBER NAV
**************/
.numNav {
width: auto;
}
.numNav a {
font-size: 11px;
padding: 1px 3px;
margin: 0 2px;
color: #cc3333;
border: 1px solid #cc3333;
}
.numNav a:hover {
background: #cc3333;
color: #fff;
border: 1px solid #cc3333;
}
.numNav a.current {
background: #cc3333;
color: #fff;
border: 1px solid #cc3333;
}
.numNav img {
position: relative;
display: inline;
cursor: pointer;
bottom: -4px;
}
a.arrow
{
	font-size: 11px;
	padding: 0;
	margin: 0;
	color: #fff;
	border: 0;
}
a.arrow:hover {
	background: #fff;
	color: #fff;
	border: 0;
}