/* CSS for Yachad DC */

* {
	margin: 0;
	padding: 0;
}
body {
  font: 62.5% arial, geneva, sans-serif; /* 62.5% resets 1em to the equivalent of 10px across all browsers making font changes easier */
	
	text-align: center;
	margin: 0;
	padding: 0;
}

body.frontBody {
/*background: #FFEFCE url('../images/bodyInteriorBg.jpg') repeat-x top left;*/
background: #FFEFCE url('../images/bodyBg-backup.jpg') repeat-x top left;
}
body.interiorBody {
background: #fff url('../images/bodyInteriorBg.jpg') repeat-x top left;
}



/* Global Styles */

a, a:link {color: #62852d; 
text-decoration: underline; }
a:hover { text-decoration: none;}

h1 {
	color: #000;
	font-size: 1.6em;
}
h2 {
	color: #666;
	font-size: 1.4em;
}
h3 {
  padding: 15px 0 0px 0;
	color: #62852d;
	font-size: 1.3em;
	
}

/*table { border-collapse: collapse; } /* Removes all padding and spacing from table cells */
input, select, option, textarea { padding: 2px; }
ul, ol { margin: 10px 0 10px 35px; }
li { margin: 0 0 5px 0; }
p { margin: 0 0 15px 0; padding: 0; }
hr { margin: 0 0 15px 0; padding: 0; border: 1px solid #000000; }

.l { float: left; }
.r { float: right; }
.clear { clear: both; }
.clear-l { clear: left; }
.clear-r { clear: right; }

.b { font-weight: bold; }
.u { text-decoration: underline; }
.i { font-style: italic; }
.small { font-size: .79em; } /* IE has trouble recognizing intervals of .1 so we use .11 beacuse it's so different */
.large { font-size: 1.2em; }
.t-c { text-align: center; }
.t-r { text-align: right; }
.t-l { text-align: left; }

img { border: 0; }
img.l { margin: 0 10px 0 0; }
img.r { margin: 0 0 0 10px; }

.email_confirm, .hide, .hideme { display: none; }


/* Site Colors */

.red { color: red; }
.black { color: #000000; }
.gray, .grey { color: #666666; }
.white { color: #FFFFFF; }
.line {
height: 1px;
border-top:1px solid #FEA549;
margin-top: 15px;
}
.highlight {
 color: #FFFFFF; background: #B60016; } 


/* Layout */

#container {
width: 1024px;
margin: 0 auto;
text-align: left;
}


.frontBody .logo {
/*position: relative;
top: -50px;

text-align: center;
color: #fff;
font-family: Palatino, Palatino Linotype, Times New Roman, Georgia;
font-style: italic;
font-size: 1.3em;
font-weight: bold;*/
margin-top: 20px;
margin-right: 5px;
float: left;
margin-left: 20px;
}
.interiorBody .logo {
margin-top: 20px;
margin-right: 5px;
float: left;
}

#navContainer {
clear: both;
}

/* Navigation */
#nav {
height:   85px;
overflow: hidden;
}

#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav ul li { /* all list items */
	float: left;
  background: url('../images/navSeparator.jpg') no-repeat left top;
	padding: 30px 13px 35px 13px;
	height: 1%;
}

#nav ul li a {
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 1.2em;
  font-weight: bold;

}
#nav ul li a:hover, #nav ul li:hover {
 color: #FEA549;
 text-decoration: none;
 
} 

#nav ul li:hover {
height: 1%;}

#nav ul li ul { /* second-level lists */
	position: absolute;
  border-bottom: 1px solid #fff;
	width: 15em;
	left: -999em;
  padding-top: 25px;
	margin-left: -10px;
	z-index: 1000;
	}

#nav ul li ul li a{
  display: block;
	padding: 5px 13px 5px 13px;
}
#nav ul li ul li a:hover {
  background: #FEA549;
  color: #22416F;
}
#nav ul li ul li {
	margin: 0;
	background: #5C5F58;
	padding: 0;
	width: 15em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { /* lists nested under hovered list items */
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#subNavContainer {
width: 1024px;
height: 150px;
margin-top: -15px;
background: url('../images/subNavBg-backup.jpg') no-repeat top left;

}

#subNavContainer .subNav {
margin-right: 20px;
float: right;
margin-top: 15px;
}
#subNavContainer .subNav a {
	color: #fff;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
	padding: 3px;
}
#subNavContainer .subNav a.first{
border-right: 1px solid #fff;
padding: 2px 6px 2px 3px;
}
#subNavContainer .subNav a:hover {
text-decoration: underline;
}


#banner {
padding-top: 95px;
width: 992px;
height:425px;
margin-top:-120px;
margin-left: 15px;
background: url('../images/houses-backup.png') no-repeat top center;
}

