.banner {
	z-index: 2;
	position: absolute;
	width: 490px;
	text-align:center;
	padding:0px;
	margin-left:-105px;
	margin-top:-250px;
	left: 82px;
	top: 237px;
   }
.banner li { 
			list-style: none;
			height:300px;
			 }
			 
.banner ul li {
	float: left;

				 }

.bannerhome { 
	position: relative;
  	width: 520px;
	text-align:center;
	padding:0px;
   }
.bannerhome li { 
			list-style: none;
			height:300px;
			 }
			 
.bannerhome ul li {
	float: left;

				 }


.button {
	text-align:center;
	
margin-left:41%;
margin-right:41%;
font-family: Arial;
color: #ffffff;
font-size: 13px;
padding: 5px;
text-decoration: none;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
-webkit-box-shadow: 1px 1px 3px #666666;
-moz-box-shadow: 1px 1px 3px #666666;
box-shadow: 1px 1px 3px #666666;
text-shadow: 1px 1px 3px #666666;
border: solid #21c0ff 2px;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#00c4ff), to(#0084b8));
background: -moz-linear-gradient(top, #00c4ff, #0084b8);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#00c4ff, endColorStr=#0084b8);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#00c4ff, endColorStr=#0084b8);
display:inline-block; /* IE is so silly */
}
.button:hover {
background: #008fd1;
}

.body {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}

.bodysmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}

.bodyindex {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

/* homepage */

.add {
	text-decoration:none;
	color:#8a7143;
}

.add a:hover {
	color:#0099FF;
}

#add_your_reunion {
	color:#8a7143;
	font-size:16px;
	font-family: 'Patua One', serif;
	font-stretch:extra-condensed;
	padding-top:2px;
	margin-top:20px;
	margin-bottom:9px;
	margin-left:41px;
	float:left;
	clear:left;
	display:block;
	text-align:center;
	width:385px;
	height:28px;
	background-image:url(images/add_your_reunion.gif);
	background-repeat:no-repeat;	
}

#left_ribbon {
	color:white;
	line-height:43px;
	font-size:16px;
	font-family: 'Montserrat', sans-serif;
	margin-top:2px;
	margin-left:18px;
	float:left;
	clear:left;
	display:block;
	text-align:center;
	width:276px;
	height:206px;
	background-image:url(images/ribbon_left.jpg);
	background-repeat:no-repeat;	
}

#social {
	width:220px;
	background-repeat:no-repeat;
	background-size:contain;
	height:213px;
	float:right;
	clear:right;
	margin-top:-10px;
	margin-right:22px;
	display:block;
}

#magazine {
	margin-top:-11px;
	margin-left:15px;
	float:left;
	display:block;
	text-align:center;
	width:154px;
	height:186px;
	background-repeat:no-repeat;	
}

.plaaque {
	color:#8a7143;
	text-decoration:none;
}

.plaaque a:hover {
	color:#09F;
}

#gfr {
	background-image:url(images/global_family_reunion.gif);
	width: 440px;
	height: 55px;
	float:left;
	clear:left;
	margin-left:18px;
	margin-top:10px;	
}

#bottom_nav {
	padding-top:7px;
	font-size:14px;
	font-family: 'Montserrat', sans-serif;
	width: 692px;
	height: 35px;
	background-image:url(images/bottom_nav.gif);
	background-repeat:no-repeat;
	display:block;
	float:right;
	margin-top:10px;	
	margin-right:27px;
	margin-bottom:-15px;
	text-align:center;
	color:white;
}

#hotel_planner {
	background-image:url(images/hotel_planner.gif);
	background-size:contain;
	background-repeat:no-repeat;
	width: 230px;
	height: 55px;
	float:right;
	clear:right;
	margin-right:13px;
	margin-top:-87px;	
}

#my_event_home {
	width: 230px;
	height: 55px;
	float:right;
	clear:right;
	margin-right:11px;
	margin-top:17px;	
}

#plaque {
	font-family: 'Patua One', serif;
	padding-top:6px;
	margin-top:0px;
	margin-right:30px;
	float:right;
	display:block;
	text-align:center;
	width:145px;
	height:30px;
	background-image:url(images/plaque.gif);
	background-repeat:no-repeat;	
}

.leftribbon {
	position : relative;
	top: -.3em;
	text-decoration:none;
	color:white;
}

