/********************************** * */

/* * 2005 Styles for celiac.org */

/* * by Karen Morrill-McClure, Cornerstone Coding */

/********************************** * */

body {
	background: #fff url(images/refresh-2008/bgrd-body.jpg) repeat-y center top;
	margin: 0px;
	padding: 0px;
}

div#bgrd {
	background: transparent url(images/refresh-2008/bgrd-gradient.jpg) no-repeat center top;	
}

body.lightheader {
	background-color: #ffffd7;
}

p, h1, h2, h3, h4, h5 {
	margin: 0px;
	padding: 0px;
}

p, ul, ol {
	font: 12px/14px Verdana, Geneva, Arial, sans-serif;
	padding-bottom: 14px;
}

td {
	font: 12px Verdana, Geneva, Arial, sans-serif;
}

h1, h2, h3, h4, h5 {
	font-family: Georgia, Times New Roman, Times, serif;
	color: #643895;
}

div#wrap {
	width: 900px;
	margin: 0 auto;
	padding: 0px;
	background: #fff;
	position: relative;
	border: 2px;
}

div#header {
	background: #389593;
	border-top: 1px solid #3a9896;
	padding-top: 0px;
}

body.lightheader div#header {
	background-color: #fff;
	color: #006b73;
}

div#header img {
	margin-top: 20px;
	float: left;
}

div#header div#why-join {
	position: absolute;
	left: 422px;
	top: 18px;
}
/********************************** * */

/* * Content Styles */

/********************************** * */

div#content {
	width: 900px;
	float: right;
	background: #fff;
	padding: 0 0 14px;
	margin: 0 0 10px;
}

div#content div#main-content {
	width: 600px;
	float: right;
	background: #fff;
	padding-top: 10px;
}

div#content ul, div#content ol {
	margin-top: 0px;
	margin-left: 15px;
	padding-left: 15px;
	padding-top: 0;
}

div#content div#mainContent {
	margin-left: 195px;
	margin-top: 20px;
	margin-right: 20px;
	padding: 0px;
}

body.books div#content div#mainContent {
	margin-left: 15px;
}

body#home div#content {
	margin: 0px;
}

div#content p {
	padding-right: 20px;
}

div#content strong {
	font-weight: bold;
}

div#content a {
	color: #000;
}

div#content a:visited {
	color: #000;
}

div#content a:hover {
	color: #389593;
}

div#content h1 {
	border: #2e3f5d 2px;
	border-bottom: 2px solid #2e3f5d;
	margin-top: 0px;
	font: 24px Georgia, Times New Roman, Times, serif;
	margin-right: 20px;
	margin-bottom: 0px;
}

div#content div#mainContent h2 {
	font-size: 16px;
	padding-left: 0px;
}

div#content div#mainContent h3 {
	font-size: 14px;
	padding-left: 10px;
}

div#content div#mainContent h4 {
	font-size: 12px;
	margin-left: 5px;
	padding-left: 10px;
}

div#content div#news h4.sponsors {
	font-size: 90%;
	margin-top: 40px;
	margin-left: 16px;
}

div#content div#news {
	margin: 0;
	padding: 0;
}

div#content div#news table {
	margin: 0;
}

div#content div.standout {
	margin: 0;
	padding: 0;
}

div#content div#mainContent h5 {
	font-size: 12px;
	margin-left: 10px;
	padding-left: 20px;
}

div#content div#mainContent p {
	margin-left: 20px;
	padding-left: 0px;
}

div#content div#mainContent ul.address {
	font: 12px Verdana, Geneva, Arial, sans-serif;
	list-style: none;
	margin-left: 10px;
	padding-left: 10px;
}

div#content div#mainContent ul.address li {
	list-style: none;
}

div#content div#mainContent img.float {
	float: right;
	margin: 0px 0px 15px 15px;
}

div#content div.featured img.float {
	float: right;
}

div#content div.featured p {
	margin-bottom: 3px;
}

body#home div#content div.featured h2 {
	margin-bottom: 3px;
	padding-top: 20px;
	padding-bottom: 0;
}

body#home div#content div.featured h2.first {
	padding-top: 0;
}

div#content div#mainContent img.floatLeft {
	float: left;
	margin: 0 15px 15px 0;
}

