body{
	background-image: url(images/backgroundimg.jpg);
	background-repeat: repeat-x;
	background-color: #F9F8DA;
	padding:0px;
	margin: 0px;
	text-align:center;
	height:100%; /* this is the key! */
}
.leftshadow {
	width: 970px;
	display: block;
	background-image: url(images/left-right-shadow.png);
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-left: 6px;
	padding-right: 10px;
}
.contentoverall {
	display: block;
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 100%;
	background-image: url(images/leftsidebknd.jpg);
	background-repeat: repeat-y;
	background-position: left;

}
.contentoverall .search {
	width: 396px;
	background-image: url(images/header-searchbknd.jpg);
	height: 29px;
	position: relative;
	margin-left: 554px;
	background-repeat: no-repeat;
	text-align: left;
	padding-top: 3px;
}
.contentoverall .styleswitcher {
	background-image: url(images/styleswitcherbknd.jpg);
	width: 395px;
	height: 34px;
	margin-left: 554px;
	position: relative;
	text-align: right;
	padding-top: 64px;
	font-family: Garamond, Georgia, "Times New Roman";
	font-weight: bold;
	color: #1A2364;
	font-size: 15px;
}
.contentoverall .logo {
	float: left;
}
.contentoverall .styleswitcher .styleswitchertext {
	width: 105px;
	float: left;
	padding-left: 220px;
	padding-top: 8px;
}
#menu {
	position:relative;
	background-image: url(images/menu-topbknd.jpg);
	width: 217px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-right: 4px;
	padding-left:10px;
	padding-bottom: 20px;
	padding-top: 25px;
	font-weight: bold;
	background-repeat: no-repeat;
	z-index: 150;
}
#menu ul {
	width:200px;
	text-align: right;
	list-style-type: none;
	z-index:100;
	font-weight: bold;
	color: #1C2568;
	margin: 0px;
	padding: 0px 0px;
	font-size: 15px;
}
#menu li {
	display: block;
	position:relative;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px;
	padding-right: 2px;
	width: 100%;
	z-index: 500;	
}
#menu li li {
    position:relative;
	display: block;
	width: 155px;
	padding-top: 0px;
	padding-bottom:0px;
	margin: 0px;
	padding-right: 2px;
z-index: 500;
float:left;
}
#menu li li li {
    position:relative;
	display: block;
	width: 155px;
	padding-top: 0px;
	padding-bottom:0px;
	margin: 0px;
	padding-right: 2px;
z-index: 500;
}
#menu a:link, #menu a:visited {
	display:block;
	color: #1D2973;
	text-decoration: none;
	padding-right: 10px;
}
#menu a:hover {
	display:block;
	background-image:url(images/arrow.gif);
	background-position: right;
	background-repeat:no-repeat;
	color: #4452F0;
	text-decoration: none;
	padding-right: 10px;
}
#menu ul ul {
text-align: left;
	visibility:hidden;
	position:absolute;
	height:auto;
	top:-5px;
	left:200px;
	width:150px;
	z-index:500;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #D5DEED;
	z-index: 500;
	float:left;
}
#menu ul ul ul{
visibility:hidden;
position:absolute;
height:auto;
left:167px;
top:-10px;
width:130px;
z-index: 500;

}
/* style the table so that it takes no part in the layout - required for IE to work */
#menu table {position:absolute; top:0; left:0;}

/* style the second level links */
#menu ul ul a:link, #menu ul ul a:visited {
	background-color:#D5DEED;
	font-size:12px;
	color:#000000;
	height:auto;
	width:155px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 10px;
	position:relative;
	z-index:500;
}

/* style the second level hover */
#menu ul ul a:hover{
background-image:none;
background-color:#1D2973;
color:#ffffff;
text-decoration:none;
position:relative;
z-index: 500;
}
/* style the third level links */
#menu ul ul ul a:link, #menu ul ul ul a:visited {
	background-color: #6A72D1;
	font-size:12px;
	color:#000000;
	height:auto;
	width:155px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 10px;
}

/* style the third level hover */
#menu ul ul ul a:hover{
background-image:none;
background-color:#1D2973;
color:#ffffff;
text-decoration:none;
}
#menu :hover > a {
		color: #4452F0;
	text-decoration:none;
}

#menu ul ul :hover > a {
background-image:none;
background-color:#1D2973;
color:#ffffff;
text-decoration:none;

}

/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul,
#menu ul a:hover ul{
	visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
#menu ul li:hover ul ul,
#menu ul a:hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
#menu ul li:hover ul li:hover ul,
#menu ul a:hover ul li:hover ul,
#menu ul li:hover ul a:hover ul,
#menu ul a:hover ul a:hover ul{ 
visibility:visible;
}