.leftribbon a:hover {
	color:#09F;
	text-align:right;
}


#frame {
	height:200px;
	display:block;
	float:left;
	margin-top:7px;
	margin-left:25px;
}

.ribbon {
	text-decoration:none;
	color:white;
}


#top_ribbon {
	background-image:url(images/top_ribbon.gif);
	float:right;
	font-family: 'Montserrat', sans-serif;
	color:white;
	background-repeat:no-repeat;
	text-align:center;
	padding-top:3px;
	padding-bottom:7px;
	margin-right:30px;
	margin-top:-50px;
	display:block;
	width:213px;
	height:65px;
	text-align:right;
}

#middle_ribbon {
	background-image:url(images/middle_ribbon.gif);
	float:right;
	clear:right;
	font-family: 'Montserrat', sans-serif;
	color:white;
	background-repeat:no-repeat;
	text-align:center;
	padding-top:10px;
	padding-bottom:15px;
	margin-right:30px;
	margin-top:0px;
	display:block;
	width:213px;
	height:50px;
	text-align:right;
}

#bottom_ribbon {
	background-image:url(images/bottom_ribbon.gif);
	float:right;
	clear:right;
	font-family: 'Montserrat', sans-serif;
	color:white;
	background-repeat:no-repeat;
	text-align:center;
	padding-top:1px;
	padding-bottom:10px;
	margin-right:30px;
	margin-top:0px;
	display:block;
	width:213px;
	height:50px;
	text-align:right;
}

#lake_county {
	float:right;
	clear:right;
	background-repeat:no-repeat;
	text-align:center;
	padding-top:1px;
	padding-bottom:10px;
	margin-right:30px;
	margin-top:15px;
	display:block;
	width:213px;
	height:50px;
	text-align:right;
}


#middle_ribbon a:hover, #bottom_ribbon a:hover, #top_ribbon a:hover {
	color:#0CF;
}

#subscribe {
	text-align:center;
	color:white;
	font-family: 'Montserrat', sans-serif;
	font-size:16px;
	padding-top:10px;
	padding-bottom:6px;
	width: 460px;
	height: 25px;
	background-color:#F00;
	float:left;
	clear:left;
	margin-left:18px;
	margin-top:10px;
}

.subscribe_red {
	text-decoration:none;
	color:#FFFFFF;
}

.subscribe_red a:hover {
	color:#0CF;
}

#ribbon_back1 {
	background-image:url(images/ribbon_back.gif);
	clear:right;
	margin-top:-10px;
	margin-right:30px;	
	display:block;
	float:right;
	width:213px;
	height:17px;
	text-align:right;
}

#ribbon_back2 {
	background-image:url(images/ribbon_back.gif);
	clear:right;
	margin-top:-18px;
	margin-right:30px;	
	display:block;
	float:right;
	width:213px;
	height:17px;
	text-align:right;
}

/* for the slideshows on homepage and http://reunionsmag.com/gettingstarted/paying_fundraising_auction_2.html and home page */
.dots {
  position: absolute;
  left: -28px;
  right: 0;
  bottom: 20px;
  text-align: center;
}

.dots li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 4px;
  text-indent: -999em;
  border: 2px solid #fff;
  border-radius: 6px;
  cursor: pointer;
  opacity: .6;
  -webkit-transition: background .5s, opacity .5s;
  -moz-transition: background .5s, opacity .5s;
  transition: background .5s, opacity .5s;
}

.dots li.active {
  background: #fff;
  opacity: .8;
}

p {
	margin-top:0em;
	font-size: 12px;
	text-align: left;
} 
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #E60005;
	font-weight: bold;
	text-transform: capitalize;
	margin-bottom:0em;
}
.headingRed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #E60005;
	font-weight: bold;
	text-transform: none;
	margin-bottom:0em;
	text-decoration: none;
}
.heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333333;
	font-weight: bold;
	text-transform: none;
}

.headingbig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	text-transform: none;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.forms {
	font: 10px Arial, Helvetica, sans-serif;
}

