/* Set base values on the body for a variety of properties. */
body {
	margin: 0; /* Gets rid of default margin on body that most browsers add. */
	padding: 0; /* Sets blue and white background image and positions its 20 percent spot 20 percent across the page. Also sets backup color in case image is not available. */
	color: #1C306B; /* Sets default color of text. */
	font-family: Arial, Helvetica, sans-serif; /* Sets default font family options. */
	font-size: 100.01%; /* Sets default font size. This odd value compensates for several browser bugs. First, setting a default font size in percent (instead of em) eliminates an WinIE problem with growing or shrinking fonts out of proportion if they are later set in ems in other elements. Additionally, some versions of Opera will draw a default font-size of 100% too small compared to other browsers. Safari, on the other hand, has a problem with a font-size of 101%. Current "best" suggestion is to use the 100.01% value for this property. */
	background-color: #FFFFFF;
	background-position: 20% 0;
	background-image: url(images/bg1.gif);
	}
*
{outline:none;}

/* Needed for the second background image to be placed on. */
#wrapper-outer {
	background-position: 20% 0;
	}
.imgText {
	padding-bottom: 20px;
}

#header {
	position: relative; /* This makes #mainnav base its position off #header because absolutely positioned elements base their position off their nearest postiioned ancestor. */
	width: 100%;
	/*border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #000000;*/
	background-image: url(bg2.png);
	background-position: right;
	background-color: #FFFFFF;
	}

/* Needed to hold link to main content in compliance with Section 508, rule o. */
#skipnav {
	position: absolute; /* Sets the div to be positioned in a precise spot in relation to its nearest postioned ancestor, #header. Also removes it from the flow, so it will not make the header expand. */
	top: 0; /* Places the div at the top of #header. */
	left: 0; /* Places the div at the left side of #header. */
	margin-left: -1000px; /* Moves the div off the left side of the screen, making it invisible to those using visual browsers but accessible to those using screen readers and other user agents. */
	}

#logo {
	width: 20%; /* Sets width of div logo will sit in to 20 percent, the same width of the left column below. */
	text-align: center; /* Makes the logo image within the div centered horizontally. */
	}

/* Applied directly to ul element to create the main nav bar. */
#mainnav {
	position: absolute; /* Sets the nav bar to be positioned in a precise spot in relation to its nearest postioned ancestor, #header. */
	bottom: 0; /* Makes the nav bar stick to the bottom of the header area, no matter what the font size. */
	right: 16px; /* See note above. Also, zero values get rid of default margin that unordered lists have. */
	width: 80%; /* Sets background image and tiles it horizontally. Also sets a backup background color. */
	list-style: none; /* Removes list markers. */
	font-size: 0.10em;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFCC33;
	border-left-color: #FFCC33;
	margin-top: 0;
	margin-right: -16px;
	margin-bottom: 0;
	margin-left: 0;
	padding: 2.5em 0 2.5em 0;
	/*padding-top: 0.3em;
	padding-right: 0;
	padding-bottom: 0.3em;
	padding-left: 0; */
	}

/* The following selector resets the padding on the unordered list to zero because WinIE5 mistakenly expands the list too greatly. The second rule in the selector then resets the padding to the correct value so that WinIE6 gets the value it needs. WinIE5 cannot read this rule because of the backslash that is in it. */
/* These comments were not placed within the following selector because that would break the hack that keeps MacIE from reading the rules. */
/* Hide from MacIE. Only WinIE sees this. \*/
* html #mainnav {
	padding: 0;
	padding: .5em 0;
	}
/* end hide */

#mainnav li {
	display: inline;  /* Sets the border that appears to the right of each list item. */
	padding: .5em .5em .5em; /* Sets the space between the words of each list item and its borders. */
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	}

* html #mainnav li {
	height: 1%; /* WinIE5 needs this to show the padding and borders on the buttons. IE incorrectly expands blocks to hold their content, so it will not actually display at 1 percent height. This rule is hidden from non-IE browsers by setting "* html" at the beginning. */
	}

