/* See http://ryanfait.com/resources/footer-stick-to-bottom-of-page */
/* The negative value for the margin in .wrapper is the same number as the height of .footer and .push. 
The negative margin should always equal to the full height of the footer (including any padding or borders you may add). */

html { height: 100%;  /* For footer */ }
body {  /* Entire browser window */
	height: 100%;
	/* background-color: #F3F0DB;    */
	margin: 0;  padding: 0;
}
@media screen {
	body {background: #242A42 url(images/pageBG.jpg) repeat-x left top; }
}

@media print {
	body {background: red; }
	#navbar {display:none; }
}

#entire_page {
	position: relative; top:0px; left:0px;   /* Made this DIV relative so we can position against it. */
	margin: 16px auto 5px auto; /* auto, in conjunction with the width, centers the page */
	width:850px;
	color: white;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 125%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;  
	border: 0px solid yellow;
}
.indented_page {
	margin:5px auto 5px auto;
}
#wrapper {
	position: relative; top:0px; left:0px; /* Made this DIV relative so we can position against it. */
	min-height: 100%;
	height: auto !important;	height: 100%; /* Both needed to work on IE6 */
	margin: 0 auto -42px auto;   /* Heights in "footer" and "push" must be the same as margin in "wrapper". */
}

#footer {
	width:822px;
	padding: 4px 0 0 0;  /* Had to add padding to get text vertically centered. */
	margin: 30px 0 0px 5px;
	border: 0px solid white;
	/* background-color:#475383; */
	color: #FFFFFF;
	text-align:center;
	clear: both;  /* for multi-columns */
	font-size: 0.7em;
	height: 42px;  /* Heights in "footer" and "push" must be the same as margin in "wrapper". */
}
.push {
	height: 42px;   /* Heights in "footer" and "push" must be the same as margin in "wrapper". */
	clear: both;  /* for multi-columns */
}

.homepage_photo {
	width:250px; 	height: 300px;    
	margin:0 15px 0px 0px; 					
	border:1px solid white;
}	

#navbar {
	width:822px;
	margin:16px 0 10px 5px;
	height: 27px;
	/* border-bottom: 1px solid white; */
	/* My orig BG color in the AllWebMenus menu was 293D4A */
}

#banner {
	width:66%; 
	margin:0 auto 0 auto; 
	border:0px dashed yellow;	
}

#content {
	position: relative; top:0px; left:0px; /* Made this DIV relative so we can position against it. */
	clear:both;
	padding-top: 10px;
	padding-right: 24px;
	padding-left: 24px;
  border: 0px dashed yellow;
}
.news_box {
	width:200px;
	border:1px  dotted white;
	text-align:center; line-height:140%; 
	padding:8px; 
	margin: 0 0 16px 20px;
}
.news_title {
  font-weight:bold;  
}

#pagetitle {
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1em;
}

h2 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 1em 0 1em 0;
}

h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 1em 0 1em 0;
}

.oddrowcolor {
	background-color: #DDDDFF;
}
.evenrowcolor {background-color: #FFFFFF;}
.tableborder { border: 1px solid black; }

a:link, a:visited {
	color: #aaaaaa;
	text-decoration: none;  /* Remove default link underline */
	border-bottom-color: #B1B1B1;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

a:link:hover, a:visited:hover {
	color: #FF0000;
	/* background-color: transparent; */
}

a:visited .link_on_img {
	border-bottom-style: none;
}

.link_on_img a {
	border-style: none;

}
.link_on_img a:link:hover {
	border-bottom-style: none;

}
.link_on_img a:visited:hover {
	border-bottom-style: none;
}
.link_on_img a:visited {
	border-bottom-style: none;
}

@media print {
#navbar {display:none; }
}