/* Black gold! Texas tea! */

/*

------------------------------------------------------
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.
------------------------------------------------------

*/

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
color: black;
border-top: 25px #FFCC33 solid;
}

.printPage{
margin:0;
padding:30px 0;
font-size: 1.2em;
color:#003C6E;
background:#ffffff;
}

/* The brown stripes on the right hand side are attached to this. */

#container1 {
background-image: url(images/container1_purple_bg.gif);
background-repeat: repeat;
}

/* The large image on the left hand side is attached to this. */

#container2 {
background-image: url(images/container2_purple_2_logo_bg.gif);
background-repeat: no-repeat;
background-position: top left;
}

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

#main-title {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-top: 17px;
padding-bottom: 17px;
padding-left: 25px;
padding-right: 0;
font-weight: bold;
font-size: .8em;
background-color: #003061;
color: #d6cdc3;
border-bottom: 2px #FFCC33 solid;
}

/* Heading level 1 is not contained in main-text. */

h1 {
margin-top: 0;
margin-bottom: 0;
margin-left: 230px;
margin-right: 50px;
font-size: 1em;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 10px;
padding-right: 0;
font-weight: bold;
background-color: #669966;
border-left: 2px #FFCC33 solid;
border-right: 2px #FFCC33 solid;
color: #ebe8e6;
}


/* Styles for the main text on the page. */

#main-text {
margin-top: 0;
margin-bottom: 0;
margin-left: 230px;
margin-right: 50px;
background-color: #ebe8e6;
border-left: 2px #FFCC33 solid;
padding: 10px;
border-right: 2px #FFCC33 solid;
color: #504339;
}

td.textLayoutBold
{
    border: solid 1px #369;
    font-weight: bold;
}

td.textLayout
{
    border: solid 1px #369;
}

td.formLabel
{
    font-weight: bold;
    text-align: right;
}

td.formLabelTop
{
    font-weight: bold;
    text-align: right;
    vertical-align: top;
}

td.formLabelHeaderBG
{
    font-weight: bold;
    text-align: left;
    background-color: #CCCCCC;
}

td.formLabelHeader
{
    font-weight: bold;
    text-align: left;
    
}

td.grid
{
	border: solid 1px #369;
}


p, ul, ol, table {
font-size: .7em;
line-height: 1.9em;
margin: 0;
margin-left: 15px;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
border-left: dotted 2px #33CCCC;
}

p.insideTableCell
{
	font-size: 1em;
}

ul.insideTableCell
{
	font-size: 1em;
}

table.insideTableCell
{
	font-size: 1em;
}

.tableReset
{
	font-size: 1em;
	border-left: none;
}

.leftBorderSolid
{
	border-left: solid 1px #9DC6E4;
}

.leftBorder 
{
	
	border-bottom: solid 1px #33CCCC;
}

.indented 
{
	margin-left: 20px;
}

.noLeftBorder 
{
	border-left: none;
}

.messageBox 
{
	border: solid 1px #CCCCCC;
}

ol, ul {
margin-left: 25px;
border-left: none;
}

h2 {
padding: 0;
font-size: .8em;
color: #9f8b75;
font-weight: bold;
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
}

a:link, a:visited {
text-decoration: none;
font-weight: bold;
color: #504339;
border-bottom: 1px #e00000 dotted;
}

a:hover {
text-decoration: none;
font-weight: bold;
color: #e00000;
}

/* Styles for the navbar on the left side. This has abackground image. */

#left-menu {
position: absolute;
top: 260px;
left: 0;
width: 230px;
text-align: right;
border-top: 2px #FFCC33 solid;
border-bottom: 2px #FFCC33 solid;
background-image: url(images/left_menu_purple_2_bg-400.gif);
background-position: top right;
background-repeat: no-repeat; 

}

#left-menu p {
padding-right: 20px;
margin-bottom: 5px;
padding-bottom: 0;
padding-top: 0;
font-size: .8em;
}

#left-menu a:link, #left-menu a:visited {
color: #504339;
border: none;
}

#left-menu a:hover, #left-menu a.current {
color: #ECE8E8;
}

#left-menu p.subLinks {
padding-right: 20px;
margin-bottom: 5px;
padding-bottom: 0;
padding-top: 0;
font-size: .6em;
}

#left-menu a.subLinks:link, #left-menu a.subLinks:visited {
color: #504339;
border: none;
}

#left-menu a.subLinks:hover {
color: #ECE8E8;
}

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

#footer {
text-align: right;
padding-top: 9px;
padding-bottom: 9px;
font-size: .8em;
background-color: #FFCC33;
color: #003061;
padding-right: 65px;
margin-top: 0;
font-weight: bold;
}

#footer a:link, #footer a:visited {
color: #669966;
border-bottom: none;
}

#footer a:hover {
text-decoration: underline;
color: #003061;
}

#paymentCenter { margin-left: 20px; }
/* Accordion Styles */
.accordionHeader { border: 1px solid #2F4F4F; color: White; background-color: #398AC7; font-family: Verdana, Sans-Serif; font-size: 12px; font-weight: bold; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; margin: 0; cursor: pointer; width: 95%; }
.accordionContent { background-color: #F0F0F0; border-top: none; padding-left: 5px; padding-top: 10px; padding-bottom: 10px; margin: 0; width: 170px; }
a.accordionLink { color: White; font-weight: bold; text-decoration: none; }
a.accordionLink:hover { text-decoration: underline; }
.accordionContent ul { list-style-type: none; margin: 0; padding: 0; }
.accordionContent li.download { background-image: url(images/page.png); background-repeat: no-repeat; background-position: 0 .4em; padding-left: .6em; }
.accordionContent li.link  { background-image: url(images/page_link.png); background-repeat: no-repeat; background-position: 0 .4em; padding-left: .6em; }
.accordionContent a { color: rgb(0,102,204); background-color: transparent; text-decoration: none; margin: 0; padding: 0.25em 1ex 0.25em 5mm; display: block; }
.accordionContent a:hover { text-decoration: underline; }