#mainnav a {
	color: #FFFFFF; /* Sets the color of the links in the nav bar to navy blue. */
	text-decoration: none; /* Removes the underline from the links. */
	font-weight: bold; /* Sets the link text to bold. */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right: 10px;
	padding-left: 10px;
	}

#mainnav a:hover {
	text-decoration: none;
	color: #5C0F1B;
	font-size: 11px;
	background-color: #FFFFCC;
	}

/* Needed for the third background image to the be placed on. Does not wrap around header div since its background image, a vertical line simulating a border, should not appear through the header */
#wrapper-inner {
	background: url(images/bg3.gif) 20% 0; /* Sets the background image and positions its 20 percent spot 20 percent across the div. This image creates the navy blue divider line between the left and center columns. */
	position: relative; /* Makes footer relative to it in WinIE. */
	width: 100%; /* Needed to keep right column from disappearing in WinIE. */
	margin-top: 0px; /* Sets thin top border. */
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFCC33;
	padding-bottom: 40px;
	}

/* Wraps around left col, #secnav, and center column, #contentwrapper. */
#floatwrapper {
	float: left; /* Moves div to the left, creating a large column to the left of #features that will then be further divided. */
	width: 70%; /* Sets width to 80 percent of the window. */
	position: relative; /* Because of MacIE's faulty positioning and float models, all floated objects will overlap the background and borders of the fixed footer. Adding position: relative and a smaller z-index than the footer to all the floats fixes this. */
	z-index: 100; /* See note above. */
	}

/* Forms the right column within #floatwrapper. Wraps around #content so that #content can have margins applied so its text won't butt up against the adjacent columns. If padding were used to do this, it would throw the widths off and cause content to not fit on screen. */
#contentwrapper {
	width: 74%; /* Sets width to 74 percent of #floatwrapper. This width was chosen because the secondary nav column needs to be set at 25 percent, because 25 percent of 80 percent (the width of #floatwrapper) is 20 percent, the width we want the left column to take up in relation to the window. That leaves 75 percent for this column, but rounding errors and browser miscalculations can make either column slightly too big. Setting it to a lower number so the total combined widths are less than 100 percent keeps these errors from throwing off the design. */
	position: relative; /* Because of MacIE's faulty positioning and float models, all floated objects will overlap the background and borders of the fixed footer. Adding position: relative and a smaller z-index than the footer to all the floats fixes this. */
	z-index: 100;
	float: right;
	}
	#contentwrapper1 {
	width: 74%; /* Sets width to 74 percent of #floatwrapper. This width was chosen because the secondary nav column needs to be set at 25 percent, because 25 percent of 80 percent (the width of #floatwrapper) is 20 percent, the width we want the left column to take up in relation to the window. That leaves 75 percent for this column, but rounding errors and browser miscalculations can make either column slightly too big. Setting it to a lower number so the total combined widths are less than 100 percent keeps these errors from throwing off the design. */
	position: relative; /* Because of MacIE's faulty positioning and float models, all floated objects will overlap the background and borders of the fixed footer. Adding position: relative and a smaller z-index than the footer to all the floats fixes this. */
	z-index: 100;
	float: right;
	}

#content {
	margin-top: 1.5em;
	margin-right: 0;
	margin-bottom: 20px;
	padding-left: 40px;
	}

/* Left column for the secondary navigation. */
#secnav {
	float: right; /* Moves column to the left of #contentwrapper. */
	width: 25%; /* Sets space between top of div and where text starts displaying. */
	font-size: 12px; /* Sets font smaller than default body size. */
	position: relative; /* Because of MacIE's faulty positioning and float models, all floated objects will overlap the background and borders of the fixed footer. Adding position: relative and a smaller z-index than the footer to all the floats fixes this. */
	z-index: 100; /* See note above. */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	text-align: right;
	}
#secnav p {
	padding-right: 10px;
	padding-top: 3px;	
	}

