body {
	font: 10pt Arial, Verdana, sans-serif;
	margin: 0px;
	background: url(images/page_bg.jpg) repeat;
}
body#wedding {

}
body#wedding td.leftMargin {
	background: #666666;
	width: 256px;
	vertical-align: top;
	text-align: center;
}
body#wedding td.pageBanner {
	width: 735px;
	height: 159px;
	background: url(images/banner_wedding.jpg) no-repeat;
}

body#wedding .menu {
	background: #aaaaaa;
	margin-left:15px;
	margin-right:15px;
	margin-top:15px;
	border:1px solid #454545;
	font: 8pt Arial, Verdana, sans-serif;	
}
body#wedding .menuHeader {
	text-align:left;
	font-weight:bold;
	border-bottom:1px dotted #454545;
	padding:3px;
	font: 10pt Arial, Verdana, sans-serif;	
	font-weight:bold;
	padding:4px;
}

body#wedding .menuContent {
	background-color: #eeeeee;
	padding:4px;	
}
body#wedding td.breadCrumbs {
	background: #AAAAAA;
	height: 30px;
	font: 9pt Arial, Verdana, sans-serif;
	padding-left:8px;
	color: white;		
	border-bottom:1px solid #888888;	
}




a:link {
	color: #1a337a;
	text-decoration: none;				
}

a:visited {
	color: #666666;
	text-decoration: none;				
}
a:active {
	color: #beaf27;
}
a:hover {
	text-decoration: underline;
	color: #5b0e0c;
}
table.page {
	width: 100%;
	height: 100%;
}
td.leftPageMargin {
}
td.rightPageMargin {
}
td.pageBanner {
	width: 735px;
	height: 159px;
	background: url(images/banner.jpg) no-repeat;
}
body#penn td.pageBanner {
	width: 735px;
	height: 159px;
	background: url(images/penn_banner.jpg) no-repeat;
}
td.content {
	width: 735px;
	padding-top:20px;
	vertical-align: top;
}
table.content {
	border: 3px double #454545;
	width: 100%;
	x_height: 100%;
	border-spacing: 0px 0px;
	background: #FFFFFF;
}

td.breadCrumbs {
	background: #AAAAAA;
	height: 30px;
	font: 9pt Arial, Verdana, sans-serif;
	padding-left:8px;
	color: white;			
}

td.breadCrumbs a {
	color:  white;
	padding: 2px;
}

td.breadCrumbs a:link {
	color: white;
}

td.breadCrumbs a:hover {
	background: #888888;
}

td.leftMargin {
	background: #5675a6;
	width: 256px;
	vertical-align: top;
	text-align: center;
}
td.pageContent {
	font: 11pt Garamond, Arial, Verdana, sans-serif;
	padding: 8px;
	text-align: justify;				
	vertical-align:top;
}
.grayPageContent {
	font: 11pt Garamond, Arial, Verdana, sans-serif;
	padding: 8px;
	text-align: justify;				
	background:#E0E0E0;
	vertical-align:top;
}
div.header {
	font: 11pt Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #0f2569;
	border-bottom: 1px dotted #999999;
}

div.subheader {
	font: 10pt Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #666666;
	border-bottom: 1px dotted #CCCCCC;
	padding-top: 10px;
}

div.subsubheader {
	font-weight: bold;
	font-size: 10pt;
	margin-top: 3px;
}

div.toggleBar {
	background-color: #CCCCCC;
	color: #666666;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
	margin-right: 15px;
	font: 7pt Verdana, sans-serif;
	padding: 2px;
	border: 1px solid #454545;
}

div.toggleBar a.visible {
	color: black;
}
div.toggleBar a.invisible {
	color: #AAAAAA;
}
div.toggleBar a:hover {
	background-color: #aaaaaa;
	color: #5b0e0c;
}

img.catIcon {
	float: right;
	margin-left: 5px;
	border: 3px double #AAAAAA;
}
P {
	margin-top: 5px;
}

div#news P {
	margin-bottom: 0px;
}

.indent {
	margin-top: 5px;
	text-indent: 25px;
}

.photoLabel {
	font-weight: bold;
}
table.menu {
	padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px;
	font: 11pt Garamond, Arial, Verdana, sans-serif;
	width: 100%;
}
td.menuHeader {
	background: #091f65;
	font: 9pt Arial, Verdana, sans-serif;
	font-weight: bold;
	color: white;
	padding: 3px;
	padding-left: 5px;
	padding-top: 4px;
	width: 50%;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	text-align: left;
}
td.menuContent {
	background: #7a94be;
	padding: 3px;
	width: 90%;
	border-right: 1px solid #38527d;
	border-left: 1px solid black;
	text-align: left;
}
td.menuContent a:link {
	color: #091f65;
}

td.menuContent a:visited {
	color: #4c4c4c;
}
td.menuContent a:active {
	color: #beaf27;
}
td.menuContent a:hover {
	text-decoration: underline;
	color: #5b0e0c;
}

