/* This single style sheet makes the page look great in all modern browsers,
and decent and readable in Netscape 4.x.  */

/* Rules giving link text default styles. A background-color must be 
declared (when there is a text color declared) for the CSS to validate. */
a:link {
	background-color : transparent;
	color : #CCCCCC;
	text-decoration : none;
}

a:visited {
	background-color : transparent;
	color : #CCCCCC;
	text-decoration : none;
}

a:hover {
	background-color : transparent;
	color : #CCCCCC;
	text-decoration : underline;
}

a:active {
	background-color : transparent;
	color : #CCCCCC;
	text-decoration : none;
}
body {
	background-color : #000000;
	color : #000000;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	margin : 10px;
}

/* Background-color of headings should match 
background color of "#maincontent", unless a band of background
color behind heading text is desired */

/* Margins on headings give them a negative indent
from paragraph text, and a good amount of space
above and below */
h1 {
	background-color : #9E9161;
	color : #000000;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 16px;
	font-weight : bold;
	letter-spacing : 1px;
	margin : 20px 30px 10px 30px;
}

h2 {
	background-color : #9E9161;
	color : #000000;
	font-size : 12px;
	letter-spacing : 1px;
	margin : 25px 30px 0px 50px;
}

h3 {
	background-color : #9E9161;
	color : #000000;
	font-size : 12px;
	margin : 10px 30px 10px 30px;
}

td {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
}

/* td#maincontent p styles all paragraph text which is inside a table cell
which has the ID "maincontent". The central content cell on each page
should have this ID in order to have these styles. */
td#maincontent p {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height : 22px;
	margin-left : 50px;
	margin-right : 50px;
}

/* .box1 and .box2 are applied to the <table> tag, creating
the boxes in the left column. As many or as few as you like may be
stacked up there.  */
.box1 {
	background-color : #D9D3C0;
	color : #000000;
	border: 1px solid #000000;
}

.box2 {
	background-color : #D9D3C0;
	color : #000000;
	border: 1px solid #000000;
}
/* .footer is applied to the <td> at the very bottom, holding copyright info */
.footer {
	background-color : #000000;
	color : #FFFFFF;
	font-size : 10px;
	padding : 5px 0px 15px 0px;
}

/* .largertext can be applied to the <td> of any of the side boxes where
larger text is desired. */
.largertext {
	font-size : 14px;
}

/* Formulas for figuring widths on "buttons". */
/*
In navbar link rules:
Width + 
Left padding +
Right padding +
2 for the left and right border = 
Total width of buttons*/

/* In ".navbar", formula for width property:
Width in navbar link rules +
Left-padding in navbar link rules +
Right-padding in navbar link rules 
MINUS 2 for the left and right border
 */

 /* .navbar is applied to each <td> of the left navigation bar table. This
 applies the styles in .navbar  to the <td>, and also applies the styles in
 each of the .navbar descendent selectors, below, to links inside those
 <td>s. */
.navbar {
	background-color : #D9D3C0;
	border : 2px solid #000000;
	color : #000000;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	letter-spacing : 2px;
	margin-top : 0px;
	width : 196px;
}

.navbar a:link {
	background-color : #D9D3C0;
	color : #000000;
	display : block;
	padding : 2px 0px 2px 10px;
	text-decoration : none;
	width : 186px;
}

.navbar a:visited {
	background-color : #D9D3C0;
	color : #000000;
	display : block;
	padding : 2px 0px 2px 10px;
	text-decoration : none;
	width : 186px;
}

.navbar a:hover {
	background-color : #9E9161;
	color : #FFFFFF;
	text-decoration : none;
}

.navbar a:active {
	background-color : #000000;
	color : #FFFFFF;
	text-decoration : none;
}

/* .smallertext or .smallesttext can be applied to the <td> of the left-hand boxes */
.smallertext {
	font-size : 11px;
	line-height: normal;
}

.smallesttext {
	font-size : 10px;
	line-height: normal;
}

/* stripe1 and stripe2 exist  to create the table-row stripes. A color
is required for validation (when there is a background-color).  */
.stripe1 {
	background-color : #000000;
}

.stripe2 {
	background-color : #000000;
}

/* #headerbox gives the header table its background color. Color is required
(when there is a background-color declared) for validation. */
#headerbox {
	background-color : #697B60;
	color : #000000;
}

/* #header-left gives text in the left-hand cell of the header table 
styling so that a company name or other large text can be placed there. */
#header-left {
	background-color : #697B60;
	color : #E6E6E6;
	font-family : Georgia, "Times New Roman", Times, serif;
	font-size : 20px;
	font-weight : bold;
}

/* #header-right gives text in the right-hand header cell styles appropriate
 for the contact information  */
#header-right {
	background-color : #697B60;
	color : #FFFFFF;
	font-size : 11px;
	text-align: right;
}

/* #maincontent should be applied to the central content <td>. The descendent
selector td#maincontent p (above) styles all paragraph text inside that cell. */
#maincontent {
	background-color : #9E9161;
	color : #000000;
}
.mainborder {
	background-color : #9E9161;
	border: 4px solid #FFFFCC;
}
.botnav {
	color : #FFFFFF;
}
/*unordered List*/
li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height : 22px;
	margin-left : 50px;
	margin-right : 50px;
}

ol { color : #000000 }

ul { color : #000000 }