/* Where all the lights are bright */

/*

------------------------------------------------------
Copyright Maxine Sherrin, www.westciv.com
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------

*/

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


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

body {
/*background:#dbdbdb;*/
	background-color: #003366;
margin: 0 auto;
text-align:center;
font-family: verdana, arial, helvetica, sans-serif;
color:#424242;
}

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

#wraper {
	text-align:left;
	margin:0 auto;
	width:850px;
	/*max-width:1000px;
min-width:880px;*/
/*background-image: url(images/bg-border.gif);
	background-repeat: repeat-y;*/
	/*The below is a javascript hack to make min-width / max-width work in IE (below 7) 
	width: expression(document.body.clientWidth>1000?'1000px':(document.body.clientWidth<899?'900px':'100%'));*/
}

#container {
margin:0;
padding:0;
background-color: #ffffff;
border-right:#FFCC00 1px solid;
border-bottom:#FFCC00 1px solid;
border-left:#FFCC00 1px solid;
}

/*#container-right {
margin:0 0 0 60px;
padding:0 60px 0 0;
background-image: url(images/right_side.gif);
background-repeat: repeat-y;
background-position: top right;
background-color: #e1ecee;
}*/

/*#empty{
height:100%;
}*/

#main-title {
	margin-bottom: 0;
	font-size: 0.7em;
	letter-spacing: 5px;
	text-align: right;
	margin-top: 0;
	padding-bottom: 8px;
	font-weight: bold;
	padding-top: 8px;
	padding-right: 50px;
	background-color: #003366;
	color: #ffffff;
	border-top: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
}

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

#header-image {
	background-color: #336699;
	background-image: url(images/header_image.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 177px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFCC00;
	border-bottom-color: #FFCC00;
}

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

#navbar {
	margin:0;
	font-weight: bold;
	padding: 0;
	background-color: #003366;
	border-bottom: 2px #FFCC00 solid;
	height:26px;
}

/*#navbar a:link, #navbar a:visited {
color: #ffffff;
word-spacing: none;
}

#navbar a.current {
color: #ff4700;
}

#navbar a:hover {
color: #ff4700;
text-decoration: underline;
}*/

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

#headline {
font-size: .65em;
padding-top: 30px;
text-align: justify;
/*background-color: #e1ecee;*/
padding-left: 100px;
padding-right: 100px;
margin-bottom: 0;
line-height: 1.5em;}

/* For the byline on the pullquote. */

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

h1 {
font-size: 12px;
padding-bottom: 3px;
padding-top: 23px;
padding-left: 50px;
padding-right: 0;
color: #000000;
border-bottom: 1px #FFCC00 solid;
letter-spacing: 5px;
font-weight: normal;
/*background-color: #e1ecee;*/
margin-top: 0;
margin-bottom: 0;
}

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

#main-text {
margin-top: 0;
margin-bottom: 0;
margin-left: 50px;
margin-right: 50px;
font-size: 13px;
line-height: 20px;
/*background-color: #e1ecee;*/
}

#main-text p {
text-align: justify;
margin-left: 50px;
margin-right: 50px;
}

#main-text img {padding:0 14px 6px 0}

#overridepara {
margin:32px 0 0 0;
padding:12px 0 0 0;
text-align:center;
}

#main-table {
margin:0 16px;
font-size: 13px;
line-height: 20px;
/*background-color: #e1ecee;*/
}

#main-table p {
text-align: justify;
margin-left: 50px;
margin-right: 50px;
}

h2 {
padding-bottom: 3px;
padding-right: 0;
color: #000000;
border-bottom: 1px #000000 solid;
letter-spacing: 2px;
font-weight: bold;
font-size: 13px;
margin-top: 0;
padding-top: 10px;
}

p, ul, ol {
margin:17px 0 0 0;
}

td {
padding:2px 3px 1px 3px;
	font-size:11px;
	font-weight:bold;
	border:none;
	height:16px;
}

#main-text li {line-height:20px; padding:0 0 12px 0}

#container ol, ul {
margin-left: 75px;
margin-right: 75px;
}

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

a:hover {
text-decoration: underline;
}

/* Style for the futures Tables */

#futures {font-size:10px}

/* Styles for the form in the contact page */

/* Admin area */

#login {margin:0 40px 0 460px; text-align:right}
#login p {font-size:9px; text-align:right}


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

/* This code is for the positioning of the footer. There is also an IE part in ltie7.css 
html, body { height: 100% }*/

#footer {
	text-align: center;
	margin-bottom: 0;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 0.65em;
	margin-top: 20px;
	padding-right: 50px;
	background-color: #003366;
	color: #ffffff;
	font-weight: bold;
	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;
}