/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Cartweaver 2 CSS HTML Styles */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body, td, th, p {
	font-family: "Bradley Hand ITC", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

hr {
	color: #76685D;
	height: 1px;
	width: 90%;
}

h1 {
	font-size: x-large;
	margin: 0px;
	border-bottom:3px double #8CA26B;
}

h2 {
	font-size: 18px;
}

/*Form Elements*/
form {
	margin: 0px;
}

input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 11px;
	color: #425929;
	border: 1px inset #A1978F;
}

/* Custom styles */
.TopBanner {
font-family: Bradley Hand ITC; /* Font Face */
font-size: 30pt; /* Font Size */
color: #400080; /* Font Color */
font-weight: Bold; /* Font Style */
text-decoration: none;
font-style: normal; /* FontStyle */
background-color: #FFFFFF; /* Background color */
text-align: Left; /* Align Text */
}

.Content {
font-family: Comic Sans MS; /* Font Face */
font-size: 9pt; /* Font Size */
font-weight: Normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
text-align: Left; /* Align Text */
}

.ContentTableHeader {
font-family: Bradley Hand ITC; /* Font Face */
font-size: large; /* Heading Font Size */
font-weight: Bold; /* Heading Font Style */
font-style: normal; /* Heading FontStyle */
text-decoration: none; /* Heading Font Style */
text-align: Left; /* Align Text */
}

.ContentTable {
background-color: #E7E3D7;
}

.ContentTableHorizontal {
background-color: #E7E3D7;
}

.LeftColumn {
font-family: "Bradley Hand ITC"; /* Font Face */
font-size: 16px; /* Font Size */
color: #E7E3D7; /* Font Color */
font-weight: normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
background-color: #400080; /* Background color */
text-align: left; /* Align Text */
vertical-align: top; /* Align Text */
width: 18%;}

.RightColumn {
font-family: "Bradley Hand ITC"; /* Font Face */
font-size: 10pt; /* Font Size */
color: #FFFFFF; /* Font Color */
font-style: normal; /* Font Style */
font-weight: normal; /* Font Style */
text-decoration: none;
background-color: #400080; /* Background color */
text-align: left; /* Align Text */
vertical-align: top; /* Align Text */
width: 18%;}

.Footer {
font-family: Bradley Hand ITC; /* Font Face */
font-size: 10pt; /* Font Size */
color: #E7E3D7; /* Font Color */
font-weight: Normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
background-color: #400080; /* Background color */
text-align: Center; /* Align Text */
vertical-align: Top; /* Align Text */
}

#sidebar a {
 	color: #FFFFFF;
 	text-decoration: none;
 }
#sidebar a:link, #sidebar a:visited {
 	color: #FFFFFF;
 	text-decoration: none;
 	/*/*/padding: 2px;
 	display: block;
 	width: 160px; /* */
 }
#sidebar a:hover, #sidebar a:active {
 	color: #FFFFFF;
 	border: 2px solid #000;
 	text-decoration: none;
 	/*/*/padding: 2px;
 	display: block;
 	width: 160px; /* */
 }

#sidebarbutton a {
 	/*/*/padding: 2px;
 	display: block;
 	border: 2px dashed #CCC;
 	text-decoration: none;
 	line-height: 1em;
 	width: 160px; /* */
 }
#sidebarbutton a:link, #sidebarbutton a:visited {
 	color: #FFFFFF;
 }
#sidebarbutton a:hover, #sidebarbutton a:active {
 	color: #FFFFFF;
 	background-color: #CC0000;
 	border: 2px solid #000;
 }
#sidebarhighlight a {
 	/*/*/padding: 2px;
 	display: block;
 	text-decoration: none;
 	line-height: 1em;
 	width: 160px; /* */

 }
#sidebarhighlight a:link, #sidebarhighlight a:visited {
 	color: #FFFFFF;
 }
#sidebarhighlight a:hover, #sidebarhighlight a:active {
 	color: #FFFFFF;
 	background-color: #CC0000;
 }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Cartweaver 2 CSS Classes */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
NOTE: All styles below are specific to Cartweaver 2.
You may use the CSS above, or remove it and attach
your own CSS file in addition to cartweaver.css
*/

/*Form Styles*/
input.formCheckbox {
	border: none;
	background: transparent;
}

input.formButton {
	background: #425929;
/*/*/

	border-bottom: 1px solid #688C40;
	border-left: 1px solid #688C40;
	border-right: 1px solid #141C0D;
	border-top: 1px solid #141C0D;
/* */
	color: #FFFFFF;
	font-weight: bold;
	margin: 3px 3px 0px 3px;
}
 
#darkbackground a:link {
 color: #FFFFFF;
 text-decoration: none;
}

#darkbackground a:visited, a.nav:visited {
 color: #FFCC00;
 text-decoration: none;
}

#darkbackground a:active, a:hover, a.hidden:hover, a.nav:link {
 color: #CCFFCC;
 text-decoration: none;
}

#darkbackground a.hidden, a.hidden:visited, a.hidden:active {
 color: #000000;
 text-decoration: none;
}

/* Tables used to display tabular Data. */
/* Apply to <table> tags only. 
Example: <table class="tabulardata">*/
table.tabularData, table.tabularData td, table.tabularData th {
	border: 1px solid #76685D;
	border-collapse: collapse;
}
table.tabularData td, table.tabularData th{
	padding: 3px;
}

A.lightbg:link {color: black;
text-decoration: none}

A.lightbg:visited {color: black;
text-decoration: none}

A.lightbg:active {color: black;
text-decoration: none}

A.lightbg:hover {color: black;
text-decoration: underline}

A.darkbg:link {color: white;
text-decoration: none}

A.darkbg:visited {color: white;
text-decoration: none}

A.darkbg:active {color: white;
text-decoration: none}

A.darkbg:hover {color: white;
text-decoration: underline}

/* altrowEven & altrowOdd are used to style alternating table rows. */
.altRowEven {
	background-color: #E7E3D7;
	color: #000000;
}

.altRowOdd{
	background-color: #DFDBD9;
	color: #000000;
}

.smallprint {
	font: 10px;
}

.pagingLinks {
	text-align: center;
}

.errorMessage {
	color: #993333;
	font-weight: bold;
}