#banner .frontTopLeft {
position: relative;
width: 165px;
float: left;
padding:0 10px 0 25px;
margin-top: 0px;
}

#banner .frontTopLeft h2, #banner .frontTopRight h2 {
font-size: 1.4em;
font-family: Palatino, Palatino Linotype, Times New Roman, Georgia;
color: #010101;

text-transform: uppercase;
}
#banner .frontTopLeft p{
font-size:1.2em;
font-weight:bold;
line-height:1.9em;
}
#banner .frontTopMiddle{
position: relative;
width: 590px;
float: left;

} 
#banner .frontTopMiddle h1 {
margin-left: 30px;
margin-top: -5px;
text-transform: uppercase;
font-weight:bold;
font-family: Palatino, Palatino Linotype, Times New Roman, Georgia;
}
#banner .frontTopRight p{
line-height: 1.5em;

font-size: 1.1em;
}
#banner .frontTopRight {
position: relative;
width: 170px;
float: left;
margin-top: -10px;
padding: 0 20px 0 10px;
}

/*------------------ Rotation --------------------*/
#rotate	{
	margin:38px 0 0 24px;
	background: url('images/banner01.jpg') top left no-repeat;
	font-size: 1.1em;
}
#rotate #block-1,
#rotate #block-2,
#rotate #block-3,
#rotate #block-4,
#rotate #block-5 {
	position: absolute;
	z-index: 450;
}
#rotate	p {
	margin: 0;
	padding: 10px 85px 0 0;
	color: #fff;
  width: 410px;
  font-weight: bold;
	text-align: left;
	line-height: 1.6em;
  font-size: 1.2em;
	}

#rotate ul {
	position: absolute;
	top: -50px;

	left: 0;
	z-index: 1200200;
margin:400px 0 0 463px;
	padding: 0;

}
#rotate ul li { 
	float: left; 
	margin-left: 5px;
	display: block;
	padding:0;
}
#rotate ul li a { 
	display: block;
	width: 15px;
	height: 15px;
	border: 1px solid #6caedf;
	background-color: #fff;
}


/* -------------------------------- rotate ends -------------------------------------- */
#banner .frontTopRightSupport {
position: relative;
top: 5px;
padding:  30px 0;
border-bottom: 1px solid #567722;
}


#banner .frontTopRightFilm {
position: relative;
top: 5px;
padding: 30px 0;
border-bottom: 1px solid #567722;

}
#banner .frontTopRightNews {

padding:  30px 0 0  0;
position: relative;
overflow: hidden;

}
#banner .frontTopRightSupport h2, #banner .frontTopRightFilm h2,  #banner .frontTopRightNews h2   {
text-align: center;
margin:0;


}
#banner .frontTopRightSupport .h2Image, #banner .frontTopRightFilm .h2Image,  #banner .frontTopRightNews .h2Image{
position: relative;
top: 0px;
float: left;
}


#frontBody {

z-index: 1000;
position: relative;
font-size: 1.1em;
}
#frontBody p {

font-weight: bold;
}

#frontBody a {
color: #000;
text-decoration: underline;
margin-left: 5px;
font-weight: bold;

}
#frontBody a:hover {
text-decoration: none;
}
#frontBody .frontBottomLeft h2, #frontBody .frontBottomMiddle h2 , #frontBody .frontBottomRight h2  {
font-family: Palatino, Palatino Linotype, Times New Roman, Georgia;
color: #224271;
padding-bottom: 10px;
text-transform: uppercase;
}
 
#frontBody .icon {

}

 
#frontBody .frontBottomLeft {
width: 305px;
float: left;
padding: 15px 10px 0 25px;

}
#frontBody .frontBottomLeft select {
width: 305px;
border: 1px solid #FBD67E;
padding: 2px;
}

#frontBody .frontBottomMiddle {
width: 305px; 
height: 100%;
margin-top:-5px;
float: left;
z-index: 0;
padding: 15px 10px 0 25px;
background: url('../images/frontBottomMiddleBg.jpg') repeat-x top left;
}
#frontBody .frontBottomMiddle table {
margin-left: 25px;
}

#frontBody .frontBottomRight {
width: 305px;
float: left;
padding: 15px 10px 0px 25px;
}



#footer {
position: relative;
top: 0;
display: block;
z-index: 5000;
height: 73px;
margin-top: -5px;
text-align: center;
padding:0;
background: url('../images/footerBg.png') repeat-x top left;
}

#footer a {
color: #fff;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
#footer .footerContainer {
position: relative;
width: 1024px;
margin: 0 auto;

padding-top: 20px;
text-align: left;
}

#footer .footerContainer .footerLeft {
width: 420px;
float: left;
}
#footer .footerContainer .footerLeft ul {
margin:0;
padding:0;
list-style-type: none;
}