div#content div#events img.floatLeft {
	float: left;
	margin-top: 0;
	padding-top: 0;
	margin-right: 5px;
	margin-left: 5px;
}

.banner {
	background: #c8060d;
	color: #ffffff;
	padding-left: 0px;
	margin-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	margin-top: 10px;
	margin-right: 10px;
	clear: right;
}

.noBullet {
	list-style: none;
}

.standout {
	color: #000;
}


div#content p.awareness {
	color: #643895;
}

.standout strong {
	font-size: 120%;
}

.standout ul {
	margin-bottom: 0;
	padding-bottom: 5px;
}

.clear-both {
	clear: both;
}

div.clear-both {
	height: 0;
}

div#content img.two-across {
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 10px;
}

/********************************** * */

/* * address Styles - table css */

/********************************** * */

table.address {
	width: 475px;
	margin: 0px;
}

/********************************** * */

/* * News Styles - table css */

/********************************** * */

div#events {
	width: 285px;
	background: transparent;
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
}

div#events h2 {
	font: bold 12px Verdana, Geneva, Arial, sans-serif;
	padding-top: 10px;
	color: #343E60;
	padding-left: 20px;
	padding-right: 10px;
}

div#events h3 {
	font: normal 12px Verdana, Geneva, Arial, sans-serif;
	color: #343E60;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 20px;
}

div#events div.important h2 {
	font-size: 20px;
}

div#events div.important h3 {
	font-size: 14px;
	font-weight: bold;
}

div#events h2.warning {
	background: #c8060d;
	color: #ffffff;
	padding-left: 0px;
	margin-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	margin-top: 10px;
	margin-right: 10px;
}

div#events h2.warning a {
	color: #ffffff;
}

div#events p {
	padding: 0px 10px 20px 20px;
}

div#events div.important p {
	font-size: 14px;
	line-height: 16px;
}

div#events .imageAfter {
	padding-bottom: 0px;
}

div#events h2.image {
	text-align: left;
}

div#events .imageBefore {
	padding-top: 0;
}

body#home div#wrap div#events p.image {
	text-align: center;
	margin: 0 0 10px;
	padding: 0;
}

div#events p.image-after-image {
	margin-top: 10px;
	margin-bottom: 0;
	padding-bottom: 0;
}

div#events strong {
	color: #343E60;
	font-weight: bold;
}

div#events strong.bigger {
	font-size: 110%;
}

div#events img {
	margin-left: 0;
	margin-top: 5px;
}

div#content div#events div.featured a {
	color: #fff;
	font-weight: bold;
}

div#events a:visited {
	color: #000;
}

div#content div#events a.standout {
	color: #fff64b;
	font-weight: bold;
	font-size: 110%;
}

div#events a:hover {
	color: #cbcbcb;
}

div#events form#searchForm fieldset {
	margin-right: 10px;
	margin-left: 10px;
	border: 2px solid #2e3f5d;
	font-family: Georgia, Times New Roman, Times, serif;
	color: #2e3f5d;
	padding: 7px;
}

div#events a.more, div#mainContent a.more, div#content a.more {
	background: #389593;
	color: #fff;
	font-size: 11px;
	text-decoration: none;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
}

div#content div#events div.featured a.more {
	background-color: #ffd558;
	color: #000;
}

div#content span.conference {
	color: #ffd558;
}

div#events a.more:hover, div#mainContent a.more:hover, div#content a.more:hover {
	background: #246261;
	color: #fff;
}

span.new {
	background: #fff64b;
	padding-right: 4px;
	padding-left: 4px;
}

div#events div#wholeFoods {

	border: 2px solid #4e9291;
	margin-right: 10px;

	margin-left: 10px;

}

div#events div#wholeFoods img {
	text-align: center;
	margin: 0;
}

div#events div#wholeFoods p.image {
	text-align: center;
}

div#events div#wholeFoods h3 {

	padding-top: 10px;
}

div#wrap p.button {
	width: 205px;
	float: left;
	margin: 5px 0 15px 0;
	text-align: center;
	padding: 0;
	font-weight: bold;
}

div#wrap div.special-feature p.button {
	width: 100%;
}

div#events p.button {
	margin-left: 20px;
	margin-right: 0;
	margin-top: 20px;
	width: 225px;
}

div#events p.donate-button {
	width: 250px;
	height: 35px;
	position: relative;
	padding-right: 15px;
	padding-left: 15px;
}

