/* ---------------------------------------- 
   WHAT FRIENDS DO STYLESHEET
   ---------------------------------------- 
      Modified by: Greg Polit
Version: v108
Date: 05/14/08
Notes:  coordcolor , hitcounter
  
    Modified by: Greg Polit
Version: v107
Date: 08/18/07
Notes:  lines are top borders now in rnav (quotebox classes)
  
    Modified by: Greg Polit
Version: v106
Date: 08/17/07
Notes:  teamreport class

  
  Modified by: Greg Polit
Version: v105
Date: 08/17/07
Notes: modified rnavfeature style   
  
Modified by: Greg Polit
Version: v105
Date: 07/18/07
Notes: reapplied rnav fix, and paragraph spacing  
   
Modified by: Greg Polit
Version: v103
Date: 07/17/07
Notes: paragraph spacing
   */
	
body{
  background-color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  line-height: 1.3;	
  font-size: 12px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  border-width:0px;
}

.mainmenu a{
 border: none;
 font-size: 10px;
 letter-spacing: 1px;
 color: #ffffff;
 font-family: Arial, Helvetica, sans-serif;
 text-transform:uppercase;
 text-decoration: none;
 font-weight: normal;
}

#bottomnav {
  width: 615px;
  clear: both; 
  font-size: 10px;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-weight: normal;
  text-align:center;
  padding-top: 0px;
}

.text {
 font-size: 12px;
 color: #000000;
 font-family: Arial, Helvetica, sans-serif;
 text-decoration: none;
 font-weight: normal;
}

ul { 
  padding-top: 0px;
  padding-bottom: 5px;
  margin-top: 0px;
  margin-bottom: 0px;
}

p { 
  padding-top: 8px;
  padding-bottom: 7px;
  margin: 0px;
}
H1 {
  font-weight: bold;
  color: #94161a;
  font-size: 12pt;
  margin: 0px;
  padding-bottom: 0px;
  padding-top: 10px;
}
H2 { 
  color: #94161a;
  font-weight: bold;
  font-size: 11pt;
  margin: 0px;
  padding-bottom: 0px;
  padding-top: 10px;
}
H3 { 
  font-weight: bold;
  color: #94161a;
  font-size: 11pt;
  line-height: 120%;
  margin: 0px;
  padding-bottom: 0px;
  padding-top: 8px;
}
H4 { 
  font-weight: bold;
  color: #94161a;
  font-size: 11pt;
  line-height: 100%;
  margin: 0px;
  padding-bottom: 0px;
  padding-top: 7px;
}

a {
  color: #28639f;
  border: none;
  font-weight: normal;
  text-decoration: underline;
}
a:hover { 
  color: #95171b;
  border: none;
  font-weight: normal;
  text-decoration: underline;
}
a:visited {
  color: #173a64;
  border: none;
  font-weight: normal;
  text-decoration: underline;
}
a:visited:hover {
  color: #95171b;
  border: none;
  font-weight: normal;
  text-decoration: underline;
}

div.Table_01 {
	position:absolute;
	left:1px;
	top:0px;
	width:1007px;
	height:730px;
}

div.WhatFriendsDoComBox { 
	position:absolute;
	left:0px;
	top:0px;
	width:569px;
	height:63px;
}

img.whatfriendsdocom { 
 border-width: 0;
 border-style: none;
}

div.mainnav { 
	position:absolute;
	left:569px;
	top:0px;
	width:450px;
	overflow:visible;
	
}



div.headerimage-top { 
	position:absolute;
	left:0px;
	top:63px;
	width:1007px;
	height:31px;
}
div.headerimage-bottom { 
	position:absolute;
	left:273px;
	top:94px;
	width:734px;
	height:108px;
}


div.say-b {
	position:absolute;
	left:0px;
	top:94px;
	width:273px;
	height:24px;
}

div.give-b {
	position:absolute;
	left:0px;
	top:118px;
	width:273px;
	height:20px;
}

div.cheer-b {
	position:absolute;
	left:0px;
	top:138px;
	width:273px;
	height:22px;
}

div.know-b {
	position:absolute;
	left:0px;
	top:160px;
	width:273px;
	height:24px;
}

div.whatfriendsdo-final2-13 {
	position:absolute;
	left:0px;
	top:184px;
	width:273px;
	height:18px;
}

div.bottompane  { 
 
  position: absolute;
  top: 202px;
  left: -2px;
  width: 1010px;
   overflow: hidden;
}
div.leftcolumn{
  background-color: #e0e8f0;
  margin-top: 0px;
  width: 170px;
  float: left;
  padding-bottom: 20000px;
  margin-bottom: -20000px;
}
p.TeamName { 
  color: #336699;
  font-size:120%;
  padding: 0px 4px 0px 4px;
  font-weight: bold;
  font-style: italic;
  width: 147px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 0px;
}
p.CoordinatorView { 
  color: #336699;
  font-size:120%;
  padding: 8px 4px 0px 4px;
  font-weight: bold;
  width: 147px;
  padding-top: 10px;
  text-align: center;
}

div.merchantbox { 
  height:auto;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #173a64;
  padding-bottom: 8px;
  border-top-style: solid;
  border-top-width: 0px;
}
image.adimage{ 
}

div.teaserbox { 
/*  height:280px;*/
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #000000;
  padding: 0px;
  padding-bottom: 20000px;
  margin-bottom: -20000px;
}
div.teaserbox2 { 
/*  height:280px;*/
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #000000;
    margin: 0px 7px 5px 7px;
  padding: 0px 3px;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;

}

p.teaser {
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  margin: 0px 7px 5px 7px;
  padding: 0px 3px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif
}