#footer .footerContainer .footerLeft ul li {
float: left;
padding: 0 3px;
border-right: 1px solid #fff;
}
#footer .footerContainer .footerLeft ul li a{
color: #fff;
padding: 3px 0 3px 0;
font-size: 1.0em;

}

#footer .footerContainer .footerMiddle  {
float: left;
position: relative;
top: 10px;
left: 50px;
width: 200px;
}
#footer .footerContainer .footerMiddle  a {
text-decoration: underline;
}
#footer .footerContainer .footerMiddle  a:hover {
text-decoration: none;
}
#footer .footerContainer .footerMiddle table{
width: 200px;
font-size: 1.4em;
font-family: Palatino Linotype, Times New Roman;
font-weight: bold;
}
#footer .footerContainer .footerRight {
float: right;
color: #fff;
text-align: right;
line-height: 1.5em;
}



#interiorfooter {
position: relative;
top: 0;

z-index: 100;
height: 73px;
margin-top: -10px;
text-align: center;
padding:0;
background: url('../images/footerBg.png') repeat-x top left;
}

#interiorfooter a {
color: #fff;
text-decoration: none;
}
#interiorfooter a:hover {
text-decoration: underline;
}
#interiorfooter .footerContainer {
position: relative;
width: 1024px;
margin: 0 auto;

padding-top: 20px;
text-align: left;
}
#interiorfooter .footerContainer .footerLeft {
width: 400px;
float: left;
position: relative;
}
#interiorfooter .footerContainer .footerLeft ul {
margin:0;
padding:0;
list-style-type: none;
}

#interiorfooter .footerContainer .footerLeft ul li {
float: left;
padding: 0 3px;
border-right: 1px solid #fff;
}
#interiorfooter .footerContainer .footerLeft ul li a{
color: #fff;
padding: 3px 0 3px 0;
font-size: 1.0em;

}

#interiorfooter .footerContainer .footerMiddle  {
position: relative;
top: 10px;
left: 50px;
width: 100px;
}
#interiorfooter .footerContainer .footerMiddle  a {
text-decoration: underline;
}
#interiorfooter .footerContainer .footerMiddle  a:hover {
text-decoration: none;
}
#interiorfooter .footerContainer .footerMiddle table{
width: 200px;
font-size: 1.4em;
font-family: Palatino Linotype, Times New Roman;
font-weight: bold;
}
#interiorfooter .footerContainer .footerRight {
float: right;
color: #fff;
text-align: right;
line-height: 1.5em;
}

a.bwm {color:#fff;} /* Typically this should match the color of the text in the footer so it doesn't 'stand out' */
a.bwm:hover { color: #3f8aca;} /* Blue Water Blue for hover */

/*------------------------------------ Interior Pages -----------------------------------------*/

#subInteriorNavContainer {
width: 1024px;
height: 100px;
background: url('../images/subInteriorNavBg.jpg') no-repeat top right;
margin-top: -15px;
}

#subInteriorNavContainer .subNav {
margin-right: 20px;
float: right;
margin-top: 15px;
}
#subInteriorNavContainer .subNav a {
	color: #fff;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
	padding: 3px;
}
#subInteriorNavContainer .subNav a.first{
border-right: 1px solid #fff;
padding: 2px 6px 2px 3px;
}
#subInteriorNavContainer.subNav a:hover {
text-decoration: underline;
}

#interiorBody {
margin-top: 4px;
margin-right: 20px;
background: #FFE19E url('../images/interiorBodyBg.jpg') repeat-y top left;
}
h1.interiorBody {
margin-top: 15px;
font-size: 1.8em;
color: #2c4505;
text-transform: uppercase;
float: left;
font-family: Palatino, Palatino Linotype, Times New Roman, Georgia;

}
.houses {
float: left;
position: relative;
left: -20px;
margin-top: -60px;
}
#interiorBody .interiorBodyLeft {
margin: 0 0 0 0;
padding: 0 35px 20px 35px;
float: left;
background: #ffecc2 url('../images/interiorBodyLeftBg.jpg') repeat-x top left;
width: 573px;
line-height: 1.6em;
font-size: 1.2em;
}

#interiorBody .calendarBlock {
border-bottom: 1px dashed #ff7a11;
padding: 0 0 10px 0;
}
#interiorBody .interiorBodyLeft form ul{
list-style-type: none;
margin: 25px 0 0 0;
}
#interiorBody .interiorBodyLeft a.newsletter{
font-size: 1.2em;
color: #62852d;

}
/*#interiorBody .interiorBodyLeft form td{
padding: 10px;
}*/