#secnav ul {
	margin: 0; /* Removes default margin. */
	padding: 0; /* Removes default padding. */
	list-style: none; /* Removes list markers. */
	text-align: right;
	}

#secnav li {
	display: inline;
	}

#secnav a {
	display: block; /* Makes anchor fill up entire list item so that list items will not display horizontally, as they would otherwise because of the display: inline set above. */
	margin-bottom: 0.08em; /* Sets space between list items. */
	padding-right: 13px; /* Moves text over from the right so that image that shows on roll over has room to display. */
	color: #FFFFFF; /* Sets color of link text to navy blue. */
	text-decoration: none; /* Removes underline on links. */
	font-weight: bold;
	padding-top: 3px;
	border-bottom-width: 1px;
	border-bottom-style: ridge;
	border-bottom-color: #FFCC33;
	padding-bottom: 3px;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

#secnav a:hover {
	background-color: #FFFFCC;
	background-image: url(secnav-bullet.png);
	background-repeat: no-repeat;
	background-position: right;
	color: #5C0F1B;
	}

/* Right column for feature items, news, etc. */
#features {
	float: right;
	width: 185px;
	margin-top: 1.5em;
	font-size: 0.8em;
	position: relative;
	z-index: 100;
	margin-right: 1.5em;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFCC33;
	background-color: #681522;
	color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFCC33;
	margin-left: 20px;
	left: -35px;
	height: 665px;
	top: 14px;



	}
#features h2 {
	margin: 0 0 0.5em 0; /* Sets space beneath header text. */
	padding: 4px; /* Sets background image and tiles it horizontally. Also sets backup background color. */
	font-size: 1.3em; /* Sets font size larger than default. */
	background-color: #000000;
	background-image: url(../images/feature-header-bg.jpg);
	background-repeat: repeat-x;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFCC33;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFCC33;
	}
.featuresimg {
	float: left;
	padding-right: 5px;
	padding-left: 5px;
}

* html #features h2 {
	width: 100%; /* WinIE wants a dimension in order to show the background. Hidden from non-IE browsers because it causes a persistant horizontal scroll in them. */
	}

/* Used to group each feature item in the column. */
#features div {
	margin: 0 0 1em 0; /* Spaces each box in features column out from one another */
	}

#features p {
	margin: 0.5em 0.5em 0 0.5em; /* Spaces paragraphs away from the sides of the column and the headers. */
	padding-bottom: 1em; /* Spaces paragraphs away from one another using padding instead of margin because bottom margin will collapse outside the box but padding will not. */
	}

/* Creates footer that is fixed at the bottom of the window in standard compliant browsers and pinned to the bottom of the page in WinIE. */
#footer {
	position: fixed; /* Fixes footer in relation to the window so it always appears on screen and other content scrolls behind it */
	bottom: -4px; /* Sets footer to appear at bottom of screen. */
	left: 0; /* Sets footer to appear at left side of screen. Needed for WinIE to position correctly. */
	width: 100%; /* Sets background color to white. */
	color: #FFFFFF; /* Sets color of text to green. Since the only text in the current design are the pipes between the links, this makes the navy blue links stand out. */
	z-index: 100000000; /* Because of MacIE's faulty positioning and float models, all floated objects will overlap the background and borders of the fixed footer. Adding a really high z-index to the footer, plus lower z-index and position: relative to all the floats, fixes this. */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	background-color: #681522;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #000000;*/
	}

/* The following selector sets the footer to absolute instead of fixed in WinIE because WinIE does not support position: fixed. Setting it to absolute means it will display at the bottom of the page instead of the bottom of the window. */
/* The margin rule below gets rid of a one pixel gap below footer in WinIE. */
/* Hide from MacIE. Only WinIE sees this. \*/
* html #footer {
	position: absolute;
	margin-bottom: -1px;
	height: 82px;
	}
/* End hide from MacIE. */

