body {
	color: #333;
	margin: 0;
	padding: 0;
	background: #f8f2e3 url(http://www.yda.org/images/23.png) repeat-y 800px 5px;
}

	
h1 {
	color: #2f5b79;
	background: transparent;
	font: 18px/17px Verdana,Arial,Helvetica,sans-serif;
}
h1.section, #diaWrapper h1 {font: 30px/27px georgia, serif; text-transform: uppercase; margin-top: 5px; }
h2 {font: 21px/24px Verdana,Arial,Helvetica,sans-serif; text-transform: uppercase; margin-top: 5px; color: #2f5b79;}
h3 { margin:15px 0 3px 0; color: #2f5b79; font: 16px/20px Verdana,Arial,Helvetica,sans-serif; }
h4 { margin:6px 0 2px 0; color: #d2511a; font: 13px/16px Verdana,Arial,Helvetica,sans-serif; }
h5 { margin:5px 0 5px 0; color: #2f5b79; font: 12px/16px Verdana,Arial,Helvetica,sans-serif; }
p, #diaWrapper .dia_field_name, label, .txpComment{
	color: #000;
	background-color: transparent;
	font:normal 10px/15px Verdana,Arial,Helvetica,sans-serif;
         margin:0 0 10px 0 ; 
}
 .readmore {font:normal 10px/15px Verdana,Arial,Helvetica,sans-serif; }

div.comments_error {
font: bold 13px/16px Verdana,Arial,Helvetica,sans-serif;
color: red;
}

input.comments_error, textarea.comments_error {
background: #FFF2C9;
}

 #diaWrapper .helpText p {font:normal 12px/18px Verdana,Arial,Helvetica,sans-serif; color:#2f5b79; }

a {
	color: #d2511a;
	background-color: transparent;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}
ul {font:normal 10px/13.3px Verdana,Arial,Helvetica,sans-serif; margin: 5px 10px 8px 20px; list-style: outside; }
li { margin-left: 20px; }
strong {font-weight: bold; color: #2f5b79; text-transform: uppercase;}

.floatL {float:left ; margin-right: 15px;  margin-bottom: 10px; }
.floatR {float: right; margin-left: 15px; margin-bottom: 10px; }
.keepTogether {width: 440px; clear: left;}

.clear {
	clear: both;
	}
#header {
	height: 108px;
	color: #333;
	margin: 0;
	padding: 0;
	background: #fff url(http://www.yda.org/images/18.png) repeat-x;
	clear: both;
	overflow: hidden;
}
#logo {
	width: 190px;
	height: 108px;
	float: left;
	background: #fff;
}
#logo img {
	margin-top: 5px;
	padding: 17px 0 0 22px;
	border: 0;
	background: #fff;
}
/* top nav */
#nav {
	width: 620px;
	height: 40px;
	margin-top: 8px;
	margin-left: 190px;
}

#nav ul {
	width: 620px;
	height: 40px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav ul li {
	margin: 0;
	padding-left: 40px;
	padding-top: 15px;
	list-style:none;
	white-space: nowrap;
	float: left;
}
#nav ul li img{
	border: 0;
}


/*second Top Nav */

#nav2 { 
	padding: 0; 
	width: 620px; 
	height: 60px; 
	background: url(http://www.yda.org/images/29.png);
	margin-left: 190px;
}
#nav2 ul {
	margin: 0; 
	padding: 0;
}
#nav2 li {
	margin: 0; 
	padding: 0; 
	list-style: none; 
	position: relative; 
	top: 0; 
	float: left;
}
#nav2 a {
	height: 60px; 
	display: block;
}
#nav2 span {
	display: none;
}

#nav2A {
	left: 0; 
	width: 90px;
}
#nav2B {
	left: 0px; 
	width: 192px;
}
#nav2C {
	left: 0px; 
	width: 98px;
}
#nav2D {
	left: 0px; 
	width: 102px;
}
#nav2E {
	left: 0px; 
	width: 138px;
}
	