.fundraisingnav {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.podfile {float:left; width:120px; margin-right:5px;}

.new {
	color: #FF0000;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: capitalize;
}
.backLink a:link, .backLink a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
.backLink a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
}
.footer{ font: 10px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:5px 0 0 5px  }
.footer a, .footer a:hover{ font: 10px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none}
.index_headers{font:12px Arial, Helvetica, sans-serif; color:#333333; font-weight:bold; padding:4px 0 3px 9px; height:24px;}
.indexblue_headers{font:12px Arial, Helvetica, sans-serif; color:#22569D; font-weight:bold; padding:3px 0 3px 9px; background-color:#B9D1F0; height:24px;}
.indexyellow_headers{font:12px Arial, Helvetica, sans-serif; 
	color:#333333; 
	font-weight:bold;
	padding:4px 0 2px 9px; 
	background-color:#FFFFA1; 
	height:22px;
	margin-top:3px;
	margin-bottom:0px;}
.indexyellow_headers a, .indexyellow_headers a:hover{font:12px Arial, Helvetica, sans-serif; 
	color:#333333; 
	font-weight:bold;
	background-color:#FFFFA1; 
	height:23px;
	}
#index_welcome{font:18px Arial, Helvetica, sans-serif; color:#E60005; padding:15px 10px 3px 40px; margin-bottom:3px; line-height:20px;}
#index_smallwelcome{font: 12px Arial, Helvetica, sans-serif; color:#474E54; padding:0 10px 10px 40px; margin-top:0;}
#podcast{font:12px Arial, Helvetica, sans-serif; color:#333333; font-weight:bold; padding:8px 0 4px 10px; background-image:url(images/line_podcast.gif); background-position:left bottom ; background-repeat:no-repeat;}
.index_bodyspace{padding:5px 5px 5px 9px}
.index_body{ font:11px Arial, Helvetica, sans-serif; 
	color:#333333;
	padding:5px 5px 5px 9px;
	margin-top:2px;
	margin-bottom:0px}
.index_body a, .index_body a:hover{
	color:#333333; 
	}
.resources{
	font:16px Arial, Helvetica, sans-serif;
	color:#144682;
	text-transform:capitalize;
	font-weight:bold;
	padding:15px 0 15px 0;
}
.resources a, .resources a:hover{
	font:16px Arial, Helvetica, sans-serif;
	color:#144682;
	text-transform:capitalize;
	font-weight:bold;
	text-decoration:none;
	text-align: center;
}

.fundraisingnav a {
	color:#FFF;
	text-decoration:none;
}

.fundraisingnav a:hover {
	color:#B2B2B2;
}

.qna a {
	color:#ab0000;
	text-decoration:none;
	font-size:14px;
}

.qna a:hover {
	color:#FFF;
	text-decoration:none;
}

.fundraisingnav a:hover {
	color:#B2B2B2;
}

.wherenav a {
	color:#000;
	text-decoration:none;
	
}

.wherenavwhite a {
	color:#FFF;
	text-decoration:none;
	font-size:20px;
	
}

.wherenavwhite a:hover {
	color:#06F;
	text-decoration:none;
	font-size: 20px;	
}

.workshopnav a {
	color:#000;
	text-decoration:none;
	font-size:20px;
	
}

.workshopnav {
	color:#000;
	text-decoration:none;
	font-size:18px;
	
}

.workshopnav a:hover {
	color:#06F;
	text-decoration:none;
	font-size: 20px;	
}

.wherenavblu a {
	color:#930;
	text-decoration:none;
	
}

.featuredlinks a {
	color:#000;
	text-decoration:none;
	line-height: 12px;
	
}
.wherenav a:hover {
	color:#F30;
}

.wherenavblu a:hover {
	color:#003E87;
}

.index_links{ font:11px Arial, Helvetica, sans-serif; 
	color:#333333;
	padding:5px 5px 0px 9px;
	margin-top:2;
	font-weight:bold;
	margin-bottom:0px;}
.index_links a, .index_links a:hover { font:11px Arial, Helvetica, sans-serif; 
	color:#333333; 
	}
.index_smalllinks{ font:10px Arial, Helvetica, sans-serif; 
	color:#666666;
	padding:0px 5px 5px 9px;
	margin-top:0;
	margin-bottom:0px;
	}
.index_smalllinks a, .index_smalllinks a:hover { font:10px Arial, Helvetica, sans-serif; 
	color:#666666; 
	}
.affiliates{
	font:12px Arial, Helvetica, sans-serif; 
	color:#666666; 
	padding:0px 5px 8px 9px;}
.affiliates a, .affiliates a:hover {
	font:12px Arial, Helvetica, sans-serif; 
	color:#666666; 
	text-decoration:none;}


#drop
{
border:2px solid;
border-radius:15px;
background-color:#F3E9EE;
padding:10px;
-moz-border-radius:25px; /* Old Firefox */
} 

#drop2
{
border:2px solid #4F7DA4;
border-radius:35px;
background-color:#E5EDFF;
padding:15px;
-moz-border-radius:20px; /* Old Firefox */
}

#drop3
{
border:2px solid #F7E999;
border-radius:35px;
background-color:#F8F5E6;
padding:15px;
-moz-border-radius:20px; /* Old Firefox */
} 

#drop4
{
border:2px solid #F00;
border-radius:15px;
background-color:#FFCDC8;
padding:15px;
-moz-border-radius:20px; /* Old Firefox */
} 

#drop_pod
{
border:2px solid #FFC800;
border-radius:15px;
background-color:#FFFCD8;
padding:15px;
-moz-border-radius:20px; /* Old Firefox */
} 


#recipecard {
	width:500px;
	background-image: url(images/recipecardy.jpg);
	background-repeat:repeat-y;
	font-family:'Lucida Console', Monaco, monospace;
	font-size:11px;
	padding:10px;
	margin: 0px;
	border-top-style: 10px;
	border-right-style: 10px;
	border-bottom-style: 10px;
	border-left-style: 10px;
}



#kudos	{
	background-color:#dedddc;
	background-image:url(images/kudos_box.gif);
	background-repeat: no-repeat;
	background-position:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	height:auto;
	padding: 40px;

}
.resources a {
	text-align: center;
}



