/*---- LIIF Common CSS
September 2006
Copyright Dan Hartmann Designs, LLC
Version 1.0 ----*/

/*---- Main element styling ----*/

*, html, body, p, h1, h2, h3, h4, h5, h6, ol, ul, li, table, td {
font-size:12px;
font-family: Arial, Verdana, sans-serif;
color: #000;
margin: 0px;
padding: 0px;
font-weight: normal; }

body {
background: transparent url(../../IMAGES/backgroundImages/LIIF-Background-pattern.gif) repeat left top; }

h1 {
padding: 1em 0px 1em 0px;
font-weight: bold;
font-size: 28px; }

h2 {
padding: 1em 0px 1em 0px;
font-weight: bold;
font-size: 24px; }

h3 {
padding: 1em 0px 1em 0px;
font-weight: bold;
font-size: 21px;
}

h4 {
padding: 1em 0px 1em 0px;
font-weight: bold;
font-size: 18px; }

h5 {
padding: 1em 0px 0em 0px;
font-weight: bold;
font-size: 14px; }

h6 {
padding: 1em 0px 0em 0px;
font-weight: bold;
font-size: 13px; }

p {
font-size:12px; }

ul {
list-style-type: disc;
list-style-position: outside;
padding: .5em 0px .5em 1.5em; }

ul ul {
list-style-type:circle;
list-style-position: outside;
padding: 0px 0px 0px 1.5em; }

ul ul ul {
list-style-type:square;
list-style-position:outside;
padding: 0px 0px 0px 1.5em; }

strong {
font-weight: bold; }

em {
font-style: italic; }

/*---- link styles ----*/

a:link, a:visited {
	color: #008000;
	text-decoration: none;
font-weight:bold;
} 

/*a:visited {
text-decoration: underline;
color: #063; } */

a:hover, a:focus {
color: #F18506;
text-decoration: underline; 
font-weight:bold;
}

/*---- main Content Layout ----*/

#mainWrapper {
background: transparent url(../../IMAGES/backgroundImages/mainWrapper-dropShadow.gif) repeat-y left top;
margin: 0px auto 0px auto;
width: 820px; }

#main {
background: #FEFEDC;
width: 780px;
margin: 0px auto 0px auto;
padding: 10px;
/*border: 4px #999 solid; */}

#bannerWrapper {}

#banner {
width: 780px;
background: #FEFEDC;
padding: 0px;
margin: 0px; }

/*----- Start Banner insides -----*/

#logo {}

#bannerNav {
float: right;
text-align: center; 
width: 525px;
height: 125px;}

#bn-1 {
width: 164px;
height: 125px;
float: left;
margin: 0px 3px 0px 3px;
padding: 0px; }

#bn-1 img {
display: block; }

#bn-2 {
width: 164px;
height: 125px;
float: left; 
margin: 0px 3px 0px 3px;
padding: 0px;}

#bn-2 img {
display: block; }

#bn-3 {
width: 164px;
height: 125px;
float: left; 
margin: 0px 3px 0px 3px;
padding: 0px;}

#bn-3 img {
display: block; }

#bannerNav a, #bannerNav a:visited {
text-decoration: none;
color: #008000;
font-weight: bold; }

#bannerNav a:hover, #bannerNav a:focus {
color: #F18506;
text-decoration: none;
font-weight: bold; }

/*----- End of Banner insides ------*/

#navigationWrapper {}

#navigation {
width: 575px;
float: right;
background: #063 url(../../IMAGES/backgroundImages/HorizNavBackground.gif) repeat-x left top;
margin: 15px 2px 0px 0px;
color: #FFF;
padding: 7px 0px 2px 0px; }

#mainConetentWrapper {}

#mainContent {
margin: 5px 2px 0px 0px;
width: 575px;
float: right;
padding: 10px 0px 0px 0px; }

#mainContentTopper {
width: 573px;
height: 144px;
background: url(../../IMAGES/backgroundImages/mainContentTopper.gif) no-repeat center top; }

#mainContent .title {
text-align: center;
color: #333;
display: none; }

#mainContent .mission {
display: none; }

#mainContent p {
color: #666;
font-weight: bold;
font-size: 13px;
display: block; }

#columnsWrapper {
margin: 10px 0px 0px 0px;
padding: 0px;
background: #FFF url(../../IMAGES/backgroundImages/ColumnsBckgrnd.jpg) repeat-y center center;
border-top: 2px #666 solid;
border-bottom: 2px #666 solid; }

#columnsWrapper img {
padding:4px 8px 4px 8px;}

#columnsWrapper p {
color: #000;
font-size: 12px;
font-weight: normal;
padding: 12px 0px 0px 0px; }

#firstColumn {
width: 45%;
margin: 0px 2px 0px 8px;
padding: 0px;
float: left; }

#secondColumn {
width: 45%;
margin: 0px 8px 0px 2px;
padding: 0px;
float: right; }

#donateWrapper {}

#donate {
margin: 0px auto 0px auto;
padding: 0px 0px 10px 0px;
width: 156px;
height: auto; }

#subContentWrapper {}

