
/* Stylesheet for Straight Forward Adv. Inc.

Colors - Dark Purple= #323274 Teal=#009CAD New Teal=#1896A9, Dark Gray=#808080, Med Gray=#939598, Light Gray=#CCCCCC
*/


/*** TAGS ***/
body {
	/*background-image: url(images/background.gif);*/
	background-color : #666666;
	color 			: #999999;
	font-size 		: 11pt;
	font-family 	: Arial, Helvetica, sans-serif;
	margin			: 0px 0 0 15px;
}

a {
	color 		: #323274;
	text-decoration : underline;
	font-weight		: bold;
}
a:visited {
	color 			: #009CAD ;
}

a:link { 
	
    color			: #323274; 
	
	}

a:hover {
	
	color 			: #cccccc;
}





h1 { color: #009CAD; 
       font-size: 11pt; 
       font-weight: bold; 
       padding-top: 0;
       padding-bottom: 0;
       text-align: center;
       margin :15px 0 0 0px;
}

h2 { color: #009CAD; 
       font-size: 10pt; 
       font-weight: bold; 
       margin-top: 0px;
       margin-bottom: 2px;
       text-align: left;
      
}


h3 { color: #009CAD; 
       font-size: 12pt; 
       font-weight: bold; 
       padding-top: 0;
       padding-bottom: 3px;
       text-align: center;
       margin :0;
}

h4 { color: #323274; 
       font-size: 11pt; 
       font-weight: bold; 
       margin-top: 0px;
       margin-bottom: 8px;
       text-align: left;
      
}

h5 { color: #323274; 
       font-size: 10pt; 
       font-weight: bold; 
       margin-top: 0px;
       margin-bottom: 8px;
       text-align: left;       
}

h6 { color: #323274; 
       font-size: 10pt; 
       font-weight: bold; 
       margin-top: 0px;
       margin-bottom: 8px;
       text-align: center;       
}

 .hrSolid{ margin:0; padding:0; color:#cccccc;
}

/*** 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;
	font-size: 10pt; 
    font-weight: normal;
    padding:0px;
    margin: 0 0 0px 0; 
    border-right: solid 1px #666666;
    border-bottom: solid 1px #666666;
    border-left: solid 1px #666666;
}


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

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


.headerbar {background-image:url(images/headerBarBG.gif);
/*border: 0 1px 0 1px solid #333366;*/

}


.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: #323274;
}

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

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



.innertable { /*border: 1px solid #CCCCCC;*/
/*background-color: #262451;*/
color: #666666;
font-size: 10pt;
text-align: left;
padding: 0 0 0 10px;
margin: 0 0 0 4px;
}

.innertable a { 
font-size: 10pt;
}

.innertable a:link { color: #323274;
}

.innertable a:visited{ color: #323274;
}
.innertable a:hover{ color: #cccccc;
}

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



.pricetable { border: 1px solid #999999;
background-color: #999999;
color: white;
font-size: 10pt;
padding: 5px;
margin: 0 0 0 4px;
}

.priceheader { border: 1px solid #999999;
background-color: #669999;
color: white;
font-size: 10pt;
padding: 5px;
margin: 0 0 0 4px;
}

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



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





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



/*bottom bar display*/
.bottombar {
      background:url(images/bbBG.gif) no-repeat;
      background-position: right;
      /*background-color: white;*/
      font-size: 8pt; 
      font-weight: normal;
      color: #999999;
}


.bottombarHP {
      background:url(images/bbBG.gif) no-repeat;
      background-position: right;
      font-size: 8pt; 
      font-weight: normal;
      color:  #999999;
      text-align: center;
      height: 40px;
 }


.bottombar {
	/*color 		: #339999;*/
	text-decoration : none;
	font-weight		: normal;
}
.bottombar a { 
font-size: 8pt;
font-weight: normal;
}

.bottombar a:link { color: #999999;
}

.bottombar a:visited{ color: #999999;

}
.bottombar a:hover{ color: #cccccc;
}
	

/* Top Bar Menu tag styles   */


#menu {
margin: 0 0 0 256px;
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 1px;
	text-align: left;
	color: #cccccc;
	font-size: 	9pt;
	font-weight: bold;
}

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

#menu dt a:hover {
text-decoration: none;
color: #009CAD;

}


.HPphoto{
background:url(images/HPphoto.jpg) center no-repeat;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight: normal;
color: #333366;

}



/* This is a solid border table on the cells*/

#photo td { border: 1px solid #CCCCCC;

}

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

#white img{ border: none;

}



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

}


.TYphoto{
background:url(images/thankYouBG.jpg) no-repeat;

}

.head2{
color: red;
font-size: 14pt;

}

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

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

