##################  PAGE THAT DEFINES THE STYLE SHEET ##################
body {
   background: #000000; scrollbar-3d-light-color: #558484; scrollbar-arrow-color: #ffffff; scrollbar-base-color: #558484; scrollbar-dark-shadow-color: Black; scrollbar-face-color: #558484; scrollbar-highlight-color: White; scrollbar-shadow-color: white
}

body {
	background-color: #000000;
	text-decoration:none;
	color: #450102;
	FONT-FAMILY: Verdana,Arial, helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	line-height : 150%;
}

td {
	text-decoration:none;
	color: #450102;
	FONT-FAMILY: Verdana,Arial, helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	line-height : 150%;
}

a:link {
	text-decoration:none;
	FONT-FAMILY: Verdana,Arial, helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	color : #6C9FD1;
}

a:visited {
	text-decoration:none;
	FONT-FAMILY: Verdana,Arial, helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	color : #6C9FD1;
}

a:hover {
	  text-decoration:underline;
	  FONT-FAMILY: Verdana,Arial, helvetica, sans-serif;
	  font-weight:normal;
          font-size:11px;
	  color : #A52129;
}

a:active {
  text-decoration:underline;
  FONT-FAMILY: Verdana,Arial, helvetica, sans-serif;
  font-weight:normal;
  font-size:11px;
  color : #A52129;
}

h1 {
  text-decoration:none;
  color: #450102;
  font-weight:bold;
  font-size:18px;
}

h2 {
  text-decoration:none;
  color: #450102;
  font-weight:bold;
  font-size:20px;
}

h3 {
  text-decoration:none;
  color: #450102;
  font-weight:bold;
  font-size:22px;
}

hr {
 color: #D5E2F0;
 height: 1px;
}


input,textarea {
  border-bottom : 1px solid #450102;
  border-left : 1px solid #450102;
  border-right : 1px solid #450102;
  border-top : 1px solid #450102;	
  font-family : Arial, Helvetica, sans-serif;
  font-size : 11px;
  background-color : White;
  color: #450102;
}

select {
	font-size : 9px;
}
.table_header {
 background-color: #FAFAFA;
 color: #450102;
 font-weight: bold;
 font-size: 11px;
 margin-top: 5px;
 margin-bottom: 5px;
 padding: 0px;
 vertical-align: top;
}

.row_color_1 {
 background-color: #FFFFFF;
 color: black;
 font-weight: normal;
 font-size: 11px;
 margin-top: 5px;
 margin-bottom: 5px;
 padding: 0px;
 vertical-align: top;
}

.row_color_2 {
 background-color: #FAFAFA;
 color: black;
 font-weight: normal;
 font-size: 11px;
 margin-top: 5px;
 margin-bottom: 5px;
 padding: 0px;
 vertical-align: top;
}

.header_caption {
 background-color: #C85528;
 font-size: 12px;
 font-weight:bold;
 color: #000000;
 padding: 1px;
 background: transparent url(images/gradient-NA96B.png) center center repeat-x;
}
.page_heading {
 font-size: 13px;
 font-weight:bold;
 color: #450102;
 padding: 1px;
}
.alert {
 font-size: 13px;
 font-weight:bold;
 color: #ff0000;
 padding: 1px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.squarebutton{
background: transparent url('media/square-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
 font-weight: bold;
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;

}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('media/square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}


 .cssnav
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(media/blockdefault.gif) no-repeat;
white-space: nowrap;
display: block;
width: 211px;
height: 44px;
margin: 0;
padding: 0;
}

.cssnav a
{
display: block;
color: #000000;
font-size: 11px;
width: 211px;
height: 44px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav img
{
width: 211px;
height: 44px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav a:hover img
{
visibility:hidden
}

.cssnav span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}