/* Image is placed outside of footer div to avoid a gap it creates beneath the footer in WinIE. */
#footerimage {
	position: fixed; /* Opera does not display the image if set to position: absolute, so fixed is used instead. This rule is hidden from WinIE because it does not support fixed positioning, and thus needs the absolute to pin the image correctly. */
	bottom: 0; /* Makes the image stick to the bottom of the page, no matter what the font size. */
	left: 0; /* Makes the image stick to the left of the footer. */
	margin-top: -190px; /* Moves the top of the image outside the top edge of its container, #footer. */
	z-index: 1000000000;
	}

/* The following selector sets the footer to absolute instead of fixed in WinIE because WinIE does not support position: fixed. Setting it to absolute means it will display at the bottom of the page instead of the bottom of the window. */
/* Hide from MacIE. Only WinIE sees this. \*/
* html #footerimage {
	position: absolute;
	height: 58px;
	}
/* End hide from MacIE. */

#footer ul {
	margin: 5px 0 0 0; /* Sets space between thin top border on list and thick top border on footer as a whole. */
	padding: 0.8em 0 1em 192px; /* Sets top border. */
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFCC33;
	}

#footer li {
	display: inline; /* Makes list items display horizontally */
	}

#footer a {
	margin: 0 0.2em; /* Sets spacing between links and pipe separators */
	font-size: 0.9em; /* Sets font size smaller for the links so the pipes are larger in comparison, making the separators more apparent. */
	color: #FFFFFF;
	text-decoration:underline;
	}
	
#footer a:hover {
	margin: 0 0.2em; /* Sets spacing between links and pipe separators */
	font-size: 0.9em; /* Sets font size smaller for the links so the pipes are larger in comparison, making the separators more apparent. */
	color: #FFFFFF;
	text-decoration: none;
	}


/* CLEARING FLOATS -------------------------------------------------------------------------------------------------------------- */
/* The following selectors keep floats from overflowing out of their parent elements. This is done by generating a character within the parent but after the float, so that the parent must expand to hold the generated character, appearing to contain the floats in the process. */
.clearfix:after {
	content: "."; /* This dot is the actual content that will be appended to the end any div this class is applied to. */
	clear: both; /* Makes the generated content appear after the floats. */
	height: 0; /* Sets its height to zero so it doesn't show. */
	visibility: hidden; /* Sets its visibility to hidden so it doesn't show. */
	display: block;
}
 
.clearfix {
	display: inline-block;
	}

/* The first selector below makes it work in WinIE. WinIE does not support generated content, but will automatically contain a float if the container has a width or height assigned. "height: 1%" can be used because WinIE will not honor this height and will expand the div to whatever height necessary to show the content. */
/* The second selector below overwrites the inline-block display used to help MacIE. */
/* Hides from MacIE \*/
* html .clearfix {
	height: 1%;
	}
.clearfix {
	display: block;
	}
/* End hide from MacIE */


/* HEADINGS --------------------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif; /* Sets default font family options of headers */
	}

h1 {
	margin: 0 0 1.2em 0; /* Sets spacing between heading text and text above or below */
	font-size: 1.4em; /* Sets font size larger than default */
	}

h2 {
	margin: 1.2em 0 1em 0;
	font-size: medium;
	color: #660000;
	text-decoration: underline;
	font-style: italic;
	text-transform: capitalize;



	}

h3 {
	margin: 1.2em 0 0.5em 0; /* Sets spacing between heading text and text above or below */
	font-size: 1.1em; /* Sets font size larger than default */
	}

h4 {
	margin: 0; /* Sets spacing between heading text and text above or below */
	font-size: 1em; /* Sets font size at same size as default */
	}

h5 {
	margin: 0; /* Sets spacing between heading text and text above or below */
	font-family: Arial, Helvetica, sans-serif; /* Sets font family options */
	font-size: 1em; /* Sets font size at same size as default */
	}

h6 {
	margin: 0; /* Sets spacing between heading text and text above or below */
	font-family: Arial, Helvetica, sans-serif; /* Sets font family options */
	font-size: 0.9em; /* Sets font size smaller than default */
	}