.contentoverall .contentarea {
	background-color: #FBFBF1;
	background-image: url(images/contentbottombknd.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	width: 730px;
	text-align: left;
	min-height: 450px;
	display: block;
	margin-left: 220px;
}
.contentarea p {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1D2973;
}
.contentoverall .contentarea .homepagecontent {
	margin-left: 18px;
	text-align: left;
}
.contentoverall .contentarea .otherpagecontent {
	margin-left: 18px;
	text-align: left;
	width: 550px;
	min-height: 330px;

}
.contentoverall .contentarea .happenings {
	margin-right: 15px;
	width: 136px;
	background-color: #F5F5D9;
	float:right;
	display:block;
	margin-top: 50px;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #1B2668;
}
.happenings .hdr {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	color: #1B2465;
	background-image: url(images/happeningshdr-bknd.jpg);
	background-repeat: repeat-x;
	height: 28px;
	padding-top: 5px;
}
.happeningstxt {
	padding-right: 3px;
	padding-left: 3px;
}
.happeningstxt a:link, .happeningstxt a:visited {
	font-size: 11px;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #1B2668;
	}
.happeningstxt a:hover {
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #5966B5;
	text-decoration: none;
	}
.contentoverall .contentarea .rightbanner {
	margin-right: 15px;
	width: 136px;
	background-color: #F5F5D9;
	float:right;
	display:block;
	margin-top: 15px;
}
.contentoverall .contentarea .footeraddress {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0E105B;
	padding-bottom: 1px;
	padding-left: 10px;
	text-align: left;
	display: block;
	height: 70px;
	position: inherit;
	bottom: 2px;
	margin-top: 15px;
	z-index: 0;
}


.footeraddressphone {
	font-size: 15px;

}
.contentoverall .contentarea .footeraddress .footer-eho {
	display: block;
	float: right;
	font-weight: normal;
	margin-top: 0px;
	width: 370px;
	position: fixed
	z-index: 1;
}
.contentoverall #menu .donatenow {
	background-image: url(images/navigation-donatebknd.jpg);
	height: 53px;
	width: 220px;
}
.contentoverall .leftside {
	float: left;
	position: relative;
	width: 220px;
	background-image: url(images/leftsidebknd.jpg);
	background-repeat: repeat-x;
	height: 448px;
	display: block;
}

.websiteby {
	margin-right: auto;
	margin-left: auto;
	width: 960px;
	background-color: #F9F8D9;
	background-image: url(images/footershadow.png);
	background-repeat: repeat-x;
	position: relative;
	padding-top: 7px;
	left: -6px;
}
.websiteby .logicmaze {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B3B88F;
	float: right;
}
.websiteby .copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1D2973;
	float: left;
	padding-left: 10px;
}
.leftshadow .contentoverall .contentarea .breadcrumbs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: left;
		padding-bottom: 5px;
}
.breadcrumbs a:link, .breadcrumbs a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: left;
		padding-bottom: 5px;
}
.leftshadow .contentoverall .contentarea .otherpagecontent h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	font-size: 24px;
	background-image: url(images/headerbknd.jpg);
	display: block;
	background-repeat: no-repeat;
	height: 38px;
	width: 501px;
	padding-top: 8px;
	padding-left: 10px;
	color: #1D2973;
	
	}
.leftshadow .contentoverall .contentarea .otherpagecontent .text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1D2973;
	margin-right: 4px;
	margin-left: 4px;
	width: 505px;
	display: block;
}
.otherpagecontent .text a {
	font-weight: bold;
	color: #90480D;
	text-decoration: none;
}

.logicmaze a {
	color: #B3B88F;
	text-decoration:none;
	font-weight: bold;
}
.rightbanner img {
	border: thin solid #18215C;
}
.clear {
clear: both;
}
.text img {
	display: block;
	margin: -6px 6px 6px -6px;
	border:1px solid #999;
	background-color: #F0F3E2;
	padding: 3px;
}
.text ul {
	font-size: 12px;
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 8px;
}
.text li {
padding-left: 2px;
margin: 0px;
}
.news {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1D2973;
	margin-bottom: 10px;
	width: 500px;
}
.newshdr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #1D2973;
	font-weight: bold;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #1D2973;
	display: block;
}

.cssform p{
width: 285px;
font-size: 12px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 185px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
font-size: 12px;
align: left;
float: left;
margin-left: -185px; /*width of left column*/
width: 170px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform large{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform small{ /*width of text boxes. IE6 does not understand this attribute*/
width: 30px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

.cssform textarea.widetxt{
width: 450px;
height: 75px;
}


.form_smalltxt {font-size: 9px}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

fieldset    {
	padding:1.4em;
	margin: 0 0 1.5em 0;
	border: 1px solid #ccc;
	background-color: #f7f7e3;
}
legend      { font-weight: bold; font-size:1.5em; }

.divline{
padding: 5px 0 8px 0;
border-top: 1px dashed gray;
height: 1%;
}

.divline_thin{
border-top: 1px dashed gray;
height: 1%;
}


.buttonapply a:link, .buttonapply a:visited {
	width: 200px;
	text-align: center;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #1F2B75;
}
.buttonapply a:hover {
	width: 200px;
	text-align: center;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #B0B5C8;
}
.search .sitemap {
	width: 175px;
	margin-left: 55px;
	padding-top: 5px;
}
.search .searchicon {
	height: 12px;
	width: 70px;
	margin-left: 18px;
}
.search .formheader {
	width: 180px;
	float: right;
	margin-top: -25px;
}
.textfield {
	height:12px;
	width:90px;
	font-size: 10px;
	color: #333333;
	margin-top:0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
.submit{
	width: 20px;
	height: 29px;
	cursor: pointer;
	background-image: url(images/search.gif);
	background-repeat: no-repeat;
	background-color: #4A7182;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 10px;
}
.leftshadow .contentoverall .contentarea .footeraddress .breadcrumbs style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #C4CFC7;
}
.formrow {
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B7B69F;
}
.formhdr{
	text-align: left;
	font-size:18px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #F9F8DA;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #1D2973;
	margin-bottom: 3px;
}
.redlarger {
	color: #FF0000;
}
