/* Stylesheet for Progressive Step

Colors -  Purple = #35227B Orange = #F2821F  BG color =#B3AEC7 Menu Grey=#B3B3B3 Background = #B3AEC7
*/


/*** TAGS ***/
body {
	background-color: #666666;
	color 			: #666666;
	font-size 		: 11pt;
	font-family 	: Arial, Helvetica, sans-serif;
	margin			: 0px 0 0 0;
	}

a {
	color 		: #F2821F;
	text-decoration : underline;
	font-weight		: bold;
}
a:visited {
	color 			: #F2821F ;
}

a:link { 
	
    color			: #F2821F; 
	
	}

a:hover {
	
	color 			: #cccccc;
}





h1 { color: #35227B; 
       font-family 	: Arial, Helvetica, sans-serif;
       font-size: 11pt; 
       font-weight: bold; 
       padding-top: 0;
       padding-bottom: 0;
       text-align: left;
       margin :15px 0 0 1px;
}


h2 { color: #35227B; 
       font-size: 10pt; 
       font-weight: bold; 
       padding-top: 0;
       padding-bottom: 3px;
       text-align: left;
       margin :0;
}

h3 { color: #35227B; 
       font-size: 10pt; 
       font-weight: bold; 
       padding-top: 0;
       padding-bottom: 0;
       text-align: left;
       margin :0;
}


 .hrSolid{ margin:0; padding:0; color:#939598; width:100%;

}

/*** CLASSES ***/
/* move me closer*/
.close{
	margin-top		: 0;
}

.caption { font-size: 10pt;
font-weight: bold;

}

.list li {padding:1em 0;

}

/* the containing table - all information is here */
.maintable {
	background-color :white;
	color : #666666;
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
}

.sidebar { background-color: #626466; 
 /*border: 0 0 0 1px solid #333366;*/
}

.fix { margin:0 -2pt;
padding:0
}

.headerbar {background:url(images/topBar.gif) no-repeat white;
width: 900px;
}

.topbar {background-image:url(images/topBarBG.gif);
text-align:center;
background-repeat: repeat-x;
border: 0;
}


/* the main display area*/
#displaytable {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
text-align: left;
background-color: white;
color: #666666;
padding: 0px 15px 0 15px;
}

#displaytable a { 
font-size: 10pt;
}

#displaytable a:link { color: #F2821F ;
}

#displaytable a:visited{ color: #F2821F ;
}
#displaytable a:hover{ color: #cccccc;
}

#displaytable img {padding: 0px;
border: 1px solid #CCCCCC;
margin: 3px; 
}

.innertable { 
font-size: 10pt;
}
.newstable {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
text-align: center;
background-color: white;
color: #666666;
padding: 0;
margin: 0;
}


.content {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
text-align: left;
color: #666666;
padding: 0px 15px 0 15px;
}

.photo img{ border: 1px solid #CCCCCC;
margin: 3px; 
}

/* put noborder within quotes of innertable class*/
.noborder{ border: none;
}

.closer {
	margin-top 		: -2pt;
	margin-bottom	: 0;
}

/*bottom bar display*/
.bottombar {
      background-color: #35227B;
      font-size: 8pt; 
      font-weight: normal;
      color: #999999;
}

.bottombarHP {
      /*background-color: #999999;*/
      font-size: 8pt; 
      font-weight: normal;
      color:  #999999;
      text-align: center;
      height: 40px;
 }


.bottombar {
	/*color 		: #339999;*/
	text-decoration : none;
	font-weight		: normal;
}
.bottombar:visited{
	color 			: #999999;
}

.bottombar:link{ 
	/*background-color : gray;*/
    color			: #999999; 
  }

.bottombar:hover{
	/*background-color : #FF9900;*/
	color 			: #DABF8C;
}

.bottombar:active{  /*339999*/
	/*background-color : black;*/
      color			: gray;
 		
	}
	

/* Top Bar Menu tag styles   */

.menuwrapper{
	text-align:center;
	margin:0 auto;
}
.menuinnerwrapper{
	width:620px;
	text-align:center;
	margin:0 auto;
}

#menu {
margin: 0 0 0 22px;
padding: 0;
}

#menu dl{
	margin: 0 0 0 4px;
	padding: 0 0 0 0px;
	float:left;
}

#menu dt{
	cursor: pointer;
	line-height: normal;
	margin:  0 4px;
	text-align: left;
	color: white;
	font-size: 	9pt;
	font-weight: bold;
}

#menu dt a{
	color: #B3B3B3;
	font-size: 	9pt;
	font-weight: bold;
	text-decoration: none;
}

#menu dt a:hover {
text-decoration: none;
color: #F2821F;
}

.HPphoto{
background:url(images/HPphoto.jpg) no-repeat white;
background-color: white;
background-position: center;
text-align:right;
font-family: Arial, Helvetica, sans-serif;
font-size:16pt;
font-weight: bold;
font-style: italic;
}

.HPphoto2{
background:url(images/HPphoto2.jpg) no-repeat white;
background-color: white;
background-position: center;
text-align:right;
font-family: Arial, Helvetica, sans-serif;
font-size:16pt;
font-weight: bold;
font-style: italic;
}


/*To remove border on photos place in td of photo*/

#white img{ border: none;
}

.contactBGphoto{
background:url(images/contactBG.jpg) no-repeat;
}


.Stripe{
background:url(images/stripe2.gif) repeat-X;
background-position: top center;
text-align:center;
}