p.teaserbold {
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  margin: 0px 7px 5px 7px;
  padding: 0px 3px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight: bold;
}

#maincontentarea { 
  width: 100%;

  height: auto;
  z-index:4;
  
}

#centerpane { 
  float: left;
  width: 622px;
  margin-top: 5px;
  margin-left: 21px;
  margin-right: 21px;
  z-index:3;
  overflow:hidden;
}

div.quotebox {
	
	float: right;
	width: 172px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #eddb94;
	color: #562d54;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top: 5px;
	padding-bottom: 20000px;
	margin-bottom: -20000px;
	/*position: absolute;	
	left: 837px;
	top: 0px;
	z-index:5;
	*/
	
}
p.quote {
/*  font-weight: bold;*/
  font-style: italic;
  border-right-style: none;
  border-right-width: 0px;
  border-bottom-style: none;
  border-bottom-width: 0px;
  border-left-style: none;
  border-left-width: 0px;
  border-top-style: none;
  border-top-width: 0px;
  text-align: center;
  margin-left: 10px;
  margin-right: 10px;
}
p.quote2{ 
/*  font-weight: bold;*/
  font-style: normal;
  border-top-style: none;
  border-right-style: none;
  /*border-bottom-style: solid;*/
  border-left-style: none;
  border-top-width: 0px;
  border-right-width: 0px;
  /*border-bottom-width: 2px;*/
  border-left-width: 0px;
  text-align: right;
  margin-left: 10px;
  margin-right: 10px;
}

div.dates { 
  color: #000000;
  font-size:11px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  margin-left: 10px;
  margin-right: 10px;

  color: black;
}




#submenu{
	/*width: 170px;*/
	font: 11px Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	background-color: #fff;
}

#submenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#submenu li {
	padding: 0 0 1px 0;
	margin: 0;

}
		
#submenu li a {
  display: block;
  padding: 5px;
  background-color: #4f7ba2;
  color: #ffffff;
  text-decoration: none;
  /*width: 170px;*/
  text-align: left;
  padding-left: 10px;
}

.coordcolor #submenu li a {
  display: block;
  padding: 5px;
  background-color: #68944b;!important
  color: #ffffff;
  text-decoration: none;
  /*width: 170px;
   background-color: #9fbb8b;*/
  text-align: left;
  padding-left: 10px;
}


#submenu li a:hover {
  background: #e4ebf3;
  color: #93161a;
  font-weight: bold;
  /*width: 170px;*/
}

#submenu li.admin a {
  display: block;
  padding: 5px;
  background-color: #CC0000;
  color: #ffffff;
  text-decoration: none;
  /*width: 170px;*/
  text-align: center;
  padding-left: 10px;
}

#submenu li.admin a:hover {
  background: #FF6666;
  color: #ffffff;
  font-weight: bold;
	/*width: 170px;*/
}


/*Version 2 Styles */

#lnavcheer{
font-size:10px;
margin:0 10px 0 10px;
}

#lnavcheer ul{
font-size:10px;
list-style:none;
margin:0 0 0 0px;
padding:0px;
}
#lnavcheer ul li{
font-size:10px;

margin:0 0 0 5px;
padding:0px;
}


#red {
 color: #94161a;

}

#rnavfeature{
margin:10px;



 /* border-top-style: solid;
  border-top-width: 2px;
*/
}

/***** Store Styles ****/

#storeitems {
padding-top:20px;
clear:both;
}

 td.itemdescription {
 font-size:11px;

 }
 
 td.itemprice {
 
 font-size:11px;
 padding-bottom:10px; }
 
 div #featureditem{
	width:250px;
	float:left;
	z-index:3;
	border:1px solid #CCCCCC;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 10px;
	background-color: #E1E8F0;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
 }
 
 div #featureditem h3{
 margin-top: 0px;
 margin-bottom: 5px;
 }
 
  div #featureditem2{
	width:250px;
	float:right;
	z-index:3;
	border:1px solid #CCCCCC;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 10px;
	background-color: #EEDB96;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	clear:right;
 }
 
 div #featureditem2 h3{
 margin-top: 0px;
 margin-bottom: 5px;
 }
 
 
 div #featuredescription{
  font-size:12px;
 }
 
 div #featureprice{
 font-size:12px;
 }


/******* Store Item **************/
div #itemphoto{
float:left;
width:250px;

}

#giftpickhd{
font-size:14px;
color: #94161a;
  font-weight: bold;

}

#giftpick{
margin-top:10px;

}

.moreitems{
text-align:right;
margin:0px;
padding:0px;

}

.itemheader{
  font-weight: bold;
  color: #94161a;
  font-size: 11pt;
  line-height: 120%;
  margin: 0px;
  padding-bottom: 0px;
  padding-top: 8px;
}

/***Misc Styles***/
#addressbook {
	border-bottom-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #333333;
}

.teamreport{
font-size:9px;

}

div.quotebox #rnavfeature{
/* border-top-style: solid;
  border-top-width: 2px;*/
}

div.quotebox .merchantbox{
 border-top-style: solid;
  border-top-width: 2px;
  
   border-bottom-style: solid;
  border-bottom-width: 2px;
  
  margin-left:10px;
  margin-right:10px;
}

#rnavtext{
 color: #173a64;
 border-bottom-style:solid;
  border-bottom-width:2px;


}

.counter
{
  height:auto;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #173a64;
  padding-bottom: 8px;
 /* padding-top: 8px;*/
  border-bottom-style:solid;
  border-bottom-width:2px;

 /*border-top-style:solid;
  border-top-width:2px;*/
}