p {
	margin-top: 0; /* Removes top margin on paragraphs so they can sit up against their headings where applicable. Paragraphs are still spaced out from one another through their bottom margins, which have not been removed. */
	}


/* LINKS ------------------------------------------------------------------------------------------------------------------------ */
a:link {
	color: #000066; /* Sets default link color */
	}
a:visited {
	color: #333333; /* Sets default link color on visited links */
	}
a:hover {
	color: #003399; /* Sets default link color while rolling over links */
	}
a:active {
	color: #abd3e9; /* Sets default link color when links are active */
	}
a img {
	border: none; /* Removes border that appears around an image when it is nested inside an anchor, such as the logo image */
	}


/* IMAGES IN CONTENT DIV -------------------------------------------------------------------------------------------------------- */
.left {
	float: left; /* Moves the image to the left and makes the text flow around its right. */
	border: 1px solid #1c306b; /* Sets border around image. */
	margin: 5px 10px 0 0; /* Sets space between image and text. The top margin aligns the image with the top of the p element. */
	position: relative; /* Because of MacIE's faulty positioning and float models, all floated objects will overlap the background and borders of the fixed footer. Adding position: relative and a smaller z-index than the footer to all the floats fixes this. */
	z-index: 200; /* See note above. */
	}

.right {
	float: right; /* Moves the image to the right and makes the text flow around its left. */
	border: 1px solid #1c306b; /* Sets border around image. */
	margin: 5px 10px 0 10px; /* Sets space between image and text. The top margin aligns the image with the top of the p element. */
	position: relative; /* Because of MacIE's faulty positioning and float models, all floated objects will overlap the background and borders of the fixed footer. Adding position: relative and a smaller z-index than the footer to all the floats fixes this. */
	z-index: 200; /* See note above. */
	}

/* FORMS ------------------------------------------------------------------------------------------------------------------------ */
form {
	font-size: 0.9em;
	}

/* Groups related questions together. */
fieldset {
	padding: 1em; /* Sets space within fieldset so content within doesn't touch its borders. */
	border: 1px solid #eef6fb;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
	}

/* Labels what its fieldset is about. */
legend {
	padding: 0.2em 0.4em; /* Sets space between text of legend and its edges. */
	border: 1px solid #FFCC33; /* Sets background color. */
	font-family: Georgia, "Times New Roman", Times, serif; /* Sets font family options. */
	font-weight: bold; /* Makes text bold. */
	background-color: #681522;
	color: #FFFFFF;
	}

/* Used to create questions - a label-input pair or, in the case of checkboxes and radio buttons, several label-input pairs that are related. */
form div {
	width: 10em; /* Sets space between label-input pairs */
	position: relative; /* Because of MacIE's faulty positioning and float models, all floated objects will overlap the background and borders of the fixed footer. Adding position: relative and a smaller z-index than the footer to all the floats fixes this. */
	z-index: 200; /* See note above. */
	padding: 5px;
	margin-top: 0.5em;
	margin-right: 1em;
	margin-bottom: 0.5em;
	margin-left: 0;
	}

label {
	font-weight: bold;
	display: block;
	}
	
/* Used on divs which contain more than one label-input pairs, or in other words, questions with checkboxes or radio buttons. */
.multiple {
	width: 580px; /* Sets width back to auto so that it can expand to the width it needs to accommodate its content, instead of 10em set above. */
	}

.multiple label {
	display: inline; /* Sets labels to display next to their inputs, rather than below, since labels for checkboxes and radio buttons should display right next to their buttons. */
	}

input, textarea {
	border: 1px solid #1c306b;
	background-color: #CCCCCC;
	}

/* Keeps IE from displaying background around checkboxes and radio buttons. */
.multiple input {
	border: none; /* Removes border set above. */
	background: none; /* Removes background set above. */
	}

/* Paragraphs may be used in the form to head a number of checkbox-label pairs, for instance. This selector controls how they are formatted. */
form p {
	margin: 0.8em 0 0.2em 0; /* Sets spacing between paragraphs and adjacent content. */
	}
