/* global */
html{height: 100%;}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FF0000;
	text-decoration: underline;
}
font {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #000000;
}
li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0em 0;
	}

.r {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
}

.c
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}
@media screen{
    #crumbtrail {
	margin: 0; padding: 0; list-style: none;
	}
    #crumbtrail li {
	background: url("/images/breadcrumb.gif") 2px 50% no-repeat; 
	display: inline; 
	padding: 0 0 0 11px;
	margin: 0; 
	color: #666666;
	font-size:10px;
	float: right;
	}
    /* #crumbtrail li:before{content:"> ";} */ /* this would work in moz */
}

@media print{ 
    #crumbtrail {display:none;}
}


table { 
margin-left : auto;
margin-right : auto;
}
/* layout */
#container {
    min-height: 100%;
    margin-bottom: -36px;
}
#main
{
	background: #FFFFFF url(images/layout.gif) repeat-y;
	color: #5A6370;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	margin-top:-1em;
	margin-bottom: -36px;
    min-height: 100%;
	overflow: hidden; 
}

#links
{ margin-left: auto; 
  margin-right: auto;
  padding: 10px 21px 0px 19px;
  width: 860px;
  height: 40px;
  font-size:10px;
  text-transform: uppercase;
  background: #000000;
  color: #ffffff;
  border-color: #D7D7D7;
  font-family:Arial, Helvetica, sans-serif;
}
#footer-spacer {
    height: 40;
}

#footer {
  margin-left: auto; 
  margin-right: auto;
  padding: 10px 21px 0px 19px;
  width: 860px;
  height: 70px;
  font-size:10px;
  text-transform: uppercase;
  background: #000000;
  color: #ffffff;
  border-color: #D7D7D7;
  font-family:Arial, Helvetica, sans-serif;
  clear: both; 
}

/* content */

#content
{ margin-left: auto; 
  margin-right: auto;
  margin-top:0;
  width: 900px;
  height: auto;
  padding: 0px;
  overflow: hidden;
} 
#logo
{ background: #FFFFFF url(images/banner01.jpg) no-repeat;
  color: #5A6370;
}

/* column 1 - contains sidebar items */
#column1
{ width: 650px;
  float: right;
    padding: 12px 5px 15px 19px;
}

#column2
{ text-align: justify;
  width: 210px;
  float: left;
  padding: 16px 15px 15px 0px;
}

.white
{	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
}

.dir_head
{ 	color:#000;
	font-size: 13px;
	font-weight: bold;
	font-family:Arial;
	background-color: #CCC;
}

.dir_body1
{ 	color: #000;
	font-size: 12px;
	font-family:Arial;
	background-color: #CCC;
}

.dir_body2
{ 	color: #000;
	font-size: 12px;
	font-family:Arial;
	background-color: #FFF;
}