/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

html, body {
font-size: small;
 background-image:url(images/body-bg.gif);
 background-repeat:repeat;
 margin: 0px;
  padding: 0px;
  border: 0px;
 
}


#wrapperwrapper { width: 948px; 
margin: 0 auto; 
background-image: url(images/body-bg.png);
background-repeat:repeat-y;
background-position:center;}


#wrapper { 
 margin: 0 auto;
 width: 922px;
  border: #93b854 1px solid;
  border-top:0;

}
#faux {
 background: url(faux-2-3-col.gif);
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%;
 height:100%;
}
#header {
 color: #333;
 width: 922px;
 padding: 0px;
 height: 0px;
 margin: 0px 0px 0px 0px;
 background: #93b854;
}
#navigation {
 color: #ffffff;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 height: 38px;
 clear:both;
 
}
#leftcolumn { 
 display: inline;
 background-color:#ebffb3;
 margin: 12px 0 12px 12px;
 padding:0 12px 0 0px;
 width: 180px;
 float: left;
 background: white;
}

#leftcolumn h2
{ 
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 6px;
color: gray;
font-size: small;
 padding: 6px 8px;}

#leftcolumn p{
}

#leftcolumn ul {
display:block;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #808080;
font-size: .9em;
font-weight: bold;
line-height: 1.7em;
 	margin-left: -.4em;
	padding-left: 1em;
	text-indent: 1.2em;
	list-style-type: none;}


#leftcolumn ul li a{
padding-left: .2em;
color: #808080;
display:block;
text-decoration: none;
	background-image: url(images/li-arrow.gif);
	background-repeat:no-repeat;
	background-position: left;}


#leftcolumn ul li a:hover {

	background-image: url(images/li-arrow-hover.gif);
	background-repeat:no-repeat;
	background-position: left;
}

#leftcolumn ul li a:link { color: #808080;}
#leftcolumn ul li a:active { color: #93b854;}
#leftcolumn ul li a:visited { }

.leftcontentbox {
 color: #333;
 background: url(images/right-column-header-bg.gif) repeat-x top;
 width: 180px;
 float: right;
 border: #93b854 1px solid;
 margin: 0 0 12px 0;
 padding-bottom:6px;
}

.leftcontentbox-devorah {
background:url(images/home/devorah-major-left-banner.jpg) no-repeat top;
height:450px;
 width: 180px;
 float: right;
 border: #93b854 1px solid;
 margin: 0 0 0 0;
 padding-bottom:6px;}

.leftcontentbox-devorah p {
padding: 0 6px 0 6px;
font-size: .86em;
font-weight: normal;
line-height: 1.4em;
margin: 227px 0 -15px 0;
}

#content { 
 float: left;
 color: #333;
 margin:  12px 4px 0 4px;
 padding: 0px 0 4px 0;
 width: 486px;
 display: inline;
 position: relative;
 border:#93b854 1px solid;
 border-bottom: 0;
 height: 100%;
}

#content p {text-align:justify;
padding: 0 12px 12px 12px;}
#content p a {
font-weight: bold;
color:#789845;}
#content p a:hover {
color: #93b854;
text-decoration: none;}

.link-list ul {
list-style-type: none;

}

.link-list li {
line-height:1.6em;
list-style-type: none;
font-family:Arial, Helvetica, sans-serif;
margin: 0 12px 0 12px;}
.link-list li a {
font-weight: bold;
color:#789845;}
.link-list a:link {
font-weight: bold;
color:#789845;}
.link-list li a:visted{
font-weight: normal;
color:#93b854;}
.link-list li a:hover {
color: #93b854;
text-decoration: none;}
.link-list li a:active{
font-weight: bold;
color:#333333;}



.float-left {
float:left;
padding: 3px 12px 12px 12px;
border: 0;}
.float-right {
float:right;
padding: 0 0px 0px 12px;
margin-bottom:12px;}

img.content{
margin: 0 0 0 12px;
border: gray solid 1px;}

imgcontent,a {
border:#789845 solid 1px;}

p { font-family:Arial, Helvetica, sans-serif;
line-height:1.5em;}

#content h1 { font-family: Arial, Helvetica, sans-serif;
color:#93b854;}

#content h3 {
background-color: #93b854;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: white;
font-size: small;
 padding: 6px 8px 6px 12px;
 border-bottom: #93b854 1px solid;
 background: url(images/h3-background.gif);
 margin: 0 0 12px 0;}
 
ul#page-list {
float:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1em;
list-style-type: none;

margin-right: 8px;}

ul#page-list li {
float: left;
border: #93b854 solid 1px;
margin-right: 2px;
}

ul#page-list li a {
color: #789845;
text-decoration: none;
padding:3px 5px 0px 5px;
}

ul#page-list li a:hover {
color:#FFFFFF;
padding:0 5px 0px 5px;
background-color: #93b854;

}