#nav2A a:hover {
	background: transparent url(http://www.yda.org/images/29.png) 0 -60px no-repeat;
}
#nav2B a:hover {
	background: transparent url(http://www.yda.org/images/29.png) -90px -60px no-repeat;
}
#nav2C a:hover {
	background: transparent url(http://www.yda.org/images/29.png) -282px -60px no-repeat;
}
#nav2D a:hover {
	background: transparent url(http://www.yda.org/images/29.png) -380px -60px no-repeat;
}
#nav2E a:hover {
	background: transparent url(http://www.yda.org/images/29.png) -482px -60px no-repeat;
}
#extension {
	background: url(http://www.yda.org/images/13.png);
	margin: 0 0 0 812px;
	height: 9px;
	}
#extensionIE {
	display: none;
	}





#container {
	width: 812px;
	margin: 0 auto 0 0;
	color: #333;
	background: #fff url(http://www.yda.org/images/11.png) repeat-y;
	clear: both;
}

#content {
	background: url(http://www.yda.org/images/12.png) no-repeat;
	margin: -9px 0 0 1px;
}

/* subHead area of homepage */

#homeSubHead {
	border-left: 1px solid #000;
	width: 715px;
	height: 244px;
	margin: 0px 99px auto 25px;
	background: url(http://www.yda.org/images/19.png) -3px 0 no-repeat;
}

#homeSubHeadBottom {
	border-top: 1px solid #000;
	width: 700px;
	margin: 0px 100px auto 25px;
}

img#homeSubHeadLeft {
	padding: 0 10px 10px 10px;
	margin-top: 10px;
	background: #fff;
	color: #333;
	float: left;
	border: 0;
}

/* find a chapter */
div#findChapter {
	float: left;
	clear: right;
	background: url(http://www.yda.org/images/14.png) no-repeat;
	width: 394px;
	height: 130px;
	margin-top: 10px;
}

div#findChapter form#zip{
	margin: 85px 20px 20px 238px;
}
div#findChapter form#zip input#zipField {
	width: 60px;
	color: #666;
	float: left;
}
div#findChapter form#zip input#findChapterGo {
	margin: 3px 10px 0 8px;
}

/* stay Informed */
div#stayInformed {
	float: left;
	width: 180px;
	height: 85px;
	margin-top: 9px;
	background: url(http://www.yda.org/images/25.png) no-repeat;
}
div#stayInformed form#email {
	margin: 30px 0 0 10px;
}
div#stayInformed form#email input#emailField {
	width: 120px;
	color: #666;
	float: left;
	margin-top: 0;
}
div#stayInformed form#email input#emailGo {
	margin: 8px 10px 0 123px;
}

/* contribute today */
div#contribute {
	float: left;
	width: 180px;
	height: 85px;
	margin: 9px 0 0 10px;
}
div#contribute img {
	width: 180px;
	height: 85px;
	border: 0;
}


/* Homepage sideBar */
div#sideBarContainer {
	width: 246px;
	float: left;
        position: relative; 
}
div#sideBar {
	float: left;
	/*height: 421px;*/
	width: 183px;
	margin: 10px 10px 0px 53px;
	padding-top: 7px;
	border: 1px solid black;
	border-bottom: 0;
	background-color: #fff;
}
div.sideBarCell {
	width: 146px;
	/*height: 100px;*/
	margin: 0 0 0 7px;
	padding: 5px 12px 10px 11px;
	background: #AC4525 url(http://www.yda.org/images/24.png) repeat-x top left;
	border-bottom: 1px dashed white;
	font-size: 10px;
	font-family: verdana, helvetica, sans-serif;
	color: white;
}
div.sideBarCell a {
	text-decoration: underline;
	color: white;
}

div.sideBarCell a:hover {
	text-decoration: none;
	color: white;
}