#subContent {
width: 157px;
margin: 15px 0px 0px 0px;
padding: 0px;
float: left; }

/*----- SubNav Layout -----*/

#subSearchWrapper {
margin: 0px;
padding: 5px 0px 14px 0px; }

#subSearch {}

#subNavWrapper {
background: url(../../IMAGES/backgroundImages/HorizNavBackground.gif) repeat-x left top;
margin: 0px;
padding: 5px 0px 0px 0px;
width: 157px; }

#subNav {
width:157px;
background-color: #063; }

#subNav ul {
display: list-item;
list-style-type: none;
margin: 0px;
padding: 0px; }

#subNav ul li {
padding: 0px;
margin: 0px;
display: inline; }

#subNav ul li a, #subNav ul li a:visited {
margin: 0px;
display: block;
height: 1%;
/*font-weight: bold;
font-size:11px;*/
background: #063;
color: #FFF;
text-decoration: none; }

#subNav ul li a:hover, #subNav ul li a:focus {
background: #6480A2;
text-decoration: underline; }

#subNavHighLtOutterWrapper {
}

#subNavHighLtWrapper {
margin: 35px 0px 0px 0px;
padding: 0px;
text-align: center;
background: transparent; }

.subNavHighLt{
margin: 25px 0px 0px 0px;
padding: 0px; }

.subNavHighLt img {
display: block; }

.subNavHighLt a, .subNavHighLt a:visited {
text-decoration: none;
color: #46536a;
font-size: 1.25em; }

.subNavHighLt a:hover, .subNavHighLt a:focus {
color: #008000;
font-size: 1.25em;
text-decoration: underline;
font-weight: bold; }

/*-----End SubNav Layout -----*/

#footerWrapper {
background: #063 url(../../IMAGES/backgroundImages/footerBackground.gif) repeat-x left top;
padding: 10px;
margin: 25px -10px -10px -10px;
width: 100%;
clear: both; }

#footer {
background: #063;
text-align: center; }

#footer a, #footer a:visited {
padding: 0px 15px 0px 15px;
color: #FFF; }

/* #footer a:visited {
color: #FFF;
text-decoration: underline; } */

#footer a:hover, #footer a:focus {
text-decoration: underline; }

#footer p, #footer p strong {
margin: 10px 0px 0px 0px;
color: #FFF; }

#footer p a {
padding: 0px; }

/*---- Navigation menu layout ----*/

/*----------Add layout etc. to submenus------------*/
ul.slidingmenu {
	color: #FFF;
	font-size:11px;
}

ul.slidingmenu a, 
ul.slidingmenu a:visited {
	color: #FFF;
	text-decoration: none;
font-weight:normal;
}

ul.slidingmenu a:hover {
	color: #FFF;
	text-decoration: underline;
font-weight: normal; }

ul.slidingmenu ul {
	border: 1px solid #666;
	background-color: #FFFFFF;
}

ul.slidingmenu ul:hover { 
}

ul.slidingmenu ul li {
	background: #FFF5C1;
	text-align:center;
	border-bottom:1px solid #666;
}

ul.slidingmenu ul a, ul.slidingmenu ul a:visited {
	color: #333;
	background: #FFF5C1;
	text-decoration:none;
font-weight: normal; }

ul.slidingmenu ul a:hover {
	background: #6480A2;
	color:#FFF;
	text-decoration:underline;
font-weight: normal; }



/* -------Remove Standard HTML formating-----------*/
 ul.slidingmenu,
 ul.slidingmenu li,
 ul.slidingmenu a  {
	display: inline;
	margin:0;
padding: 0px 3px 0px 3px; }

 ul.slidingmenu ul, ul.slidingmenu ul li {
	display: block;
	margin:0;
padding: 0px; }

ul.slidingmenu ul a {
	display:block;
	padding:5px 0 5px 0;
	margin:0;
}

ul.slidingmenu ul {
	width: 110px;	
}

ul.slidingmenu li, 
ul.slidingmenu ul li {
	list-style-type: none;
	position: relative;
	z-index:150;
}

ul.slidingmenu ul li a {
	width: 100%;
}

ul.slidingmenu ul {
	position: absolute;
	left: 0;
	top: 16px;
	z-index:150;
display:none;
}

ul.slidingmenu ul ul {
	position: absolute;
	left: 110px;
	top: -1px;
	z-index:150;
	display:none;
}

/*-------Main classes-------*/

.subheading {
color: #008000;
font-size: 14px;
font-weight:bold;}

.subheading a {
color:#008000;
font-size: 14px;
font-weight: bold;}

.subheading a, .subheading a:visited {
color:#008000;
text-decoration: none;
font-weight: bold; }

.subheading a:hover, .subheading:focus {
color: #F18506;
text-decoration: underline;
font-weight: bold; }

.sub-subheading {
color:#000;
font-size: 13px;
font-weight:bold;
padding: .5em 0px;}

.leftHandSpacerList {
padding: 0px 0px 0px 5px; }

.rightHandSpacerList {
padding: 0px 0px 0px 15px;
font-weight: bold; }