/*---- body style  ----*/

body {
	background-image: url(images/bg.jpg);
	background-repeat: repeat;
	background-color:#000000;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif}
	
div#pg_container {
	width:960px;
	height:640px;
	margin:0 auto 0 auto;
	padding:0;
	min-height:100%;
	background: url(images/pg_bg.jpg) repeat-y;
	text-align: left;}
	
div#container {
	width:960px;
	margin:0 auto 0 auto;
	padding:0;
	min-height:100%;}
div#base {
	width:960px;
	margin:0 auto 0 auto;
	padding:0;
	background: url(images/base_bg.jpg) ;
	background-repeat: no-repeat;
	min-height:70px;}


/* --- general content style --- */
th, td, p     
  {	font-family: Arial, Helvetica, sans-serif;
	line-height:1.1em;
    font-size:12px;
    color:white}
	
/* --- table cell styles --- */
td.baskets, tr.baskets{
		background:#97A9B5}

td.basketsbr, tr.basketsbr{
		background:#8398A7;
		line-height:10px;}
td.terms, tr.terms{
		background:#DFDCD2}

/*--- images---*/
img {border:0;}


/*--- bullet points---*/
LI {	list-style-image:  url(images/bullet3.gif)}
UL {	list-style-image:  url(images/bullet3.gif)}

/*--- horizontal rule and dashed lines ---*/
hr { 	height: 0px; color: #CCCCCC}
div.footer { border-top: 0.7px dashed #91ADA1;} 
div.nav { border-top: 0.7px dashed #EFEFEF;} 
/*--- headers ---*/
h1 {	 color: red;
		 font: 12px Verdana, Arial, Helvetica, sans-serif;
		 margin-bottom: -2px;
		 font-weight: bold;
		 }
h2 {	 color: red;
		 font: 12px Verdana, Arial, Helvetica, sans-serif;
		 margin-bottom: -2px;
		 font-weight: normal;
		 }
h3 {	 font: 11px Verdana, Arial, Helvetica, sans-serif;
		 font-weight:bold;  
		 color:#33455D;}
h6 {	 color: #33455D;
		 font: 12px Verdana, Arial, Helvetica, sans-serif;
		 margin-bottom: 2px;
		 margin-top: 2px;
		 font-weight: normal;
		 }
h4 {	 background-color: #ADD8E6;
		 color: #256579;
		 font: 12px Verdana, Arial, Helvetica, sans-serif;
		 padding: 2px;}		
h5 {	 font: 18px Verdana, Arial, Helvetica, sans-serif;
		 padding: 2px;
		 border-bottom: 1px solid #aaaaaa;}

/*--- hilites for text and/or headers---*/
.hilite1 {color: #46AA42;
		 font-weight: bold;}
.hilite2 {color: #02366F;
		 font-weight: bold;}
.hilite3 {background-color: #FFFFCC;
		 color: #B22222;}
.phrase {color: #999999;
		 font: 26px Arial;
		 font-weight: none;}

/*--- footer styles for base of pages ---*/

		 
#footer {
	text-decoration: bold;
	font-size: 12px;
	text-align:center;
	color: #FFFFFF;}
#footer2 {
	text-decoration: bold;
	font-size: 12px;
	text-align:left;
	color: #FFFFFF;}
#footer3 {
	text-decoration: bold;
	font-size: 12px;
	text-align:right;
	color: #FFFFFF;}
#footer4 {
	text-decoration: bold;
	font-size: 12px;
	padding: 2px;
	text-align:center;
	color: #ffffff;}
				 
a.footer2 {
		 color: #ffffff;
		 font: Arial, Helvetica, sans-serif;
		 font-size: 12px;
		 font-weight: normal;}
a.footer4 {
		 color: #999999;
		 font: Arial, Helvetica, sans-serif;
		 font-size: 12px;
		 font-weight: bold;}		 
		
/*--- links styles ---*/
A.selector {
display: block;
width: 150px;
text-align: center;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #FFFFFF;
border: none;
border: solid 1px #FFFFFF;
}

A.selector:hover {
border: solid 1px #FFFFFF;
background-color:#3B7BA7;
color: #FFFFFF;
font-weight:bold;
text-decoration: none;
}
.style5 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
A.footerlink:link, A.footerlink:visited, A.footerlink:active    {
		color:#FFFFFF;
        text-decoration:none;
        font-size:12px;
        font-weight: normal;
        font-family: Arial, Helvetica, sans-serif}
A.footerlink:hover     {
		color:#FFFFFF;
        text-decoration:underline;
        font-size:12px;
        font-weight: normal;
        font-family: Arial, Helvetica, sans-serif}	
A.footerlink2:link, A.footerlink2:visited, A.footerlink2:active    {
		color:#FFFFFF;
        text-decoration:none;
        font-size:12px;
        font-weight: normal;
        font-family: Arial, Helvetica, sans-serif}
A.footerlink2:hover     {
		color:#FFFFFF;
        text-decoration:underline;
        font-size:12px;
        font-weight: normal;
        font-family: Arial, Helvetica, sans-serif}					
A.normal:link,  A.normal:visited, A.normal:active  {
		color:red;
        text-decoration:none;
        font-size:12px;
        font-weight:normal;
        font-family: Arial, Helvetica, sans-serif}
A.normal:hover     {
		color:red;
        text-decoration:underline;
        font-size:12px;
        font-weight:normal;
        font-family: Arial, Helvetica, sans-serif}	
		
/* --- form button style ---*/					
INPUT, select, textarea, text 
{
		border: 1px #003399 groove;
		background-color: #FDFDFF; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 12px;
		color: #000000;
		border-color: #000000;
		border-style: solid;
}

/* --- style for boxes e.g <span class="box">box here</span> which can be used as tick boxes, bullet points, etc ---*/
.box {	 color: #333333;
		 font-size: 20px;
		 font-weight: normal;
 		 margin-bottom: -12px;
  		 margin-top: -12px;}