/*=========================================================
Common CSS Used for all except the GRC menuing system which
uses the cssmenu.css style sheet.
=========================================================== */


body {
  margin: 5px;
  padding: 0px;
  text-align:left;          /* forces Text to be left aligned in older browsers */
  border: 0px none;
  background-color:#ffffff;
  background-image: url('../images/starry_bg.gif'); /* background image for window */
  font-style:normal; 
  font-variant:normal; 
  font-weight:normal; 
  line-height:1.0; 
  font-size:12px; 
  font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif; 
}




/* ************* Page container (or wrapper) defaults ************************* */

#container {
  height:auto;
  width:780px;		                	/* set max width of container   */
  min-width:700px;		                /* sets min width of container  */
  margin:0 auto;
  text-align:left;		                             /* left align text */
  voice-family: inherit;
  border: 0px solid navy;	            /* puts border around the container */
  padding: 4px;
  background-image: url('../images/pc-usabackgnd.jpg');
}


html>body #container {
  width: 780px;
}


#header {
  border: 0px solid navy;
  background-image: url(../pictures/header-picture.jpg);
  background-repeat:no-repeat;
  background-color:transparent;
  text-align: left;
  padding: 0px;
  margin: 0px;
  line-height:0;
  width: auto;
  height: auto;
}

#header span {
  display: none;
}

/* ********************
a  {
  text-decoration: none;
  font-weight:600;
  color: blue;
}

a:hover {
  text-decoration: none;
  color: red;
}
********************** */

/* ********************************
styles for main content area 
********************************* */
#content {
  border: 0px solid #242F24;
  margin-right: 0px;
  margin-left: 0px;
  min-height: 50px;
  height: inherit;
  padding: 2px;
  text-align: left;
  vertical-align: top;
  color: black;
  float: center;
}


/*===========content area list items==============*/
/*
#content ul li {
  list-style-image: url('images/mabry-bullet.gif');
  margin: 2px;
  padding: 2px;
  float: left;
}

#content li li {
  list-style-image: url('images/mabry-bullet2.gif');
  padding: 2px 0;
}
*/

/*===========content area paragraph items==============*/

p {
  margin-top:0;
  text-align:justify;
  margin-left:2.5%;
  margin-right:2.5%;
  margin-bottom:0.75%;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:1.0em;
  line-height: 1.2em;
}

p.first-letter {
  font-weight: bold; 
  font-size: 105%;
  color: navy;
}

p.bold {
  font-weight:700;
  color:red;
  margin-bottom:0;
}

p.indent5 {
  text-align:left;
  font-family: verdana, arial, helvetica, sans-serif;
  line-height: 1.1em;
  margin: 5px 5px 5px 5px;
  padding: 0;
}

p.indent10 {
  text-align:left;
  font-family: verdana, arial, helvetica, sans-serif;
  line-height: 1.1em;
  margin: 10px 10px 10px 10px;
  padding: 0;
}

p.center {
  text-align:center;
  font-family: verdana, arial, helvetica, sans-serif;
  line-height: 1.1em;
  margin: 0px 0px 5px 0px;
  padding: 0;
}


/* ***************************************************
Navigation Bar - Right hand side 
**************************************************** */
#rightnav {
	color: #000;
	padding: 5px 0px 0px 0px;
	margin: 0px 5px 0px 0px;
	border: 0px solid #242F24;
	float: right;
	background-color:transparent;
	width: 250px;
}
/*
#rightnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 4px;
}
#rightnav li {
	list-style: none;
	padding: 2px 0;
}
#rightnav ul li {
	text-decoration: none;
	margin-top: 2px;
}
#rightnav ul ul li {
	padding: 3px 0 3px 5px;
	font-size: 80%;
	font-weight: normal;
}
*/
#rightnav p {
	font-size: .8em;
}
/* ***************************************************
Navigation Bar - Left hand side 
**************************************************** */

#leftnav {
	color: #000;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #242F24;
	float: left;
	background-color: transparent;
	width: 150px;
	height: auto;
}
#leftnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 4px;
}
#leftnav li {
	list-style: none;
	padding: 2px 0;
}
#leftnav ul li {
	text-decoration: none;
	margin-top: 2px;
}
#leftnav ul ul li {
	padding: 3px 0 3px 5px;
	font-size: 80%;
	font-weight: normal;
}


/* ***************************************************
Footer block 
**************************************************** */
/*
#footer {
	float: center;
	width:100%;
	height: 45px;
	text-align: center;
	line-height: 11px;
	vertical-align: top;
	border-top-width: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
}
*/

#footer {
	float: center;
	width:100%;
	height: 45px;
	text-align: center;
	line-height: 12px;
	vertical-align: top;
	border-top-width: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #000000; 
	background-color:transparent;
	background-image: url('');
	background-repeat:no-repeat;
	font-size: 12px;
	border-top-style: 0;
	border-top-color: #E5E1D8;
}

#foottl {
	float: left;
	width: auto;
	text-align: left;
	padding-left: 5px;
}
#foottr {
	float: right;
	width: auto;
	text-align: right;
	padding-right: 5px;
}


#footer a:link {
        text-decoration: none;
	color: #BA7D2C;
	border: none;
	font-weight: bold;
}



/* ********************************************

********************************************* */
h1 {
	clear: left;
	padding: 0px 3px 0px 15px;
	margin-top: 5px;
	width: auto;
	border-bottom-width: 5px;
}

.small {
	clear: left;
	padding: 0px 3px 0px 15px;
	margin-top: 5px;
	width: auto;
	border-bottom-width: 5px;
	font-size:2.0em;
	font-weight: bold;
	color: navy;

}

h2 {
	clear: left;
	padding: 0px 3px 0px 15px;
	margin-top: 5px;
	width: auto;
	border-bottom-width: 5px;
}

.small {
	clear: left;
	padding: 0px 3px 0px 15px;
	margin-top: 5px;
	width: auto;
	border-bottom-width: 5px;
	font-size:1.5em;
	font-weight: bold;
	color: navy;

h3 {
	padding: 0px 3px 0px 15px;
	margin-top: 5px;
	width: auto;
	border-bottom-width: 5px;	
	color:green;
}


table {
	margin: 0 0 0 0;
	padding: 2px;
	font-size: 12px/1.5 arial, verdana, helvetica, sans-serif;
	line-height: 1.2em;
	border: 1px;
	text-align:left;
}


.highlightyel {
background-color: #FFFF40;
font-weight: bold;
font-style: italic;
text-decoration : none;
}



a {
  text-decoration: none;
  color: navy;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 10.0pt;
  font-weight: 700;
  text-decoration: none;
}

a:link {
  text-decoration: none;
  color:navy;
}

a:visited {
  text-decoration: none;
  color:navy;
}

a:hover {
  text-decoration: none;
  background-color:#99ccff;
  color:red;
}



.buttonscontainer {width: 120px;}

.buttons a {
width:120px;
color: #0000ff;
background-color: #99ccff;
padding: 2px;
padding-left: 3px;
display: block;
border-left: 10.0pt solid red;
font: 10.0pt Arial, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;
margin-top: 1px;
}

.buttons a:hover {
border-left: 10.0pt solid #0000ff;
text-decoration: none;
color: #0000ff;
}

.buttons a:visited {
text-decoration: none;
color: #0000ff;
}