/* CSS Document */
/* general styles */

body {
	font-family: Optima, arial, helvetica, sans-serif;
	background: #F5D4F7;
	margin: 0;
	padding: 0;
	}

h1 {
	text-align: center;
	font-size: 18px;
	}

h3 {
	text-align: center;
	font-size: 16px;
	}

table#banner td {
	font-size: 12px;
	border-top: 4px solid black;
	border-bottom: 1px solid black;
	}

#calMakeup {
	font-size: 30px;
	letter-spacing: .75px;
	margin-left: 10px;
	padding: 5px;
	text-align: left;
	}

#contact {
	text-align: left;
	letter-spacing: .5px;
	
	padding: 2px 0 2px 20px;
	background-color: #F5D4F7;
	}

#contact a:link, #contact a:visited {
	text-decoration: none;
	}

#contact a:hover {
	text-decoration: underline;
	}

.bold {
	font-weight: bold;
	font-size: 14px;
	}

table#footer td {
	font-size: 12px;
	padding-top: 4px;
	padding-bottom: 3px;
	border-top: 1px solid black;
	border-bottom: 6px solid black;
	text-align: center;
	}

td.nav {
	width: 125px;
	border-right: 2px solid #333;
	vertical-align: top;
	padding: 10px 5px;
	font-size: 12px;
	}

td.nav a:link, td.nav a:visited, td.nav a:hover {
	display: block;
	padding: 4px 0;
	text-decoration: none;
	color: blue;
}

td.nav a:hover {
	text-decoration: underline;
	color: blue;
}

td.content {
	padding: 10px 5px 10px 20px;
}

td.content img {
	padding: 10px;
}

#name {
	font-size: 20px;
	letter-spacing: 1.2px;
	
}

#sub {
	font-size: 12px;
	font-style: italic;
	letter-spacing: 1px;
	padding-left: 10px;
	border-bottom: 1px dotted #666666;
}

/* image styles */
.imageWrap {
	width: 400px;
	height:400;
	float: left;
	}
	
.vertical {
	width: 300px;
	}
	
.tall {
	
	}
	
.caption {
	display: block;
	font-size: 11px;
	text-align: center;
	}
	
.captionHidden {
	display: none;
	}