div#events p.donate-button a span {
	width: 250px;
	height: 100%;
	background: #387795 url(images/donate-now-button-large.gif) no-repeat 0 0;
	position: absolute;
	background-image: url(images/donate-now-button-large.gif);
}

div#events p.donate-button a:hover span {
	background-position: 0 -35px;
}

div#news p.button {
	float: none;
	margin-left: 197px;
}

div.button-center {
	padding-left: 40px;
	margin-top: 40px;
	margin-bottom: 40px;
}

div#wrap p.button a {
	color: #b31e19;
	font-size: 100%;
	padding: 10px;
	background: #4e9291;
	border-top: 1px solid #6ecfcd;
	border-left: 1px solid #6ecfcd;
	border-right: 1px solid #305c5b;
	border-bottom: 1px solid #305c5b;
	display: block;
	text-decoration: none;
	margin-right: 0;
	margin-left: 0;
}


div#wrap p.button a:visited {
	color: #b31e19;
}

div#wrap p.button a:hover {
	color: #fff;
	background: #4e9291;
	border-top: 1px solid #305c5b;
	border-left: 1px solid #305c5b;
	border-right: 1px solid #6ecfcd;
	border-bottom: 1px solid #6ecfcd;
}

div#events .featured {
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 14px;
	background-color: #643895;
}

div#events .featured-red {
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 4px solid #363e5d;
	margin-bottom: 14px;
	background-color: #b31e19;
}

div#events .one {
	background: #660099;
}

div#events .featured p, div#events .featured-analog1 p, div#events .featured-analog2 p {
	margin-bottom: 14px;
	padding-bottom: 0;
}

body#home div#events .featured h2.emphasis, body#home div#events .featured-analog1 h2.emphasis, body#home div#events .featured-analog2 h2.emphasis {
	background-color: #389593;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

body#home div#content div#events .featured h2, body#home div#content div#events .featured-analog1 h2, body#home div#content div#events .featured-analog2 h2 {
	color: #fff;
}


div#events .featured strong, div#events .featured-analog1 strong, div#events .featured-analog2 strong {
	color: #fff;
}

div#events .special-feature {
	border: solid #b31e19 2px;
	margin: 5px;
	padding: 5px;
}

div#events .special-feature p {
	padding-bottom: 7px;
}

body#home div#events .special-feature h2 {
	background: #389593;
	color: #fff;
	text-align: center;
	margin-bottom: 7px;
	padding: 10px 5px 10px 15px;
	font-size: 110%;
}

body#home div#events h2.save-date {
	background: #389593 url(images/newsEvents/save-date.jpg) no-repeat right center;
	text-align: left;
}

/********************************** * */

/* * Utilities Styles - table css */

/********************************** * */

div#utilities {
	width: 400px;
	margin-top: 0px;
	margin-bottom: 5px;
	float: right;
}

div#utilities table {
	width: 100%;
}

div#utilities tr td {
	font: bold 11px Verdana, Arial, Sans-Serif;
	text-align: center;
	border-right: 2px solid #3a9896;
	background: #389593;
	color: #fff;
}

div#utilities table#espanol td {
	background: #fff;
	font-size: 11px;
	color: #643895;
	text-align: center;
	padding: 0px;
	font-weight: normal;
}

div#utilities tr td#t-donations {
	width: 100px;
	padding: 0;
}
/*
div#utilities tr td#t-donations a span {
	width: 102px;
	height: 22px;
	background: #fff url(images/donate-now-button4.jpg) no-repeat 0 0;
	position: absolute;
	margin: 0;
	padding: 0;
}

div#utilities tr td#t-donations a:hover span {
	background: #fff url(images/donate-now-button3.jpg) no-repeat 0 -22px;
}

 */

div#utilities tr td.leftButton {
	background: #389593;
	color: #fff;
}

body#home div#utilities tr td.leftButton a#u-home {
	background: #643895;
	color: #fff;
}

div#utilities tr td a, div#utilities table#espanol td a:link, div#utilities table#espanol a:visited {
	text-decoration: none;
	color: #643895;
	display: block;
	margin: 0px;
	padding: 0px;
	background: #fff;
	height: 100%;
}

div#utilities tr td#t-donations a {
	display: inline;
	background: #389593;
	color: #fff;
}