.freebies	{
	font-size:20px;
}

/* for decode on invites page */

#spy {
  padding:0;
  list-style-type:none; 
  width:19.5em;
  margin:2em auto;
  }
#spy li {
  width:16.5em; 
  position:relative; 
  height:1.5em; 
  font-size:1.2em;
  }
#spy li a {
  text-decoration:none; 
  cursor:pointer;
  }
#spy li a em {
  font-style:normal; 
  color:#000; 
  display:block; 
  width:1.1em; 
  background:#eee; 
  position:absolute; 
  top:0; 
  text-align:center; 
  border:0.3em solid #697210;
  }
#spy .a1 {left:13.5em;}
#spy .a2 {left:6em;}
#spy .a3 {left:7.5em;}
#spy .a4 {left:10.5em;}
#spy .a5 {left:15em;}
#spy .a6 {left:3em;}
#spy .a7 {left:1.5em;}
#spy .a8 {left:4.5em;}
#spy .a9 {left:9em;}
#spy .a10 {left:12em;}
#spy .a11 {left:0em;}

#spy .dk {background:#e09222;}
#spy li a:hover {background:#ccc;}
#spy li a:hover .a1 {left:0;}
#spy li a:hover .a2 {left:1.5em;}
#spy li a:hover .a3 {left:3em;}
#spy li a:hover .a4 {left:4.5em;}
#spy li a:hover .a5 {left:6em;}
#spy li a:hover .a6 {left:7.5em;}
#spy li a:hover .a7 {left:9em;}
#spy li a:hover .a8 {left:10.5em;}
#spy li a:hover .a9 {left:12em;}
#spy li a:hover .a10 {left:13.5em;}
#spy li a:hover .a11 {left:15em;}

/* for nav on Hall of fame */

dl, dt, dd, ul, li {
margin : 0;
padding : 0;
list-style-type : none;
}
#menu {
font-family: 'Tinos', serif;
font-size:15px;
width : 150px;
padding : 0;
float:right;
margin-left:10px;
margin-bottom:5px;
}
#menu dt {
cursor : pointer;
margin : 2px 0;
height : 32px;
line-height : 32px;
text-align : center;
font-weight : bold;
border : thin solid #d9def6;
background-color : #72acdc;
}
#menu dt span {
width : 150px;
background-repeat : no-repeat;
background-position : 95% center;
display : block;
color: black;
}
#menu dd {
border : thin solid #d9def6;
}
#menu li {
text-align : center;
background-color : #eff3ff;
}
#menu li a, #menu dt a {
color: black;
text-decoration : none;
display : block;
border : 0 none;
height : 32px;
}
#menu dt a:hover, #menu dt:hover {
background-color : #eff3ff;
}
#menu li a:hover {
background-color : #e0ebef;
}
