/* general layout and html styles */

body {

	background-color: #ffffcc;

	margin-left: 10px;

	margin-top: 10px;

	margin-right: 10px;

	margin-bottom: 10px;

	font-family: Verdana, Helvetica, Arial, sans-serif;

	font-size: .9em;

}

p {

	font-size: .9em;

}

#container{

	border: 3px solid #006B57;

	background-color:#fff;

	overflow:hidden;

	margin:0px;

	padding-left:13em; /* The width of the leftNav */

}

* html #container{

	height:1%; /* So IE plays nice */

}



/* header styles */

#pageHeader {

	height: 120px;

	background-color: #000000;

	vertical-align: middle;

	background-image: url(images/banner_lebanon.jpg);

	background-repeat: no-repeat;

	background-position: right;

	font-size: 1.2em;

	text-align: right;

	color: #ffffff;

	font-weight: bold;

}



/* page body styles */

#content{

	background-color:#fff;

	width:100%;

	border-left:13em solid #000; /* The width and color of the leftNav */

	margin-left:-13em; /* Hat tip to Ryan Brill */

	float:right;

	vertical-align: top;

}

#pageBody {

	padding: 1em;

	border-top-width: 3px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 3px;

	border-top-style: solid;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: solid;

	border-top-color: #006B57;

	border-right-color: #006B57;

	border-bottom-color: #006B57;

	border-left-color: #006B57;

}

#pageBody h1 {

	font-size: 1.1em;

	font-weight: bold;

	color: #CCCCCC;

	margin: 0;

	padding: 0;

}

#imageBar {

	width: 100%;

	min-width: 680px;

	margin-left: -0.5em;

	padding-top: 0.5em;

	margin-right: -0.5em;

	padding-bottom: 0.5em;

	margin-bottom: 0.5em;

	background-color: #CCCCCC;

	text-align: center;

	border: 1px solid #000;

}

#imageBar div {

	position: relative;

	width: 25%;

	text-align: center;

}

#imagebar1 {

	left: 0%;

}

#imagebar2 {

	left: 25%;

	margin-top: -152px;

}

#imagebar3 {

	left: 50%;

	margin-top: -152px;

}

#imagebar4 {

	left: 75%;

	margin-top: -152px;

}



/* Left navigation styles */

#leftNav {

	background-color:#000;

	width:13em;

	float:right;

	margin-left:-13em;

	text-align: center;

	background-image: url(images/leftnav.jpg);

	background-repeat: no-repeat;

	background-position: center;

	min-height: 450px;

	

}

#leftNav ul {

	margin: 0px;

	padding: 0px;

	list-style-position: outside;

	list-style-type: none;

}

#leftNav li {

	padding-top: 10px;

	padding-right: 5px;

	padding-bottom: 0px;

	padding-left: 5px;

}

#leftNav li a  {

	color: #CCCCCC;

	text-decoration: none;

	font-weight: bold;

	width: 100%;

	padding-top: 5px;

	padding-right: 5px;

	padding-bottom: 5px;

	padding-left: 5px;

	border: 1px solid #f90;		

}

#leftNav li a:hover {

	color: #006B57;

	text-decoration: underline;

}



/* misc styles */

.smAddress {

	font-size: 0.7em;

	color:#CCCCCC;

	margin-top: 20px;

	margin-bottom: 20px;

}

.smCopyright {

	width: 100%;

	text-align: center;

	font-size: 0.7em;

	color:#006B57;

	margin-top: 5px;

	margin-bottom: 5px;

}

.scroll {

	font-size: 0.7em;

	color:#006B57;

	padding-top: -0.5em;

}



#newmenu{

padding-top: 20px;

padding-bottom: 50px;

width: 170px;

padding-left: 4px;

border: 0px solid #F00;

}



#newmenu a{

font: bold 13px Verdana;

padding: 2px;

padding-left: 4px;

display: block;

width: 100%;

color: #CCCCCC;

text-decoration: none;

border: 0px solid #F90;

}





#newmenu a:hover{

color: white;

border: 0px solid red;

background-color: #006B57;

}