td.menuColorBar {
	border-left: 1px solid black;
	height:3px;
	background:url(images/map_bg.jpg) repeat;
}
div.callout {
	border: 1px solid #091f65;
	padding: 3px;
	border-spacing: 1px 1px;
	float: right;
	font: 8pt Arial, Verdana, sans-serif;
	background: white;
}
.brightBar {
	font: 7pt Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #666666;
	background-color: #ffff7f;
	border-bottom: 1px solid orange;
	margin-top: 20px;
	padding: 1px 3px 3px;
	border-top: 1px solid orange;
}
.fineprint {
	font: 7pt Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #666666;			
}
.footer {
	font: 7pt Arial, Verdana, sans-serif;
	font-weight: bold;
	background: #aaaaaa;
	padding: 3px;
	padding-left: 8px;
	padding-right: 8px;
	color: #454545;
	border-top: 1px solid #666666;
}

img.galleryThumbnail {
	border: 1px solid #000000;
}

.sticky {
	background-color: #faff00;
	border: 1px solid #ff7e00;
	float: right;
	margin-left: 10px;
	padding: 3px;
	font-family: "Comic Sans", "Comic Sans MS", cursive;
	width: 40%;
}

.sticky ul {
	margin-top: 3px;
	margin-left: 0;
}

.sticky li {
	margin-left: -10px;
}

.sticky .header {
	background-color: #ff7e00;
	color: #000;
	font-family:  inherit;
	margin: -3px;
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
	border-bottom: 1px solid #bd5e00;
}

.postit {
	background: url(images/postit.png) no-repeat;
	float: right;
	width: 160px;
	height: 194px;
	font: xx-small "Phatty", "Comic Sans", "Comic Sans MS", cursive;
	padding-left: 15px;
	padding-top: 18px;
	margin-left: 15px;
	color: #454545;
	margin-right: -50px;
	margin-top: -30px;
	padding-right: 33px;
	z-index: 1;
	text-align: left;
}

.postit .header {
	color: #bb5e00;
	font-family:  inherit;
	border-style: none;
}

.chalkboard {
	background: url(images/chalkboard_narrow.png) no-repeat;
	float: right;
	margin-right: -180px;
	margin-top: -35px;
	width: 360px;
	height: 225px;
	font: xx-small "Phatty", "Comic Sans", "Comic Sans MS", cursive;
	padding-left: 30px;
	padding-top: 30px;
	color: white;
	padding-right: 33px;
	z-index: 1;
	text-align: left;
}

.chalkboard .header {
	color: yellow;
	font-family:  inherit;
	border-style: none;
	text-decoration: underline;
}

.albumCell {
	display: inline-block;
	margin-top: 5px;
	margin-right: 15px;
	text-align: center;
}

.woodenShelf {
	background: url(images/shelf_bg.png) repeat-x;
	display:table;
	width:100%;
	margin-top:0px;
	padding:0px;	
}
.woodenShelf .book {
	display: table-cell;
	margin-left: 15px;
	margin-right: 15px;
	text-align: center;
	width:25%;
	float:left;
}
.woodenShelf .book .bookTitle {
	font-weight: bold;
	margin-top: 10px;
}
.woodenShelf .book .bookAuthor {
	font: 7pt Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #666666;			
}



.sectionFooter {
	background-color: #F6F6F6;
	color: #333333;
	margin-top: -5px;
	margin-bottom: 10px;
	width: 85%;
	font: 8pt Arial, Verdana, sans-serif;
	display: inline-table;
	padding: 3px;
	border-left: 0px;
	border-right: 0px;
	border-top: 1px dotted #999999;
	border-bottom: none;
	width:100%;
	font-size: smaller;
}

.menu {
	background: #aab9d2;
	margin-left:15px;
	margin-right:15px;
	margin-top:15px;
	border:1px solid #000099;
	font: 8pt Arial, Verdana, sans-serif;	
}

.menuHeader {
	text-align:left;
	font-weight:bold;
	border-bottom:1px dotted #000099;
	padding:3px;
	font: 10pt Arial, Verdana, sans-serif;	
	font-weight:bold;
	padding:4px;
}

.menuContent {
	background-color: #e1e5eb;
	padding:4px;	
}

.menuItem {
	text-align:left;
	padding:3px;
	font: 8pt Arial, Verdana, sans-serif;	
}

.menuItem:hover {
	background: #CCCCCC;
}

.menuItem:hover a {
	background: #CCCCCC;
	color: black;
}

.darkContentBox {		
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:5px;
	border:1px solid #AAAAAA;
	padding:5px;	
	background-color: #CCCCCC;
	color: #666666;
	font: 7pt Verdana, sans-serif;	
}

.contentBox {
	border:1px #BBBBBB solid;
	background:white;
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
}

.contentBox .header {
	border-bottom:1px dotted #CCCCCC;
}

.contentBox .subheader {
	border-bottom: none;
}

.contentBox .sectionFooter {
	color: #454545;
	background: white;
	margin-top: 15px;
	margin-bottom:-3px;
	width: 85%;
	font: 7pt Arial, Verdana, sans-serif;
	display: inline-table;
	border-left: 0px;
	border-right: 0px;
	border-top: 1px dotted #AAAAAA;
	border-bottom: none;
	width:100%;
}
