/* CSS Document */

body {margin: 0px; background-color: #c6c6c6;}

/*//////////////TABLE & IMAGE FORMATTING//////////////*/
.home_flash 			{position: relative; width: 800px; height: 378px; top: 74px;}
.home_container 		{position: relative; top: -375px;}
.home_content			{position: absolute; width: 800px; top: 135px; overflow: auto; height: 317px; font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #666666;}
.container_td 			{background: url(images/tablebg_curves.gif);	background-repeat: no-repeat; background-position: center; background-position: top;}

.main_table 			{background-image: url(images/background.gif);	background-repeat: repeat-x; background-color: #FFFFFF;}

.table_community 		{background-image: url(images/tablebg_community.gif); 		background-position: bottom; background-repeat: no-repeat;}
.table_about 			{background-image: url(images/tablebg_about.jpg); 			background-position: bottom; background-repeat: no-repeat;}
.table_resources		{background-image: url(images/tablebg_resources.jpg); 		background-position: bottom; background-repeat: no-repeat;}
.table_webdangers		{background-image: url(images/tablebg_webdangers.jpg); 		background-position: bottom; background-repeat: no-repeat;}
.table_parents 			{background-image: url(images/tablebg_parents.jpg); 		background-position: bottom; background-repeat: no-repeat;}
.table_press 			{background-image: url(images/tablebg_press.jpg); 			background-position: bottom; background-repeat: no-repeat;}
.table_teens 			{background-image: url(images/tablebg_teens.jpg); 			background-position: bottom; background-repeat: no-repeat;}
.table_programs 		{background-image: url(images/tablebg_programs.jpg); 		background-position: bottom; background-repeat: no-repeat;}
.table_donate 			{background-image: url(images/tablebg_donate.jpg); 			background-position: bottom; background-repeat: no-repeat;}
.table_whoweare			{background-image: url(images/tablebg_whoweare.jpg); 		background-position: bottom; background-repeat: no-repeat;}
.table_contact 			{background-image: url(images/tablebg_curves_bottom.gif); 	background-position: bottom; background-repeat: no-repeat;}
.table_nophoto 			{background-image: url(images/tablebg_curves_bottom.gif); 	background-position: bottom; background-repeat: no-repeat;}	
.table_register			{background-image: url(images/tablebg_curves_bottom.gif); 	background-position: bottom; background-repeat: no-repeat;}	

.title 					{width: 742px; height: 100px;}
					
.topline 				{background-image:url(images/lines/line_top.gif); 				background-repeat: repeat-x;}
.bottomline 			{background-image:url(images/lines/line_bottom.gif); 			background-repeat: repeat-x;}
.leftline 				{background-image: url(images/lines/line_left.gif); 			background-repeat: repeat-y;}
	.leftline_teens 	{background-image: url(images/lines/line_left_teens.gif);		background-repeat: no-repeat;}
	.leftline_community {background-image: url(images/lines/line_left_community.gif); 	background-repeat: no-repeat;}
	.leftline_parents 	{background-image: url(images/lines/line_left_parents.gif); 	background-repeat: no-repeat;}
	.leftline_press 	{background-image: url(images/lines/line_left_press.gif); 		background-repeat: no-repeat;}
	.leftline_wwknyou 	{background-image: url(images/lines/line_left_wwknyou.gif); 	background-repeat: no-repeat;}
	.leftline_resources	{background-image: url(images/lines/line_left_resources.gif); 	background-repeat: no-repeat;}
	.leftline_about 	{background-image: url(images/lines/line_left_about.gif); 		background-repeat: no-repeat;}
	.leftline_programs 	{background-image: url(images/lines/line_left_programs.gif); 	background-repeat: no-repeat;}
	.leftline_webdangers{background-image: url(images/lines/line_left_webdangers.gif); 	background-repeat: no-repeat;}
.rightline 				{background-image: url(images/lines/line_right.gif);			background-repeat: repeat-y;}
.topleft 				{background-image:url(images/lines/cornerline_topleft.gif); 	background-repeat: no-repeat; height:14px;}
.grey_line 				{color:#ffffff; padding: 0px 6px;} /*color:#666666*/

.floatleft 				{float: left;}

.triangle2 				{border: 1px solid #ffffff; border-left: 1px solid #000000; border-top: 1px solid #000000;}


/*//////////////TEXT FORMATTING//////////////*/
.content		 	{font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #666666;	margin-left: 10px;  padding-right: 10px; overflow: auto; height: 440px;}
.contact_content	{font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #666666;	margin-left: 0px;   padding-right: 10px; overflow: auto; height: 440px;}
.paddedContent		{font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #666666;  margin-left: 110px; padding-right: 10px; overflow: auto; height: 440px;}

.headline 			{font-size: 13px; font-weight: bolder; text-transform: uppercase;}
.subhead, .subline 	{font-size: 12px; font-weight: bolder; text-transform: uppercase;}
.subhead2		 	{font-size: 14px; font-weight: bolder; color: #8cc63f; text-transform: uppercase;}

.subnav_links 		{padding-top: 1px;}
.subnav				{padding-left: 0px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size:12px; color: #8cc63f; text-align: right;}

.footer 			{font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #8cc63f; text-align: center;}	

p 					{margin-top: 10px; margin-bottom: 10px;}

.contactusInfo 		{padding-left: 5px;}
.contactusLettering {font-size: 12px; font-weight: bold; color: #8cc63f; text-transform: uppercase;}

li 					{padding: 5px; line-height: 15px;}


/*//////////////LINK FORMATTING//////////////*/
a { color:#8cc63f; text-decoration: underline; }
a:hover { color:#8cc63f; text-decoration: none; }

a.regular:link 		{color:#8cc63f; text-decoration: underline;}
a.regular:visited	{color:#8cc63f; text-decoration: underline;}
a.regular:active	{color:#8cc63f; text-decoration: underline;}
a.regular:hover		{color:#8cc63f; text-decoration: none;}
			
a.footer 			{text-transform: uppercase;}
a.footer:link 		{color:#ffffff; text-decoration: none; 		font-size: 9px; letter-spacing: 1px;}
a.footer:visited 	{color:#ffffff; text-decoration: none;		font-size: 9px;}	
a.footer:active 	{color:#ffffff;	text-decoration: underline;	font-size: 9px;}
a.footer:hover 		{color:#ffffff; text-decoration: underline; font-size: 9px;}
			
#landingLinks 				{padding-top: 30px;}
#landingLinks label.left 	{float: left; width: 200px; height: 30px;}
#landingLinks label.right 	{float: left; width: 200px; height: 30px;}
#landingLinks br 			{clear: left;}

#feedbackForm 			{width: 350px; margin-top: 20px; margin-left: auto; margin-right: auto;}
#feedbackForm br 		{clear: left;}
#feedbackForm label 	{float: left; width: 100px;}
#feedbackForm input.txt {float: left;}
#feedbackForm textarea 	{width: 200px; height: 100px;}
#feedbackForm div.submit{margin-top: 10px; margin-left: auto; margin-right: auto; text-align: center;}

#registrationForm 				{margin-left: 35px;}
#registrationForm label 		{padding-right: 10px;}
#registrationForm label.padLeft {padding: 0px; padding-left: 15px;}
#registrationForm label.nopad 	{padding: 0px;}

#eShopNav { text-align: center; padding: 35px; }

#aboutToggle, #programsToggle, #pressToggle, #resourcesToggle, #donateNoToggle, #registerNoToggle, #contactNoToggle {
  margin-bottom: 1px;
}

.styFormErrMsg { color: rgb(102,0,0); font-weight: bold; font-size: 12px; }

/* eShop Shopping Cart Styles */
.styHeading, .stySubTotalTag, .styProductNameLarge { font-size: 14px; font-weight: bolder; text-transform: uppercase; }
.stySubTotalVal { font-weight: bold; }
.styProductCodeVal { font-weight: bold; }

.styHeading {
  padding-top: 15px; 
}

#leftNav {
  width: 200px;
}

/* //////////////// DROP DOWN MENU FORMATTING ///////////////////// */
.ddm1 {
    font: 11px tahoma;
}
.ddm1 .item1,
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
    padding: 0; /*3px 8px 4px 8px;*/
    border: 0; /*1px #003366;
    border-style: solid none solid none;*/
    text-decoration: none;
    display: block;
    position: relative;
}
.ddm1 .item1 {
    background: #cccccc;
    color: #ffffff;
}
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
    background: #ff6600;
    color: #ffffff;
}
.ddm1 .item2,
.ddm1 .item2:hover {
	font-size: 11px;
	font-family: Trebuchet MS, Helvetica, sans-serif;
    padding: 3px 6px 4px 6px;
    text-decoration: none;
    display: block;
    white-space: nowrap;
	text-align: left;
}
.ddm1 .item2 {
    background: #4c5759;
    color: #ffffff;
}
.ddm1 .item2:hover {
    background: #8cc63f;
    color: #333333;
}
.ddm1 .section {
    background: #4c5759;
    border: solid 1px #606869;
    position: absolute;
	margin-top: 0;
    visibility: hidden;
    z-index: 99;
    white-space: nowrap;
	width: 240px;
}
.ddm1 .left, .ddm1 .left:hover { border-style: solid none solid solid; }
.ddm1 .right, .ddm1 .right:hover { border-style: solid solid solid none; }

* html .ddm1 td { position: relative; } /* ie 5.0 fix */