div#defaultHead {
	font-family: "Times New Roman", Times, serif;
	font-size:large;
	font-weight: bold; 
	text-transform: uppercase;
	margin: 5px 0 0 0px;
	width: 120px;
	height: 17px;
	clear: right;
	border: 0;
}
div#actionHead {
	margin: 5px 0 0 0px;
	width: 120px;
	height: 17px;
	background: url(http://www.yda.org/images/35.png) no-repeat;
	border: 1px dashed black;
	clear: right;
	border: 0;
}
div#newsHead {
	margin: 5px 0 0 0px;
	width: 120px;
	height: 17px;
	background: url(http://www.yda.org/images/37.png) no-repeat;
	clear: right;
	border: 0;
}
div#eventsHead {
	margin: 5px 0 0 0px;
	width: 120px;
	height: 17px;
	background: url(http://www.yda.org/images/36.png) no-repeat;
	clear: right;
	border: 0;
}
div#toolsHead {
	margin: 5px 0 0 0px;
	width: 150px;
	height: 15px;
	background: url(http://www.yda.org/images/38.png) no-repeat;
	clear: right;
	border: 0;
}
div#votePoint {
position: relative;
	margin: 0 0 0 39px;
	width: 200px;
	height: 200px;
	background: url(http://www.yda.org/images/27.png) no-repeat;
	clear: both;
}
div#exclamationPoint {
	margin: 10px 0 0 52px;
	padding: 0;
	float: left;
}

div#exclamationPoint img {
	margin: 0;
	padding: 7px;
	border: 1px solid #000;
	background: #fff;
	float: left;
}


/* images under subHead on homepage */

div#homeMainImg {
	float: left;
	width: 500px;
	height: 308px;
	margin: 10px 0 0 5px;
	border: 1px solid #000;
	background: #fff;
	padding: 12px;
}

div#homeMainImg img {
	border: 0;
}
div#SecondaryFeature {
        position: relative;
	float: left;
	width: 461px;
	/*height: 132px;*/
	margin: 15px 0 0 5px;
}

div#SecondaryFeature img {
	border: 0; padding: 10px 0;
}

/* text content of homepage */

div#mainTextContent {
	float: left;
	width: 460px;
    	margin: 10px 0 0 5px;
	padding-bottom: 30px;
}

/* footer area */

#footer {
	clear: both;
	width: 812px;
	height: 225px;
	background: url(http://www.yda.org/images/17.png) no-repeat;
}
#footerLegal {
	margin-top: -1px;
	height: 23px;
	background: url(http://www.yda.org/images/16.png) repeat-x;
	bottom: 0;
	color: white;
	font: 9px/22px Verdana,Arial,Helvetica,sans-serif;
}
#footerLegalText {
	margin-left: 10px; 
	color: white;
}
#footerLegalText span {
	padding-left: 10px;
}
#footerLegal a {
	text-decoration: none;
	color: white;
	padding-left: 10px;
}



/* ///////////////////////////
        interior pages 
////////////////////////////*/

#contentInt {
	background: url(http://www.yda.org/images/12.png) no-repeat;
	margin: -9px 0 0 0px;
}

div#badges {
	background-color: #fff;
	padding: 5px;
	padding-left: 6px;
	border: 1px solid #000;
	width: 172px;
	margin: 0px 0 0 53px;
	float: left;
	clear: both;
}

div#badgeCell {
	width: 170px;
	height: 100px;
	margin-bottom: 5px;
	float: left;
}

div#findChapterBadge {
	width: 168px;
	height: 110px;
	background: url(http://www.yda.org/images/15.png) no-repeat;
	border: 1px solid transparent;
}

div#findChapterBadge form#zip {
	margin: 70px 0 0 10px;
	height: 30px;
}
div#findChapterBadge form#zip input#zipField {
	width: 75px;
	color: #666;
	float: left;
	margin: 3px 0 0 10px;
}
div#findChapterBadge form#zip input#zipGo {
	margin: -19px 0 0 100px;
	float: left;
}
div#contributeBadge {
	float: left;
	width: 169px;
	height: 81px;
	margin: 7px 0 0 0px;
}

div#contributeBadge img {
	border: 0;
}
div#stayInformedBadge {
	float: left;
	width: 169px;
	height: 81px;
	margin-top: 7px;
	background: url(http://www.yda.org/images/26.png) no-repeat;
	border: 1px solid black;
}
div#stayInformedBadge form#email {
	margin: 30px 0 0 10px;
}
div#stayInformedBadge form#email input#emailField {
	width: 150px;
	color: #666;
	float: left;
	margin-top: 0;
}
div#stayInformedBadge form#email input#emailGo {
	margin: 7px 10px 0 117px;
}

