@import "menuconfig.css";

*               { margin: 0; padding: 0; }
html						{ filter: expression(document.execCommand("BackgroundImageCache", false, true)); }
body            { background: url(/img/design/bg.png) 50% 0 repeat-y #f5f5f5; color: #212121; font: 10pt arial; text-align: center; line-height: 1.3em; }
p, h3           { margin: 0 0 10px 0; text-align: left;}
ul              { margin: 0 0 0 40px; list-style-type: square; }
ol              { margin: 0 0 0 40px; }
a               { color: #702c91; border-bottom: 1px solid #af006e; text-decoration: none; }
a:hover         { border-color: #f0f0f0; }
#col3 a         { color: #f0f0f0; }
form, fieldset  { border: 0; }
h2              { font-size: 14pt; color: #af006e; border-bottom: 1px solid #702c91; margin: 0 0 3px 0; }
h4              { color: #888; font-weight: normal; font-size: 9pt; }
.floatLeft      { float: left; }
.floatRight     { float: right; }
.imgLeft		{ float: left; margin: 0 10px 10px 0; }
img.floatLeft   { margin: 0 10px 0 0; }
img.floatRight  { margin: 0 0 0 10px; }
.clear          { clear: both; }
p a span		{ font-size: 10px; font-style: italic; }
a img			{ border: none; outline: none; }

/* Header */
#header				{ width: 960px; margin: 0px auto; height: 152px; background: url(/files/header.jpg); position:relative;}
#header a			{ text-indent: -10000px; display: block; height: 145px; width: 270px; border: none; }
#header a#getinvolved			{ position:absolute;right:0;top:0; height: 46px; width: 156px;  }
#insideHeader		{ position:relative;height:111px;min-height:111px;margin-bottom:15px;background-position:top right;background-repeat:no-repeat; }
#insideHeader span	{ position:relative;top:15px;font-size:28pt;font-weight:bold; }

/* Columns */
#tupperware         { width: 960px; margin: 0px auto; text-align: justify; *background-position: 721px 100%; }
#col1, #col2, #col3, #colWide { float: left; }
#colWide            { width: 690px; padding: 20px 10px 20px 20px; }
#colWide p          { margin: 0 15px 10px 0; }
#colWide ul,
#colWide ol         { margin-bottom: 10px; }
#colWide h2         { margin-bottom: 10px; }
#col1               { width: 450px; padding: 20px 10px 20px 20px; }
#col2, #col3        { width: 220px; padding: 20px 10px; }
#col3               { color: #fff; }
#col3 h2            { color: #fff; border-color: #fff; margin: 0 -10px 10px -10px; padding: 0 10px; }
#col3 h3, #col3 h4  { display: none; }
#welcome            { margin: 10px 0 20px 0; }
.story              { padding: 5px 0 5px 0; border-bottom: 1px solid #f0f0f0; _overflow: auto; }
.story h3 a         { border-color: #fff; color: #212121; }
.story h3 a:hover   { color: #702c91; border-color: #f0f0f0; }
#col2 h2 a			{ border:none; color:#af006e; }

.whatsHappeningInline		       { line-height:1.5em }
.whatsHappeningInline h3 a         { border-color: #fff; color: #212121; float:left }
.whatsHappeningInline h3 a:hover   { color: #702c91; border-color: #f0f0f0; }
.whatsHappeningInline h4					 { border-color: #fff; color: #212121; float:left }
.whatsHappeningInline .preview     { clear:both; }


#stories h2 span	{ font-size: 12px; margin: 0 0 0 40px; }
#col3 .story        { font-style: italic; }
.readMore           { margin: -5px 0 5px 0; line-height: 1.5em; }

#search input       { border:1px solid #fff; padding: 2px; width: 171px; display: block; float: left; margin: 0 5px 0 0; /*background: url(/img/design/searchbg.png);*/ color: #000000; }
#search input.submit{ padding: 1px; width: 38px; margin: 0; background: #f0f0f0; color: #212121; }

#archiveSearch div{float:left;margin-right:5px;}
#archiveSearch input{margin-right:10px;}
#archiveSearch p{clear:both;padding:.5em 0;margin:0 0 1em 0;border-bottom:1px solid #eee;}
.results{margin:0 0 1em 0;padding:0;}
.results li{
	margin:.5em 0 1.5em 0;
	padding:0;
	list-style:none;
	}
.results .date{font-size:12px;color:#777;font-style:italic;}

/* Buttons */
.findTIS            { border: none; }
.findTIS a          { background: url(/files/findatis.jpg); width: 450px; height: 80px; text-indent: -10000px; display: block; border: none;margin-bottom:1em; }
.hc_providers    { border: none; }
.hc_providers a   {background: url(/files/hc_providers.jpg); width: 450px; height: 80px; text-indent: -10000px; display: block; border: none;margin-bottom:1em; }
#donate h2          { border: none; }
#donate a           { display: block; width: 220px; height: 37px; background: url(/files/button_donate_now.png); text-indent: -1000000px; border: none; margin: 15px 0; }
#findatis h2          { border: none; }
#findatis a           { display: block; width: 220px; height: 37px; background: url(/files/button_find_a_tis.png); text-indent: -1000000px; border: none; margin: 15px 0; }
#factsheets h2          { border: none; }
#factsheets a           { display: block; width: 220px; height: 37px; background: url(/files/button_fact_sheets.png); text-indent: -1000000px; border: none; margin: 15px 0; }

/* Footer */
#footer             { padding: 15px; width: 930px; margin: 0px auto; background: #f7f6f4; border-top: 1px solid #702c91; line-height: 1em; font-size: 9pt; color: #9e9e9e; height: 59px; }
#footer a           { border: none; }
#footer a:hover     { text-decoration: underline; }

/* Let's Make a Sticky Footer! */
html, body              { height: 100%; }
.wrapper                { min-height: 100%; height: auto !important; height:100%; margin: 0 auto -90px; }
.push                   { height: 90px; }
.tis h2, .tis h3, .tis p{ padding-bottom: 10px; border: none; }
.tis select             { margin: 15px 0 25px 0; }
.tis a                  { text-decoration: none; }
.tis #map               { width: 506px; height: 371px; margin: 0 auto; padding: 15px 0 15px 0; }

.genericContent img       { padding: 0 5px 0 5px; }
.genericContent .bgPurple { color: #FFFFFF; background: #702C91; padding: 5px; float: left; width: 98%; font-weight: bold; }
.genericContent .smallTxt { font-size: 8pt; }
.genericContent table     { float: left; width: 100%; }
.genericContent table.gap { padding-top: 40px; width: 100%; margin: auto; }
.genericContent .smallTxt { font-size: 8pt; }
.genericContent table.sponsors      { width: 100%; }
.genericContent table.sponsors a img{ border: none; padding: 5px; }
.genericContent table.sponsors td a { border: none; padding: 5px; width: 100%; }
.genericContent table.facts         { width: 100%; margin: 20px 0 0 0; }
.genericContent table.facts th      { font-weight: bold; }
.genericContent table.facts td.subjects { width: 350px; padding: 15px;}
.genericContent table.facts td.status { text-align: center; }
.genericContent table.facts td          { width: 100px; }
.genericContent table.facts a img       { border: none; }
.genericContent table.facts a           { border: none; }
.genericContent #centerLinks            { text-align: center; padding: 40px 0 40px 0; font-weight: bold; }
.genericContent .linkBlock              { padding-top: 20px; }

.calendar th								{ font-weight: bold; text-align: center; color: white; background: #0063BF; }
.calendar th.eventLink			{ text-align: left; }

#calHead							{ position:relative; height:20px; }
#calHead #prev						{ width:10%; float:left; }
#calHead #month						{ font-weight:bold; width:80%; float:left; }
#calHead #next						{ width:10%; float:left; }
#calendar							{ border:solid 1px #702c91; border-bottom:none; }
#calendar th						{ font-weight: bold; text-align: center; color: white; background: #702c91; border-top:solid 1px #FFF; border-left:solid 1px #FFF; }
#calendar th.left					{ font-weight: bold; text-align: center; color: white; background: #702c91; border-left:solid 1px #0063BF; }
#calendar td						{ height:50px; border-left:solid 1px #702c91; border-bottom:solid 1px #702c91; }
#calendar .dayLeft					{ border-left:none; }
#calendar .dayOff					{ background-color:#ddd; }
#calendar .dayOffLeft				{ background-color:#ddd; border-left:none; }
#calendar .day,
#calendar .dayLeft					{ padding:2px; }
#calendar .eventTitle				{ font-size:10px; margin-bottom:5px; cursor:pointer; }
#calendar .eventDescription			{ position:absolute; background-color:#ccc; width:200px; height:40px;border:solid 1px #702c91; padding:2px; font-size:9px; }
.eventTitle span					{ font-size:8px; }
.filterButton						{ text-transform:uppercase;text-decoration:none;background: #702c91;color:#FFFFFF;font: 10pt Georgia, "Times New Roman", Times, serif;border:none; }


.rightCol					{ margin-bottom: 10px; overflow: hidden; }
.rightCol h2				{ border-bottom: none; font-weight: normal; text-align: center; }
.rightCol h2 a			{ color:#f00; border: none; }
.rightCol h2 a:hover{ color: #b00071; }

.alt						{ background: #f2f2f2; }

#collage				{ width: 450px; margin: 0 0 15px 0; float: left; border: 1px solid #6C28AB; }
#collage img		{ margin: 0; padding: 0; float: left; }

h4.storyDate			{ margin-left: 20px; color: #888888; font-size: 9pt; font-weight: normal; }

#memberLeft									{ position:relative;float:left;width:49%;text-align:left; }
#memberRight								{	position:relative;float:left;width:49%; }

#pCalculator								{ text-align: left; width: 100%; }
#pCalculator table					{ border: 1px solid #7c5291; padding: 5px; margin: 10px 0 10px 0; }
#pCalculator td							{ padding: 4px; vertical-align: top; }
#pCalculator tr.bar td			{ background: #da91ff; }
#pCalculator td.ralign			{ text-align: right; }
#pCalculator td.calign			{ text-align: center; }
#pCalculator caption				{ width: 100%; text-align: center; color: #AF006E; text-transform: uppercase; }
#pCalculator span.required	{ color: red; }
#pCalculator span.info			{ font-size: 10px; font-weight: bold; }
#pCalculator span.info.shift	{ margin-right: 70px; }
#pCalculator span.bracket		{ font-size: 11px; }
#pCalculator input[readonly]{ background: #7c5291; color: white; border: 1px solid #6c2a8b; }
#pCalculator input[type="text"]	{ border: 1px solid #6c2a8b; }
#pCalculator button					{ padding: 3px; border-bottom: 1px solid #6c2a8b; border-right: 1px solid #6c2a8b; border-top: 1px solid #7c5291; border-left: 1px solid #7c5291; background: #AF006E; color: white; cursor: pointer; }
#pCalculator button:hover		{ background: #7c5291; }

/* #socialmedia                                    { margin-top: 5px;} */
#socialmedia a                                { text-decoration: none; border: none; outline: none;}

.myspace,
.twit,
.face,
.rss							{ float:right; display:inline; height: 40px; width: 40px; margin-left: 12px; background: url(/files/twitter_large.png) no-repeat 0 0;}
.face							{ background: url(/files/facebook_large.png) no-repeat 0 0;}
.rss							{ background: url(/files/feed_large.png) no-repeat 0 0;}
.myspace						{ background: url(/files/myspace_large.png) no-repeat 0 0;}
.boxed + li:last-child			{ padding-top: 10px; }

.myspace,
.twit,
.face,
.rss					{ text-indent: -50000px;}

#socialmedia ul					{ overflow: auto; margin-bottom: 15px; margin-left: 20px; float:right !important; width: 220px; height: 200px; }
/*#socialmedia ul:first-child		 	{ margin: 0;}*/
#socialmedia ul					{ height: auto; margin-left: 20px; font-size: 12px; font-weight: bold; line-height: 21px; color: rgb(255,255,255); }
#socialmedia ul a:hover				{ color: rgb(101,192,228); }
#socialmedia ul + ul + ul				{ width: 460px; text-indent: 0; }
#socialmedia h3                                      { display: inline; line-height: 1.5; text-indent: 8px;}

#quote		{background:#816191; color:#FFFFFF; font-style: italic; padding: 15px; margin-top: 5px; margin-bottom: 10px;}

/*.field_group{margin-top:1em;padding-top:1em;border-top:1px solid #a17db3;}*/
.field_group{margin:0;}
.field_group_name{display:none;}
.cmxform p{margin:0;}
.cmxform label{float:left;width:250px;margin-right:10px;}
.cmxform label.error{float:none;display:block;width:auto;margin:0;}
.cmxform p{clear:both;overflow:hidden;}
.cmxform input[type=text], .cmxform textarea{background:#fff;border:1px solid #a17db3;padding:2px;width:300px;}
.cmxform select{background:#fff;border:1px solid #a17db3;padding:2px;}
.cmxform textarea{height:100px;}
.cmxform input[type=radio], .cmxform input[type=checkbox]{clear:both;margin:1em 5px .5em 0;}
.cmxform #question_1957 label{float:none;display:inline;width:auto;margin:0;}
.cmxform p em{font-size:.85em;display:block;margin:1em 0;}
.cmxform label.error{font-style:italic;color:#6C2A8B;margin:.5em 0;padding:5px 10px;background:#f5f5f5;}

.brochure{color:#444;}
.brochure label{color:#000;}
.brochure #question_4067{margin-top:2em;}
.brochure #question_4067 label{display:none;}
.brochure input.alt{width:80px !important;}
#question_263 label,
#question_4070 label,
#question_4071 label,
#question_4073 label,
#question_4072 label{width:350px;}

#question_82 input, #question_83 input{margin-left:260px;}
#question_267 label, #question_4074 label{display:none;}
#question_4074{font-style:italic;}

#studies{margin:1em 0;}
#studies h3{
	background:#7c528f;
	color:#fff;
	font-size:13px;
padding:5px 15px;
margin:0;
	}
#studies ul{
padding:10px 0;
margin:0;
border:1px solid #7c528f;
background:#d5d6d6 url(/files/bg_studies.gif) repeat-x;
overflow:hidden;
}
#studies li{list-style:none;background:none;margin:.5em 3%;float:left;width:44%;}

.addthis_toolbox a, #t4b a{text-decoration:none !important;border:none !important;}

#fancybox-close { border: 0; }