div#header div#utilities tr td a img {
	border-style: none;
	margin: 0;
	padding: 0;
	float: none;
}

div#utilities tr td a:link, div#utilities tr td a:visited {
	background: #fff;
	display: block;
	margin: 0px;
	line-height: 18px;
}



div#utilities tr td.leftButton a:link, div#utilities tr td.leftButton a:visited {
	background: #fff;
	display: block;
	margin: 0px;
	line-height: 18px;
}

div#utilities tr td a:hover, div#utilities table#espanol td a:hover {
	background: #643895;
	color: #fff;
}

div#utilities table#espanol {
	width: 166px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 3px;
}

div#awareness p {
	text-align: right;
	color: #fff;
	font-size: 130%;
	font-style: italic;
	margin: 5px 45px 30px 0;
	padding: 0;
}

body.lightheader div#awareness p {
	color: #006b73;
}

/********************************** * */

/* * Top Nav Styles - table css */

/********************************** * */

div#topNav {
	clear: both;
}

div#topNav table {
	width: 900px;
	border-style: none;
	border-bottom: 3px solid #389593;
}

tr#topNav {
}

tr#topNav td {
	font: normal 14px Verdana, Arial, Sans-Serif;
	text-align: center;
	border-right: 5px solid #fff;
	background: #7d93be;
	color: #2e3f5d;
}

tr#topNav td.rightButton {
	border-right-style: none;
}

tr#topNav td a {
	text-decoration: none;
	color: #fff;
	display: block;
	margin: 0px;
}

tr#topNav td a:link, tr#topNav td a:visited {
	background: #ffffd7;
	display: block;
	margin: 0px;
	line-height: 31px;
	color: #389593;
	font-weight: bold;
}

tr#topNav td a:hover {
	background: #389593;
	color: #ffffd7;
}

tr#topNav a#tn-connections {
}

/********************************** * */


/* * donateBar Styles */

/********************************** * */

div#donateBar {
	clear: left;
	padding-bottom: 0;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0;
}

div#donateBar p {
	text-align: center;
	padding-bottom: 0px;
}

div#logoWrap {
	margin-left: 20px;
	margin-right: 20px;
}

div#donateBar div.logos {
	width: 180px;
	float: left;
	margin-right: 8px;
	height: 90px;
	text-align: center;
}

div#donateBar div.logos img {
	margin-top: 5px;
}

div#donateBar img {
}

/********************************** * */

/* * subNav Styles */

/********************************** * */

div#subNav {
	width: 155px;
	background: url(images/news-vertical-rule.gif) repeat-y right 15px;
	float: left;
	margin: 0px 25px 25px 15px;
	padding-top: 20px;
}

div#subNav h2 {
	font: bold 12px Verdana, Geneva, Arial, sans-serif;
	color: #343E60;
	padding-left: 20px;
	padding-top: 0px;
	margin-top: 0px;
}

div#subNav ul {
	font: 12px/12px Verdana, Geneva, Arial, sans-serif;
	list-style: none;
	padding: 0px;
	margin: 0px 0px 20px 0px;
}

div#subNav ul li {
	margin-bottom: 8px;
}

div#subNav strong {
	color: #643895;
	font-weight: bold;
}

div#subNav a {
	color: #343E60;
}

div#subNav a:visited {
	color: #000;
}

div#subNav a:hover {
	color: #389593;
}

div#subNav form#searchForm fieldset {
	margin-right: 10px;
	margin-left: 0px;
	border: 2px solid #2e3f5d;
	color: #2e3f5d;
	padding: 7px;
	font: 13px Georgia, Times New Roman, Times, serif;
}

div#subNav form#searchForm fieldset input#query {
	width: 110px;
}

/********************************** * */

/* * Footer Styles */

/********************************** * */

div#footer {
	background: #389593;
	padding-right: 75px;
	padding-left: 75px;
	padding-top: 15px;
	clear: both;
}

div#footer p {
	font-size: 10px;
	line-height: 12px;
}

div#footer p.links {
	text-align: center;
}

div#footer a {
	color: #000;
}

div#footer a:visited {
	color: #000;
}

div#footer a:hover {
	color: #2e3f5d;
}

/********************************** * */

/* * form Styles */

/********************************** * */

.required {
	color: #c60d0d;
}

div#content table#transactionInfo td.donateText {
	padding-top: 3px;
}

