/* ELEMENTS */
*			{ margin: 0px; padding: 0px; border: 0px; }
html 		{ min-height: 100%; margin-bottom: 1px; background: #000000 url(../images/bg2.jpg); font-family: verdana, arial, sans-serif; font-size: 10px; }
 
body		{ height: 100%; color: #666666; font-size: 10px; font-family: verdana, arial, sans-serif;  text-align: center; }
table, td, th	{ font-size: 10px; color: #666666; text-align: left;}

h2			{ color: #666666; font-size: 11px; }
h3			{ margin: 10px 0 5px 0; padding: 5px; background: #CFCFCF url(../images/gradient.jpg); background-position: 90px; border-bottom: 1px dashed #999999; border-top: 1px dashed #999999; color: #666666; font-family: verdana; font-size: 11px; }
p			{ margin: 0px 0px 10px; }

hr			{ height: 1px; margin: 5px 0 10px 0; border-bottom: 1px dashed #cccccc; }

blockquote	{ margin-bottom: 10px; padding: 5px; border: 1px dashed #cccccc; }

a:link, a:visited	{ color: #7E9884; cursor: pointer; } /* the !important notation addresses bugs in Opera (PC) and Safari (Mac). */
a:hover				{color: #ff00cc !important;}

/* PRIMARY REGIONS */
#skip		{ display: none;}

#container	{ position: relative; margin: 30px auto; width: 760px; background: #fff; text-align:left; }

#header		{ height: 130px;  }

body#home #logo { margin: 20px 0 0 30px; height: 105px; width: 160px; }
#logo		{ margin: 20px 0 0 15px; height: 82px; width: 125px; }


#search		{ font-size: 9px; margin: 0; background: #ffffff; height: 100%; width: 100%; }
.search		{ height: 16px; width: 80px; border: 1px solid #4a3c33; background: url(../images/gradient.jpg) no-repeat; background-position: -10px; font-size: 9px; }
.swoosh		{ height: 18px; padding: 0 5px; background: #BFCAC2; border: 1px solid #ccc; color: #fff; font-size: 10px; }


#breadcrumbs	{ float: right; width: 570px; margin-top: -50px; padding: 5px 10px; background: #E9EDEA; border-bottom: 3px double #efefef; border-top: 3px double #efefef; color: #999999; font-size: 10px; }
#breadcrumbs a:link, #breadcrumbs a:visited	{ color: #669966; }

#content		{ position: relative; margin-top: -25px; float: right; width: 598px; }

/*#col1			{ width: 125px; margin: 5px 5px 0 15px; float: left; background: #f6f6f6 url(../images/tl_gr.gif) no-repeat top left; color: #cccccc; }*/
#col1			{ float: left; width: 125px; margin-left: 7px; margin-top: -11px; background: #f6f6f6; color: #cccccc; }
#col1 li		{ margin: 0 0 10px 10px; list-style: none; font-weight: bold; }
#col1 li ul li	{ margin: 2px 15px; color: #cccccc; font-size: 9px; font-weight: normal; list-style: disc; }
#col1 a:link, #col1 a:visited { color: #669966; text-decoration: none; }
#col1 a:hover	{ color: #09568e; text-decoration: underline; }
#col1 h3		{ margin: 10px 0 10px 0; padding-left: 10px; }

#col2			{ width: 426px; padding: 0 10px; float: left; }
#col2 .tl_gr 	{ position: relative; top: -10px; left: -5px; }
#col2 h3		{ margin: 5px 0 25px 0; }

#col2 li		{ margin-left: 20px; }

#col3			{ width: 130px; float: left; margin-right: 10px; margin-top: 5px; }
#col3 iframe	{ filter:alpha(opacity=60); -moz-opacity:0.60; opacity: 0.60; }

.photos			{ height: 97px; width: 198px; margin: 0 10px 10px 0; float: left; background: #f6f6f6; }
#col3 .photos		{ margin: 0; }


#photos			{ width: 520px; margin-left: 5px; float: left; }
#photos	img, img.foster		{ margin: 10px 0; border: 20px solid #ffffff; filter: progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=135, strength=5); }
#photos p		{ padding: 5px 0; line-height: 1.3; text-align: left; }

#activities img	{ float: right; margin-left: 20px; }
#activities h2	{ margin-bottom: 10px; margin-top: 0; color: #005900; font-size: 12px; }

#leary, #smith		{ margin-bottom: 20px; }
#leary td, #smith td { padding: 5px 10px; background: #f6f6f6; border-bottom: 1px dashed #8D7D72; }
#leary .head, #smith .head { background: #E9EDEA; }
#leary th, #smith th { padding: 5px; background: #91A496; border-top: 1px dashed #8D7D72; border-bottom: 1px dashed #8D7D72; color: #ffffff; font-size: 12px; font-weight: bold;  }

div.fuzzies		{ clear: both; width: 530px; padding: 10px; margin-bottom: 10px; border: 1px dashed #cccccc; }
.fuzzies img	{ float: left; margin-right: 20px; padding: 5px; border: 1px solid #cccccc; clear: right; }
.fuzzies h5		{ color: #005900; font-size: 10px; margin-bottom: 10px;}
.fuzzies p		{ margin-left: 220px; }
.fuzzies b		{ color: #5f3a38; }


.copyright	{ color: #cccccc; font-size: 9px; }

.col			{ width: 45%; padding-right: 10px; float: left; text-align: left; }

.pad10			{ padding: 10px; }

.stars			{ margin-top: 5px; text-align: right; float: right; color: #ff0099; font-size: 12px;  }

.more			{ float: right; text-align: right; margin: 7px 0px; }

.emailthis		{ float: right; margin-left: 20px; padding: 10px; width: 140px; background: #efefef; border: 1px dashed #cccccc; }
.emailthis img	{ float: right; margin-left: 10px; }

.rsvp			{ width: 50px; float: right; font-weight: bold; text-align: right; }
.rsvp img		{ margin-bottom: 10px; }

.amazon			{ float: left; width: 130px; padding: 15px; background: #f6f6f6; border: 1px solid #cccccc; }

#totop			{ width: 20px; height: 35px; float: right; background: url(../images/ICN_backtotop.gif) no-repeat; align: bottom; }
#totop a:link, #totop a:visited 	{ width: 20px; height: 30px; font-size: 9px; }
#totop strong	{ width: 20px; height: 30px; display: block; }


/* HOME PAGE  */

#h_breadcrumbs	{ width: 520px; margin-top: -72px; height: 20px; padding: 5px 30px 0 0; float: right; background: #E9EDEA; border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc; color: #999; font-size: 10px; text-align: right }
#h_col1		{ width: 160px; padding: 10px 10px 0 30px; float: left; }

#h_col2		{ width: 330px; float: left; background: #f6f6f6; }

#h_col3		{ width: 170px; padding: 0 10px; margin-left: 10px; float: left; }

#h_content	{ width: 550px; position: relative; top: -15px; float: right; }

#h_recent		{ width: 160px; }

#h_photos				{ padding-top: 20px; }
#h_photos div.photos	{ height: auto; width: 170px; float: left; text-align: left; background: #f6f6f6; }
#h_photos div.photos p	{ padding: 0; }

#h_birthdays, #h_activities, #h_fuzzies	{ padding: 10px; }
#h_birthdays h3, #h_activities h3, #h_fuzzies h3	{ margin: 10px -10px; }
#h_birthdays	{ padding-bottom: -10px; }

#h_activities div	{ height: 50px; margin: 7px 0; padding: 10px 0; }
#h_activities div.rsvp { padding: 0px; }
#h_fuzzies img, #h_activities img	{ float: right; clear: left; margin: 0 0 0 10px; }


/* NAVIGATION: primary */
#nav			{ z-index:50; height: 12px; width: 580px; padding: 5px; position: absolute; top: 15px; left: 170px; background: url(../images/gradient.jpg) repeat-x; border-bottom: 1px dashed #006600; border-top: 1px dashed #006600; font-family: verdana; font-size: 11px; }
#home #nav		{ width: 540px; position: absolute; top: 15px; left: 210px; }
#nav ul 		{ list-style: none; } /* all lists */
#home #nav li.lives, #home #nav li.families, #home #nav li.fuzzies, #home #nav li.store
 			{ position: relative; float: left; width: 130px; border-right: 1px solid #7E9884; color: #999999; vertical-align: middle; text-align: center; list-style: none; }
#nav li.lives, #nav li.families, #nav li.fuzzies, #nav li.store
 			{ position: relative; float: left; width: 140px; border-right: 1px solid #7E9884; color: #999999; vertical-align: middle; text-align: center; list-style: none; }
			
#nav li a		{ position: relative; display: block; cursor: hand; }
#nav li div		{ position: relative; display: block; }

#nav li.lives a, #nav li.families a, #nav li.fuzzies a, #nav li.store a	
		{ color: #647D69; text-decoration: none; }
		
#nav li.lives a:hover, #nav li.families a:hover, #nav li.fuzzies a:hover, #nav li.store a:hover	
		{ text-decoration: none; }		

#nav li.store	{ border: 0px; }



/* NAVIGATION: css drop downs */
#nav li ul 	{ display: none; position: absolute; top: 14px; left: 2px; } /* second-level lists */

#nav li ul li a:link, #nav li ul li a:visited 
			{ /* for IE */ height: 20px; width: 100px; display: block; padding: 3px 3px; background: url(../images/gradient.jpg) no-repeat; border-bottom: 1px solid #ccc; color: #006600 !important; font-size: 10px; text-decoration: none; cursor: hand; }
#nav li ul li a:hover 	{ color: #006600 !important;}

#nav ul.css a:hover	{ background: #CED7D0; filter:alpha(opacity=90); -moz-opacity:0.90; opacity: 0.90; }

#nav li>ul 	{ top: 13px; left: 20px; } /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */

#nav li:hover ul, #nav li.over ul 	{ display: block; width: 100px; padding: 0px; } /* lists nested under hovered list items */

/* NAVIGATION: footer */		
#footer		{  height: 18px; width: 732px; margin: 10px 0; padding-top: 7px; position: relative; clear: both; background: #ccc url(../images/gradient.jpg) no-repeat; background-position: 280px; border-top: 3px double #e5e4e2; border-bottom: 3px double #e5e4e2; color: #666666; font-size: 9px; }
#footer a:link, #footer a:visited { color: #66969; }

/* rounded corners - l=left corner rounded - r=right corner rounded - b=both corners rounded */
.rtop, .rbottom, .ltop, .lbottom, .btop, .bbottom		{ display:block; width: 100%; background: #fff; }/*set to color of background that rounded box is on*/
#container_ltop .rtop span, #container_ltop .rbottom span, #container_ltop .ltop span, #container_ltop .lbottom span, #container_ltop .btop span, #container_ltop .bbottom span
#container_rbottom .rtop span, #container_rbottom .rbottom span, #container_rbottom .ltop span, #container_rbottom .lbottom span, #container_rbottom .btop span, #container_rbottom .bbottom span	{ display:block; height: 1px; overflow: hidden; background: url(../images/bg_plants.jpg); }/*top and bottom stripes*/
.rtop span, .rbottom span, .ltop span, .lbottom span, .btop span, .bbottom span	{ display:block; height: 1px; overflow: hidden; background: #f6f6f6; }/*top and bottom stripes*/

.c1, .btop .c1, .bbottom .c1	{ margin: 0 5px; }
.c2, .btop .c2, .bbottom .c2	{ margin: 0 3px; }
.c3, .btop .c3, .bbottom .c3	{ margin: 0 2px; }
.rtop .c4, .rbottom .c4, .ltop .c4, .lbottom .c4, .btop .c4, .bbottom.c4	{ margin: 0 1px; height: 2px; }
.ltop .c1, .ltop .c2, .ltop .c3, .ltop .c4, .lbottom .c1, .lbottom .c2, .lbottom .c3, .lbottom .c4  { margin-right: 0px; }
.rtop .c1, .rtop .c2, .rtop .c3, .rtop .c4, .rbottom .c1, .rbottom .c2, .rbottom .c3, .rbottom .c4 { margin-left: 0px; }

.top .c1, .top .c2, .top .c3, .top .c4, .bottom .c1, .bottom .c2, .bottom .c3, .bottom .c4  { display: none; }

#container_ltop, #container_rbottom	{ background: url(../images/bg2.jpg); background-position: center center; }
#container_ltop.ltop span, #container_rbottom.rbottom span	{ background: #fff; }	


/* superbowl specific */
#sb td	{ height: 75px; width: 10%; vertical-align: bottom; border-top: 1px solid #666; border-right: 1px solid #666; }
#sb .bottom	{ border-bottom: 1px solid #666; }


#sb .pd		{ background: #efefef; font-weight: bold; text-align: center; color: #fff; }
#sb .unpd	{ background: #ccc; font-weight: bold; text-align: center; color: #ff0; }


/* photos should be 60x75 */
#sb .rob	{ background: url(../images/sb_rob.jpg) no-repeat top; }
#sb .bca	{ background: url(../images/sb_bca.jpg) no-repeat top; }
#sb .kim	{ background: url(../images/sb_kim.jpg) no-repeat top; }
#sb .sanchez	{ background: url(../images/sb_sanchez.jpg) no-repeat top; }
#sb .tom	{ background: url(../images/sb_tom.jpg) no-repeat top; }
#sb .holman	{ background: url(../images/sb_holman.jpg) no-repeat top; }
#sb .hights	{ background: url(../images/sb_hights.jpg) no-repeat top; }
#sb .wzzy	{ background: url(../images/sb_wzzy.jpg) no-repeat top; }
#sb .coletti	{ background: #000099; }