#body links {
	border: 1px solid #000000;
	float: right;
	background-color: #FFFFFF;
	padding: 5px;
	margin: 10px;
	position: relative;
	z-index: 100;
}
iframe {
	height: 250px;
	width: 375px;
	border: 1px solid #222222;
	background-color: #FFFFFF;
	margin-top: 5px;
	margin-bottom: 20px;
	}
	#box {
	width: 100%;
}
#newfeatures {
	float: right; /* Moves column to right side of window across from #floatwrapper. */
	width: 200px; /* Set to 16 percent instead of 20 left over after the 80 percent taken by #floatwrapper to give browsers extra room for rounding errors, etc. Setting this to a larger value causes WinIE to drop the right column at smaller window sizes. */
	margin-top: 80px; /* Sets bottom border. */
	font-size: 0.8em; /* Sets font size smaller than default. */
	position: relative; /* Because of MacIE's faulty positioning and float models, all floated objects will overlap the background and borders of the fixed footer. Adding position: relative and a smaller z-index than the footer to all the floats fixes this. */
	z-index: 100;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFCC33;
	background-color: #000000;
	color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFCC33;
	margin-right: 20px;
	}
#newfeatures a {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #681522;
	margin-bottom: 5px;
	margin-top: 5px;
}
	#newfeatures h2 {
	padding: 4px; /* Sets background image and tiles it horizontally. Also sets backup background color. */
	font-size: 1.5em;
	color: #FFCC33;
	margin-top: 0;
	margin-bottom: 0.5em;
	margin-left: 10px;
	}
.newfeaturesimg {
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFCC33;
}


#newfooter p {
	font-size: 0.9em;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 50px;
	text-align: left;
	color: #222222;
}

* html #newfeatures h2 {
	width: 100%; /* WinIE wants a dimension in order to show the background. Hidden from non-IE browsers because it causes a persistant horizontal scroll in them. */
	}

/* Used to group each feature item in the column. */
#newfeatures div {
	margin: 0 0 1em 0; /* Spaces each box in features column out from one another */
	}

#newfeatures p {
	margin: 0.5em 0.5em 0 0.5em; /* Spaces paragraphs away from the sides of the column and the headers. */
	padding-bottom: 1em; /* Spaces paragraphs away from one another using padding instead of margin because bottom margin will collapse outside the box but padding will not. */
	}
#content p {
	padding-bottom: 5px;
}
#newfooter {
	position: relative; /* Fixes footer in relation to the window so it always appears on screen and other content scrolls behind it */
	bottom: -4px; /* Sets footer to appear at bottom of screen. */
	left: 0; /* Sets footer to appear at left side of screen. Needed for WinIE to position correctly. */
	width: 80%; /* Sets background color to white. */
	color: #FFFFFF; /* Because of MacIE's faulty positioning and float models, all floated objects will overlap the background and borders of the fixed footer. Adding a really high z-index to the footer, plus lower z-index and position: relative to all the floats, fixes this. */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: right;
	padding-bottom: 10px;
	}
* html #newfooter {
	position: absolute;
	margin-bottom: -1px;
	height: 82px;
	}
	#newfooter ul {
	margin: 5px 0 0 0; /* Sets space between thin top border on list and thick top border on footer as a whole. */
	padding: 0.8em 0 1em 192px; /* Sets top border. */
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFCC33;
	}

#newfooter li {
	text-align: center;
	}

#newfooter a {
	margin: 0 0.2em; /* Sets spacing between links and pipe separators */
	font-size: 0.9em; /* Sets font size smaller for the links so the pipes are larger in comparison, making the separators more apparent. */
	color: #681522;
	text-decoration: underline;
	}
	
#newfooter a:hover {
	margin: 0 0.2em; /* Sets spacing between links and pipe separators */
	font-size: 0.9em; /* Sets font size smaller for the links so the pipes are larger in comparison, making the separators more apparent. */
	color: #681523;
	text-decoration: none;
	}