.current {
background-color: #93b854;
padding:0px 5px 0px 5px;
color:#FFFFFF;}

 
p#photo-caption { margin: 3px 3px -9px 0px;
font-size: .88em;
text-align: right;}

p#photo-caption-about { margin: 3px 3px -9px 0px;
font-size: .88em;
text-align: left;}

p.italicpadding {
font-style:italic;
margin-bottom:8px;}

.gray-emphasis {color: #4d4d4d;
font-weight: bold;
}

div.header
{  color: #333;
height:231px;
 border-bottom: #93b854 1px solid;
}
div.header h2 {
background-color: #ffffff;
background: url(images/right-column-header-bg.gif) repeat-x top;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: gray;
font-size: small;
 padding: 6px 8px 9px 6px;
 margin: 0;}
 
div.header img, a { border: 0;}

#rightcolumn { 
 display: inline;
 position: relative;
 }
 

.rightcontentbox {
 color: #333;
 margin: 12px 12px 12px 0;
 background: url(images/right-column-header-bg.gif) repeat-x top;
  padding: 0px;
 width: 180px;
 float: right;
 border: #93b854 1px solid;
 padding: 6px 8px;
}


.rightcontentbox a {
font-weight: bold;
color:#808080;}
.rightcontentbox a:hover {
font-weight: bold;
color:#93b854;}



#rightcolumn h2 { 
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 12px;
color: gray;
font-size: small;}

#rightcolumn p {
font-family:Arial, Helvetica, sans-serif;
color: black;
font-size: .86em;
font-weight: normal;
line-height: 1.4em;
margin-bottom:6px;}


#footer { 
 width: 902px;
 height:22px;
 clear: both;
 background: #ebffb3;
 border-top: #93b854 1px solid;
 padding: 10px;
 background:url(images/diagonal-horizontal-stripes.gif) repeat;
 font-family: Arial, Helvetica, sans-serif;
}
.clear { clear: both; background: none; }

h1 {font-size: medium;}

<!--begin horizontal nav -->

#h-navigation{
margin: 0;
padding: 0;
float: left;
}

#h-navigation li{
display: inline;

}

#h-navigation li a{
	float: left;
	color: #ffffff;
	padding: 17px 11px;/*padding of tabs*/
	text-decoration: none;
	font-weight: bold;
	background: transparent  url(images/green-bg-nav.gif) top right no-repeat;
	border-top: 2px solid #93b854;
	 border-bottom: 1px solid #93b854; 
	 /*top border style*/
	 /*thick bottom border below tabs*/
}

#h-navigation li a#leftmostitem{ /*Extra CSS for left most menu item*/
border-left: 1px solid #d3bdbe; /*left border style*/
}

#h-navigation li a#rightmostitem{ /*Extra CSS for right most menu item*/
border-right: 1px solid #d3bdbe; /*right border style*/
	background: transparent  url(images/green-bg-nav.gif) top right no-repeat;
background-position: top left; /*Position background image to the left instead of default right, to hide indented underline for this link*/
}


#h-navigation li a:hover{
color: #ebffb3;
background-image: url(images/green-bg-nav-hover.gif); /*background image swap on hover*/
}

.text-list {
list-style-type: none;
margin: 0 0 18px 12px;
font-family: Arial, Helvetica, sans-serif;
line-height:1.5em;}