Design Pattern Library

http://developer.yahoo.com/ypatterns/pattern.php?pattern=carousel#

email blast test site

http://www.campaignmonitor.com/testing/

Shows your email blast in many different email clients.
Great tool.

LATICRETE site

https://travelreg.madisonpg.com/2008MVPAdventureTravel/Kenai/Past_Adventure3b.asp

styles_print.css

/*

Table of Contents:
Typography
Navigation
Forms
Layout

*/

/* TYPOGRAPHY
------------------------------------------------------------ */
/* NOTE: Typography for form elements is in the FORMS section */

h1 {
margin:0;
font-style: italic;
color: #009900;
font-size: 2em;
}
h2 {
font-size: 1.25em;
}
#content p {
font-size: .75em;
}
#content ul li {
font-size: .75em;
margin:0 0 10px 0;
}
#content ul li ul li {
font-size: 1em;
margin:0 0 10px 0;
}
#content ol li {
font-size: .75em;
margin:0 0 10px 0;
}
#content ol li ol li {
font-size: 1em;
margin:0 0 10px 0;
}
#content ol li ul li {
font-size: 1em;
margin:0 0 10px 0;
}
.itineraryHeader {
width:100%;
color:#FFFFFF;
background:#779CAE;
margin:10px 0 5px 0;
padding:4px;
font-weight:bold;
font-size:1em;
display:block;
}
#navigation p {
color:#fff;
text-align:center;
font-weight:bold;
font-size: .75em;
margin:0 0 25px 0;
}


/* NAVIGATION
------------------------------------------------------------ */
#navigation ul {
margin:0;
padding:0 0 0 15px;
list-style:none;
}
#navigation ul li {
text-transform:uppercase;
line-height:15pt;
margin:13px 0 13px 0;
}
#navigation ul li a {
color:#000000;
font-size:15pt;
font-weight:bold;
}
#navigation ul li a:link {color:#000000; text-decoration:none;}
#navigation ul li a:visited {color:#000000; text-decoration:none;}
#navigation ul li a:hover {color:#E7AD65; text-decoration:underline;}
#navigation ul li a:active {color:#000000; text-decoration:none;}

.additionalInfo {
background:#F3C160;
border:#000 2px dashed;
margin:50px 15px 15px 15px;
padding:4px;
text-align:center;
font-size:.75em;
}

/* FORMS
------------------------------------------------------------ */
form {
padding:0;
margin:0;
}
form p {
position:relative;
}
.feedback {
position:absolute;
margin-left:10em;
left:235px;
top:0;
right:0;
font-size:12pt;
color:#FF0000;
}
.feedbackHidden {
display:none;
}
* html .feedback {
/* Settings for IE 6 and below only */
width:15em;
margin-left:0;
}
input {
font-family: Arial, Helvetica, sans-serif;
font-size:12pt;
}
input:focus {
background-color: #FFFFCC;
}
label {
float:left;
width:10em;
font-weight:bold;
}
.formButton {
background: #D48F6B;
border: 2px solid #000000;
font-size:12pt;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000000;
padding: 3px;
margin: 2px;
}
.formButton:focus {
color: #FFFFCC;
background-color: #D48F6B;
}



/* LAYOUT
------------------------------------------------------------ */
body {
background-color: #C9CDD3;
font-family: Arial, Helvetica, sans-serif;
text-align:center;
}
#site-wrapper {
width:739px;
margin: 0 auto;
text-align: left;
}
#header-container {
display:none;
}
#content-container {
display:inline;
width:739px;
clear:both;
background:#FFFFFF url(../images/right_bg.gif) top right repeat-y;
}
#navigation {
display:none;
}
#content {
width:600px;
padding:5px;
float:none;
}
#footer-container {
display:none;
}