#interiorBody .interiorBodyLeft input, #interiorBody .interiorBodyLeft textarea, #interiorBody .interiorBodyLeft select  {
width: 250px;
border: 1px solid #AFAFAF;
background-color: #fff;

}
#interiorBody .interiorBodyLeft input.submit {
width: 74px;
}
#interiorBody .interiorBodyLeft input.specialOccasion, #interiorBody .interiorBodyLeft input#typeOfHouse_req, #interiorBody .interiorBodyLeft input.constructionSkills,#interiorBody .interiorBodyLeft input#Presidents,#interiorBody .interiorBodyLeft input#MLK,#interiorBody .interiorBodyLeft input#Memorial,#interiorBody .interiorBodyLeft input#Labor,#interiorBody .interiorBodyLeft input#Columbus,#interiorBody .interiorBodyLeft input#workHours,#interiorBody .interiorBodyLeft input#MatchUs_req,#interiorBody .interiorBodyLeft input#typeOfHouse_req,#interiorBody .interiorBodyLeft input#workArea_req, #interiorBody .interiorBodyLeft input#emailField, #interiorBody .interiorBodyLeft input#mailField
{
width: 15px;
}
#interiorBody .interiorBodyLeft .application {
margin: 15px 0 20px 0;
padding: 15px 0 20px 0;

}
#interiorBody .interiorBodyLeft p {
padding: 10px 0 10px 0;
margin: 0;


}


#interiorBody .interiorBodyLeft .quoteBlog {
color:#2F5895;
float:left;
font-family:Palatino,Palatino Linotype,Times New Roman,Georgia;
font-size:1.4em;
font-style:italic;
font-weight:bold;
height:1%;
margin:0;
padding:15px 0 15px; 
}
#interiorBody .interiorBodyLeft .interiorQuote {
padding: 10px 0 20px 0;

}
#interiorBody .interiorBodyLeft .interiorQuote p.quote {
color: #2f5895;
font-size: 1.4em;
font-weight: bold;
padding: 10px 0 5px 0;
float: left;
margin: 0;
height: 1%;
font-style: italic;
font-family: Palatino, Palatino Linotype, Times New Roman, Georgia;
}

#interiorBody .interiorBodyLeft .interiorQuote p.by {
color: #224271;
float: right;
margin: 0 40px 0 0;
padding: 0;

}

#interiorBody .interiorBodyLeft p.intro {

font-size: 1.2em;

line-height: 1.4em;
text-align: justify;
}
#interiorBody .interiorBodyLeft  h4 {
margin: 0;
padding: 0 0 20px 0;
color: #224271;
font-size: 1.4em;
text-transform: uppercase;
font-weight: normal;
}
#interiorBody .interiorBodyLeft h2 {
color: #224271;
font-size: 1.4em;
text-transform: uppercase;
margin: 30px 0 0 0;
padding:0;
font-weight: normal;
}

#interiorBody .interiorBodyLeft .directors {
width: 175px;
float: left;
padding-right: 10px;
padding-top: 15px;
}
#interiorBody .interiorBodyRight {
float: right;
padding: 0 10px;
text-align: center;
width: 341px;
background: #ffe19e url('../images/interiorBodyRightBg.jpg') repeat-x 0 0px;
}
#interiorBody .interiorBodyRight h2 {
color: #63862D;
text-align: left;
margin-bottom: 5px;
}
#interiorBody .interiorBodyRight p {
line-height: 1.7em;
text-align: center;
padding-top: 20px;
font-size: 1.2em;
}

#interiorBody .narrowcolumn .navigation, .widecolumn .navigation {
padding-top: 15px;
}

#interiorBody .narrowcolumn a, .widecolumn a {
color: #62852d; 
text-decoration: underline;

}

#interiorBody .narrowcolumn h3 a {
  padding: 15px 0 0px 0;
	color: #62852d;
	font-size: 1.3em;
}

#interiorBody #sidebar {
font-size: 1.2em;
}

#interiorBody #sidebar ul {
list-style-type: none;
text-align: left;
}

#interiorBody  #sidebar  p {
text-align: left;
font-size: 1.0em;

}

.alignleft {
float: left;
}
.alignright{
float: right;
}
#interiorBody .interiorBodyLeft form#commentform p {
padding: 5px 0 5px 0;
}
#interiorBody .interiorBodyLeft textarea#comment {
width: 450px;
}
#interiorBody .interiorBodyLeft input#submit {
width: 120px;
background-color:#FFFFFF;
border:1px solid #AFAFAF;
}
#interiorBody .interiorBodyLeft input#submit:hover {
cursor: pointer;
border:1px solid #888888;
}
small { font-size:11px;}

#wethepeopleForm input, #wethepeopleForm select { background:none; border:none ; }
.tabel-1 td input { width:20px !important;}