/* Where all the lights are bright */

/* Has the background image for the diagonal stripes on the right. */

html {
background-image: url(images/bg.gif);
background-repeat: repeat;
background-position: left right;
width: 780px;}

/* Has the background image for the diagonal stripes on the left. */

body {
margin: 0;
font-family: sans-serif;
background-image: url(images/bg.gif);
background-repeat: repeat;
color: #000000;
position: absolute;
top: +20px;
bottom: +15px;
left: +80px;}

/* Banner across top of page that says the name of the whole site */

#main-title {
margin-bottom: 0;
font-size: .7em;
letter-spacing: 5px;
text-align: right;
margin-top: 0;
font-weight: bold;
background-color: #990000;
color: #ffffff;
border-top: 1px #000000 solid;
width: 780px;
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
height: 10px;
}

/* To create the main image near the top of the page. */

#header-image {
background-color: #336a74;
background-image: url(images/header_image.jpg);
background-repeat: no-repeat;
background-position: center top;
height: 85px;
border-bottom: 10px #ff8000 solid;
width: 780px;
border-right: 1px #000000 solid;
border-left: 1px solid;}

/* For the main navigation bar for the site. */

#navbar {
margin-bottom: 0;
font-size: .65em;
text-align: center;
margin-top: 0;
font-weight: bold;
color: #000000;
word-spacing: 15px;
width: 780px;
height: 37px;
background-image: url(images/bar02.gif);
border-left: 1px solid;
border-right: 1px solid;}



/* For the pullquote or other text directly under the navigation bar. */

#headline {
text-align: left;
background-color: #ffffff;
font-size: .7em;
margin-bottom: 0;
width: 780px;
height: 245px;
max-width: 780px;
line-height: 1.5em;
border-left: 1px #000000 solid;
border-bottom: 1px #000000 dashed;
border-right: 1px #000000 solid;
background-repeat: no-repeat;
 
}

.test {
	color: #000000;
	width: 234px;
	height: 100px;
	padding: 5px;
}



/* For the byline on the pullquote. */

p.byline {
text-align: right;
margin-bottom: 0;
}

h1 {
width: 780px;
max-width: 780px;
color: #000000;
border-bottom: 1px #000000 dashed;
letter-spacing: -0px;
font-weight: bold;
background-color: #ff8000;
margin-bottom: 0;
font-size: .9em;
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
text-indent: 10px;
display: block;
margin: 0em;
padding: 0em;
border-top: 1px #ff8000 solid; }

/* Contains all the main body of text on the page, including the h2 elements. */

#main-text {
width: 780px;
max-width: 780px;
margin-top: 0px;
margin-bottom: 10px;
line-height: 1.5em;
background-color: #EEEEEE;
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
font-size: .8em; }

#main-text p {
text-align: justify;
margin-left: 10px;
margin-right: 10px;
font-size: 1em; }


p, ul, ol, table {
margin-top: 4px;
margin-bottom: 0;
list-style-image: url(images/arrow.gif)
}

ol, ul {
margin-left: 20px;
margin-right: 20px;
font-size: 1.2em; }

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

a:hover {
text-decoration: underline;
}

/* Styles for the footer at the bottom of the page */

#footer {
text-align: center;
margin-bottom: 0;
padding-top: 8px;
padding-bottom: 8px;
font-size: .9em;
margin-top: 20px;
padding-right: 50px;
background-color: #990000;
color: #ffffff;
border-top: 1px #000000 solid;
border-bottom: 1px #000000 solid;
}

#footer a:link, #footer a:visited {
color: #ffffff;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
color: #ffffff;
}
p.indent {
margin-left: 1em;
 }
a img {border: none ; }