div#sideBarIntContainer {
	width: 250px;
	float: left;
	margin-top: 9px;
	clear: both;
}

div#sideBarInt {
	float: left;
	width: 183px;
	margin: 7px 10px 0 53px;
	padding-top: 7px;
	border: 1px solid black;
	border-bottom: 0;
	background-color: #fff;
}
div#votePointInt {
	margin: 462px 0 0 39px;
	width: 200px;
	height: 200px;
	background: url(http://www.yda.org/images/28.png) no-repeat;
	clear: both;
}
div#changeAddressInt {
	margin: 7px 0 0 52px;  /* was 57px left  ######## */
	clear: both;
}

div#changeAddressInt img {
	margin: 0;
	padding: 7px;
	border: 1px solid #000;
	background: #fff;
}
.intHead {
	padding: 10px 0 10px 0;
}
div.interiorNav {
	color: #c63820;
	font: 10px/12px Verdana,Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	padding-bottom: 10px;
}
div.interiorNav a {
	text-decoration: none;
}

/* _______________________________________###############*/
div#mainTextContentInt {
	width: 590px;
	padding-bottom: 30px;
	margin-left: 103px;
}

div#toolDiv {
	width: 560px;
	padding-bottom: 30px;
	margin-left: 148px;
}

#homeSubHeadInt {
	width: 715px;
	height: 0px;
}
h3.blog { margin-top: 0px; }
h3.blog a {text-decoration: none; }
p.sectionEyebrow {margin-top: 30px; margin-bottom:0px; color: #d8ac00; text-transform: Uppercase; font-size:.9em; }

#blogRoll {
	margin: 20px 0px 20px 20px;
	padding: 0 0 0 10px;
	float: right;
	width: 120px;
        border-left: #d8ac00 solid 1px;
}
#blogRoll h3 {margin-top:0px; }

#blogRoll ul {	margin: 0; padding: 0; list-style: none;   }
#blogRoll ul li {
	font:normal 9px/10px Verdana, Arial, Helvetica, sans-serif;
	margin: 5px 0; 
	}
#blogRoll ul li strong {text-transform: none; }

/* /////////////////////////////////
// interior Large page /////////////
///////////////////////////////// */

#containerLg {
	width: 862px;
	margin: 0 auto 0 0;
	color: #333;
	background: #fff url(http://www.yda.org/images/46.png) repeat-y;
	clear: both;
}

#contentIntLg {
	background: url(http://www.yda.org/images/45.png) no-repeat;
	margin: -9px 0 0 0px;
}

div#mainTextContentIntLg {
	width: 550px;
	padding-bottom: 30px;
	margin-left: 245px;
}

#footerLg {
	clear: both;
	width: 887px;
	height: 225px;
	background: url(http://www.yda.org/images/43.png) no-repeat;
}

#footerLgLegal {
	margin-top: -1px;
	height: 23px;
	background: url(http://www.yda.org/images/44.png) repeat-x;
	bottom: 0;
	color: white;
	font: 9px/22px Verdana,Arial,Helvetica,sans-serif;
}
#footerLgLegalText {
	margin: 0px;
	color: white;
}
#footerLgLegalText span {
	padding-left: 10px;
}
#footerLgLegal a {
	text-decoration: none;
	color: white;
	padding-left: 10px;
}

/* Rotator Home Document */

#imageContainer {
	/*width: 500px;
	height: 332px;*/
	float: left;
	margin: 10px 0 10px 5px;
}

#imageContainer img {
	display:none;
	position:absolute; 
        height: 308px; width: 498px;
        top: 363px; left: 252px; 
	border: 1px solid #000;
	background: #fff;
	padding: 12px;
}

/* DIA additions */
#diaWrapper #signupFooter, #diaWrapper #helpText { clear:both; }
 
#diaWrapper #eventInformation, #diaWrapper #profile {margin: 10px 0; padding: 0 10px;  border: #d8ac00 solid 1px;}

#diaWrapper .content table {width: 100%; }
#diaWrapper .dia_field input.inputStyle {font:normal 10px/15px Verdana,Arial,Helvetica,sans-serif; color:#f00; }