div#content table#transactionInfo td.addressText {
	padding-top: 5px;
	text-align: right;
}

body.memorial div#content table#transactionInfo {
	width: 500px;
}

div#content table#transactionInfo td.fix {
	color: #ffffff;
	background: #c60d0d;
}

/********************************** * */

/* * books styles    */

/********************************** * */

div#content table#books {
	width: 550px;
	border: 2px solid #411dff;
}

div#content table#books td {
	border: 1px solid #9e0017;
}

/* --------------------------- */

/* shoppingCart Styles */

/* --------------------------- */

body.shoppingCart div#content table#transactionInfo {
	margin-bottom: 15px;
}
/********************************** * */

/* * books styles    */

/********************************** * */

body#home div#content h1.productAlert, body#home div#content h1.subBanner {
	background: #389593;
	color: #ffffff;
	margin-left: 0px;
	text-align: center;
	margin-top: 10px;
	border-bottom-style: none;
	font-size: 80%;
	margin-right: 15px;
	padding: 5px;
}

body#home div#content h1.subBanner {
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	font-size: 100%;
}

body#home div#content div.sponsors {
	background: #389593;
	padding: 0;
	margin-right: 15px;
	min-width: 0;
	border-width: 2px;
	clear: left;
}

body#home div#content table#sponsors {
	margin-top: 10px;
}

body#home div#content div#banner p.centered {
	margin-bottom: 5px;
	padding-bottom: 0;
	margin-top: 0;
	padding-top: 0;
}

body#home div#content div#banner {
	margin-left: 15px;
}

body#home div#content div#major-sponsors {
	text-align: center;
	padding: 5px;
	border: 4px solid #c60d0d;
	margin: 0 10px 5px 0;
}

body#home div#content div#major-sponsors img {
	margin-right: 10px;
	margin-left: 10px;
}

body#home div#content div.sponsorstest {
	padding: 0;
	margin-right: 15px;
	min-width: 0;
	border-style: solid;
	border-color: #389593;
}

body#home div#content div.sponsors a:hover {
	color: #fff;
}

body#home div#content div.sponsors div.floatLeft {
	width: 220px;
	float: left;
}

body#home div#content div.sponsors div.float {
	float: right;
	width: 200px;
}
body#home div#content h1 {
	background: #389593;
	color: #ffffff;
	padding-left: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	margin-top: 0px;
	margin-right: 15px;
	border-bottom-style: none;
	margin-bottom: 5px;
}

body#home div#content h2 {
	font: bold 14px Verdana, Geneva, Arial, sans-serif;
	color: #343E60;
	padding: 5px 10px 0 20px;
}

body#home div#content div#main-content div#main-content2 h2 {
	color: #000;
	margin-top: 10px;
	font-size: 100%;
	margin-bottom: 10px;
}

body#home div#content h2.image {
	text-align: center;
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
}

body#home div#content h3 {
	
}
body#home div#content div#news p {
	padding-left: 20px;	
}

body#home div#content div#news div.sponsors div p {
	margin: 5px;
	padding: 0;
}

body#home div#content div.sponsors img {
	margin-left: 3px;
	margin-right: 3px;
}

body#home div#events h1, body#home div#news h1 {
	font-size: 22px;
	border-bottom: 2px solid #389593;
	margin-right: 0;
	margin-top: 0;
}

body#home div#events h1 {
	font-size: 20px;
	margin-bottom: 0;
}

div.left-col {
	width: 540px;
	float: left;
	margin-left: 15px;
}

div.left-col img {
	margin-top: 5px;
}

div.left-col div {
	width:  150px;
	padding-right: 10px;
	padding-top: 15px;
	float: right;
}

div.middle-col {
	width: 315px;
	margin-left: 355px;
	text-align: center;
}

div.middle-col img {
	padding-right: 15px;
}

div.middle-col table {
	margin-left: 25px;
}

div.right-col {
	width: 290px;
	float: right;
}

div.middle {
	width: 75px;
	float: right;
}

body#home div#news h1 {
	margin-right: 15px;
}

body#home div#content div#main-content div#main-content2 div#news h2 {
	font-size: 100%;
	color: #000;
	font-weight: bold;
}

.centered {
	text-align: center;
}

.special-note {
	color: #a20309;
}

.yellow {
	color: #ffd558;
}
