﻿body {
	background-color: #EEEEEE;
	text-align: center;
	margin: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
	
	body a img {
		border-width: 0;
	}
	
	body div#container {
		margin: 10px auto 10px auto;
		width: 728px;
		height: auto;
		color: #444142;
		text-align: left;
		border: 10px solid #FFFFFF;
		background-color: #FFFFFF;
	}
	
	body div#container div.header {
		width: 100%;
		height: 108px;
		background-color: #E0078C;
		background-image: url("/media/95e6ae5d71484fc4922ec8a49acc616d.jpg");
		background-repeat: no-repeat;
		margin-bottom: 4px;
	}
		
		body div#container div.header h1 {
			display: none;
		}
		
		body div#container div#imageBanner {
			width: 100%;
			height: 76px;
			margin-bottom: 4px;
			position: relative;
		}
		
		body div#container div#submenu {
			width: 163px;
			height: auto;
			display: inline;
			float: left;
			padding: 4px;
			background-color: #CFCFCF;
			margin-right: 4px;
			color: #769A97;
		}
		
			body div#container div#submenu h2 {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 1em;
				margin: 0 0 0.5em 0;
			}
			
			body div#container div#submenu ul {
				clear: both;
				margin: 4px 0 0 0;
				padding: 0;
				font-size: 0.9em;
			}
			
				body div#container div#submenu ul li {
					width: 100%;
					list-style-type: none;
					margin-bottom: 1px;
				}
				
					body div#container div#submenu ul li a {
						width: 159px;
						display: block;
						text-decoration: none;
						color: #666666;
						padding: 2px 0 2px 4px;
						background-color: #DDDDDD;
					}
					
						body div#container div#submenu ul li a:hover {
							color: #000000;
						}
						
						body div#container div#submenu ul li a:hover {
							color: #FFFFFF;
							background-color: #CCCCCC;
						}
						
						body div#container div#submenu ul li.selected a {
							color: #000000;
						}
						
							body div#container div#submenu ul li.selected ul li a {
								margin-left: 0;
							}
							
							body div#container div#submenu ul li ul {
								min-width: 13em;
								background-color: #769A97;
								border: 1px solid #FFFFFF;
							}
							
								body div#container div#submenu ul li ul li {
									min-width: 13em;
									font-size: 1.2em;
									background-color: #769A97;
								}
								
								body div#container div#submenu ul li ul li a {
									width: 160px;
									padding-left: 2px;
									border-top: 1px solid #FFFFFF;
								}
								
								body div#container div#submenu ul li ul li.selected {
									background-image: none;
								}
								
									body div#container div#submenu ul li ul li.selected a {
										margin-left: 0;
									}
				
				body div#container div#submenu input.searchTextbox {
					width: 145px;
					height: 12px;
					display: inline;
					float: left; 
					font-size: 0.75em;
					margin-right: -3px;
				}
				
				body div#container div#submenu input.searchButton {
					width: 16px;
					height: 16px;
					float: left;
					display: inline;
					padding-left: 17px;
					margin-right: -17px;
					color: #000000;
					background-color: #000000;
					background-image: url("/media/97d1d759c83c486390430bf1a5076d45.gif");
					background-repeat: no-repeat;
					background-position: 3px 3px;
					overflow: hidden;
				}
				
			/*eof submenu */
		
		body div#container div#yearSelection {
			width: 460px;
			background-color: #C24587;
			height: 20px;
			text-align: center;
			margin-bottom: 1em;
			float: left;
		}
		
			body div#container div#yearSelection ul.menu {
				margin: 0;
				padding: 0;
				list-style-type: none;
			}
			
				body div#container div#yearSelection ul.menu li {
					height: 100%;
					display: block;
					float: left;
					background-color: #C24587;
					color: #FFFFFF;
				}
				
					body div#container div#yearSelection ul.menu li a {
						background-color: #C24587;
						color: #FFFFFF;
						display: block;
						padding: 2px 0 2px 0;
						text-decoration: none;
					}
					
						body div#container div#yearSelection ul.menu li a:hover {
							background-color: #885870;
							color: #FFFFFF;
						}
						
						body div#container div#yearSelection ul.menu li.selected a {
							background-color: #FFFFFF;
							color: #C24587;
						}
						
							body div#container div#yearSelection ul.menu li.selected a:hover {
								background-color: #FFFFFF;
								color: #885870;
							}
		
		body div#container div.content {
			width: 550px;
			height: auto;
			padding: 0;
			float: left;
			font-size: 0.9em;
		}
		
			body div#container div.content h2 {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 1.2em;
				color: #ED1395;
				margin: 0 0 0.5em 0;
				clear: both;
			}
			
			body div#container div.content h3 {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 1em;
				color: #ED1395;
				margin: 0 0 0.25em 0;
			}
			
			body div#container div.content h4 {
				font-size: 1em;
				margin-bottom: 0.5em;
			}
			
			body div#container div.content div.eventBanner {
				background-image: url("/media/a2278fbf19e746458a13d7a1a69632bd.jpg");
				width: 548px;
				height: 67px;
			}
			
				body div#container div.content div.eventBanner a {
					color: #000000;
					text-decoration: none;
					padding: 7px 0 0 47px;
					width: 501px;
					height: 60px;
				}
			
				body div#container div.content div.eventBanner span.eventTitle {
					text-transform: uppercase;
					font-family: "Times New Roman", Times, serif;
					font-size: 15px;
				}
				
				body div#container div.content div.eventBanner span.eventDesc {
					font-family: "Times New Roman", Times, serif;
					font-size: 16px;
				}
				
				body div#container div.content div.eventBanner span.eventInstructions {
					font-family: "Times New Roman", Times, serif;
					font-size: 14px;
					color: #ED1395;
				}
			
			body div#container div.content div.homepage {
				margin-top: 0;
			}
			
				body div#container div.content div.homepage h2 {
					margin-top: 1em;
				}
			
			body div#container div.content p {
				font-size: 1em;
				margin-top: 0;
				margin-bottom: 0.5em;
			}
			
			body div#container div.content a {
				color: #ED1395;
				text-decoration: underline;
			}
			
			body div#container div.content a:hover {
				color: #000000;
				text-decoration: underline;
			}
			
			body div#container div.content blockquote {
				margin: 1em;
			}
			
			body div#container div.content ul {
				margin: 0 0 0.5em 2em;
			}
			
				body div#container div.content ul li {
					margin-bottom: 0.5em;
				}
			
			body div#container div.content form {
				margin: 0;
				padding: 0;
			}
			
			body div#container div.content ul.buttonBoard li a {
				padding: 5px;
			}
			
			body div#container div.content ul.letterList {
				width: 96px;
				display: block;
				float: left;
				margin: 0 5px 0 0;
				padding: 0;
				list-style-type: none;
			}
			
				body div#container div.content ul.letterList li {
					display: block;
					float: left;
					width: 22px;
					height: 22px;
					text-transform: uppercase;
					border: 1px solid #FFFFFF;
				}
					
					body div#container div.content ul.letterList li.selected {
						border: 1px solid #C24587;
					}
					
					body div#container div.content ul.letterList li a {
						display: block;
						float: left;
						width: 14px;
						height: 14px;
						padding: 3px 3px 5px 5px;
						text-align: center;
					}
					
						body div#container div.content ul.letterList li.disabled a {
							color: #CCCCCC;
							text-decoration: none;
						}
					
			body div#container div.content div.lostBoys {
				width: 379px;
				float: left;
			}
					
				body div#container div.content div.lostBoys table {
					width: 100%;
				}
				
					body div#container div.content div.lostBoys table tr.alt {
						background-color: #F4F4F4;
					}
					
					body div#container div.content div.lostBoys table input.supply {
						background-color: #C24587;
						color: #FFFFFF;
						border-width: 0;
					}
				
			body div#container div.content input.next, body div#container div.content input.prev {
				background-color: #C24587;
				color: #FFFFFF;
				border-width: 0;
			}
			
			body div#container div.content .checkbox input {
				border-width: 0;
				margin-right: 0.5em;
			}
			
		body div#container div#pageOptions {
			width: 100%;
			float: right;
			font-size: 0.9em;
			text-align: right;
			color: #CCCCCC;
		}
		
			body div#container div#pageOptions a {
				color: #999999;
				text-decoration: none;
			}
			
				body div#container div#pageOptions a:hover {
					color: #000000;
					text-decoration: underline;
				}
			
		body div#container span.highlight {
			color: #ED1395;
		}
		
		body div#container div.quotation {
			position: relative; !important /* Required for IE6 z-index fix */
			font-family: "Times New Roman", Times, serif;
			font-style: italic;
			font-size: 1.35em;
			background-image: url("/media/1c8b56d4b2f542f0b04976cea70194c3.gif");
			background-repeat: no-repeat;
			padding: 10px 0 0 0;
			margin: 0;
			z-index: 1;
		}
		
			body div#container div.quotation p {
				font-family: "Times New Roman", Times, serif;
				text-indent: 48px;
			}
		
		body div#container div.citation {
			text-align: right;
			font-style: italic;
			margin-top: -70px;
			margin-bottom: 0.5em;
			padding-top: 50px;
			padding-bottom: 10px;
			background-image: url("/media/c8522e4ae58743198db70103577a1349.gif");
			background-repeat: no-repeat;
			background-position: top right;
			z-index: 0;
		}
		
		body div#container div.footer {
			background-color: #FFFFFF;
			text-align: left;
			font-size: 0.8em;
			margin: 1em 0 0 0;
			clear: both;
		}
		
			body div#container div.footer a {
				color: #FFFFFF;
				text-decoration: none;
			}
			
				body div#container div.footer a:hover {
					text-decoration: underline;
				}
				
				body div#container div.footer div#copyright {
					width: 30%;
					float: left;
				}
				
				body div#container div.footer div#adminLink {
					width: 30%;
					float: left;
					text-align: center;
				}
				
				body div#container div.footer div#credits {
					width: 30%;
					float: right;
					text-align: right;
				}
			
	body .alignLeft {
		display: block;
		float: left;
		margin: 0 5px 5px 0;
	}
	
	body .alignRight {
		display: block;
		float: right;
		margin: 0 0 5px 5px
	}
	
	body div.cms_module {
		clear: both;
	}
	
	body .error {
		font-weight: bold;
		color: #FF0000;
	}
	
	body table {
		text-align: left;
	}
	
		body table.events {
			width: 100%;
			margin-bottom: 1em;
		}
		
			body table.events p span.headline {
				color: #ED1395;
				font-weight: bold;
			}
			
			body table.events p span.venue {
				font-weight: bold;
			}
			
			body table.events td.details {
				padding-bottom: 1em;
			}
			
			body table.events td.thumbnail {
				width: 205px;
				padding-bottom: 5px;
			}
	
	body input, body textarea {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		border: 1px solid #322E2F;
		background-color: #FFFFFF;
	}
	
		body input.shortText, body input.emailAddress, body textarea.longText {
			width: 85%;
		}
	
	body input.cancel, input.submit, input.searchButton {
		background-color: #C24587;
		color: #FFFFFF;
		border-width: 0;
		/*margin-right: 5px;
		display: block;
		float: left;*/
		padding: 2px;
	}
	
	div.dotteddiv {
		border-top: 1px solid gray;
		border-bottom: 1px solid gray;
		padding-top: 5px;
		padding-bottom: 5px;
	} 