/*
Main Style Sheet

Author: Jason Hollett (jasonhollett.com)
___________________________________________________________________________ */



/* =Global
___________________________________________________________________________ */
body {
	background: #170d03 url(/_images/bg-header.gif) repeat-x 0 0;
	font-family: "trebuchet ms", arial, sans-serif;
	color: #fff;
	/*text-shadow: 1px 1px 3px #000;*/
}

a {
	outline: none;
	color: #68b6e0;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	margin-bottom: 20px;
}



/* =Common Classes
___________________________________________________________________________ */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

.center { text-align: center; }
.align-r { text-align: right; }

.pink { color: #e286a4; /* #fb97cb; */ }
.beige { color: #b3a296; }

.medium { font-size: 93%; }
.small { font-size: 85%; }
.large { font-size: 116%; }



span.star {
	color: #e286a4;
	font-family: verdana, sans-serif;
}


/* =Grid
___________________________________________________________________________ */
#container {
	width: 780px;
	margin: 0 auto;
}

#contentContainer {
	background: #271706 url(/_images/bg-contentContainer.gif) repeat-x 0 0;
	padding: 20px 0 40px 0;
	min-height: 400px;
	height: auto !important;
	height: 400px;
}

#footerContainer {
	background: url(/_images/bg-footer-container.gif) repeat-x 0 0;
}

#mainContent {
	width: 520px;
	float: left;
}

#secondaryContent {
	float: right;
	width: 220px;
}



/* =Header
___________________________________________________________________________ */
#header {
	height: 84px;
	position: relative;
}

	#header h1 {
		text-indent: -9999px;
	}

	#header a.logo {
		display: block;
		width: 346px;
		height: 49px;	
		position: absolute;
		top: 18px;
		left: 217px;
		text-indent: -9999px;
		background: url(/_images/logo.png) no-repeat 0 0;
		behavior: url(/_styles/iepngfix.htc);
	}


#topNav {
	background: url(/_images/bg-topNav.png) no-repeat 0 0;
	display: block;
	width: 132px;
	height: 26px;
	position: absolute;
	top: 0;
	right: 0;
}

#topNav ul {
	margin: 3px 0 0 5px;
}

body.fr #topNav ul {
	margin-left: 3px;
}

#topNav li {
	float: left;
	margin-left: 15px;
}

#topNav a {
	font-size: 93%;
	color: #fff;
	font-weight: bold;
}



/* =Main Navigation
___________________________________________________________________________ */
#mainNav {
	height: 28px;
	line-height: 28px;
	padding-top: 1px;
	position: relative;
}

	#mainNav a {
		color: #fff;
		text-decoration: none;
		font-size: 100%;
		font-weight: bold;
		
		height: 30px;
		text-align: center;
		padding: 0 7px;

		min-width: 1px;
		width: auto !important;
		width: 1px;
		
		display: block;
	}

	body.fr #mainNav a {
		/*font-size: 93%;*/
	}
	
	#topNav a:hover,
	#mainNav a:hover {
		color: #b1def6;
		text-decoration: none;
	}

	#mainNav a.ddSelected {
		color: #b1def6;
	}

	#mainNav li.selected,
	#mainNav a.selected {
		background: url(/_images/nav/bg-hilite.gif) repeat-x 0 0;
	}

	#mainNav ul li {
		float: left;
		margin-right: 5px;
	}

	body.fr #mainNav ul li {
		margin-right: 0;
	}

	#mainNav ul.utilNav {
		float: right;
	}

	#mainNav ul.utilNav li {
		margin: 0 0 0 5px;
	}

	body.fr #mainNav ul li {
		margin-left: 0;
	}

	#mainNav a.ddArrow {
		background: url(/_images/arrow-dd.gif) no-repeat 90% 50%;
		padding-right: 17px;
	}


/* =Drop Downs
___________________________________________________________________________ */
#dropDowns {
	position: absolute;
	top: 0;
	left: 50%;
	width: 800px;
	margin-left: -400px;
}

#dropDowns .dd {
	width: 128px;
	position: absolute;
	z-index: 10;
	top: 29px;
}

#dropDowns .dd .top {
	background: url(/_images/bg-dropdown-top.png) no-repeat 0 0;
	behavior: url(/_styles/iepngfix.htc);
	width: 128px;
	height: 3px;
}

#dropDowns .dd .menu {
	background: url(/_images/bg-dropdown.png) no-repeat 0 100%;
	behavior: url(/_styles/iepngfix.htc);
	width: 108px;
	padding: 0 14px 10px;
}

#dropDowns li {
	background: url(/_images/separator-dropdown.gif) no-repeat 0 0;
	padding: 6px 0;
	line-height: 16px;
	margin: 0 !important;
	float: none !important;
}

#dropDowns li.first {
	background: none;
}

#dropDowns li.last {
	background: none;
	padding-bottom: 0;
}

#dropDowns a { /* overwrite default mainNav styles */
	font-weight: bold;
	padding: 0;
	height: auto;
	width: 100px !important;
}

#dd7 { right: 0; }




/* =Main Content
___________________________________________________________________________ */
#mainContent {
	color: #eee;
	/*font-size: 93%;*/
}

#mainContent p {
	margin-left: 20px;
	line-height: 18px;
}

#mainContent ul {
	margin: 0 0 20px 20px;
}

#mainContent li {
	margin-bottom: 4px;
	background: url(/_images/bullet.gif) no-repeat 0 4px;
	padding-left: 24px;
}

#mainContent h2 {
	font-size: 27px;
}

#mainContent h3 {
	font-size: 116%;
	margin-left: 20px;
	margin-bottom: 20px;
	font-weight: bold;
}

#mainContent .titleContainer {
	margin-bottom: 20px;
	width: 520px;
	height: 167px;
	position: relative;
}

	#mainContent .titleHome		{ background: url(/_images/title-home.jpg) no-repeat 0 0; }
	#mainContent .titleGowns	{ background: url(/_images/title-gowns.jpg) no-repeat 0 0; }
	#mainContent .titleProm		{ background: url(/_images/title-prom.jpg) no-repeat 0 0; }
	#mainContent .titleParty	{ background: url(/_images/title-party.jpg) no-repeat 0 100%; height: 180px; }
	#mainContent .titleBlank	{ background: url(/_images/title-blank.jpg) no-repeat 0 0; }
	

	.homeCol1 {
		position: absolute;
		top: 86px;
		left: 60px;
	}

	.homeCol2 {
		position: absolute;
		top: 86px;
		left: 230px;
	}



#mainContent .titleStandard {
	margin-bottom: 20px;
	width: 520px;
	height: 74px;
	position: relative;
	background: url(/_images/title-standard.jpg) no-repeat 0 0;
}

	#mainContent .titleContainer h2,
	#mainContent .titleStandard h2 {
		position: absolute;
		width: 400px;
		top: 30px;
		left: 20px;
		
	}

	#mainContent .titleContainer p {
		position: absolute;
		width: 350px;
		top: 85px;
		left: 20px;
		font-size: 108%;
		margin-left: 0;
		
	}

	#mainContent .titleBlank p {
		width: 480px;
	}


	#mainContent .titleContainer a {
		font-size: 138.5%;
		margin-bottom: 10px;
	}

	#mainContent .titleContainer ul {
		margin: 0;
	}

	#mainContent .titleContainer li {
		padding: 0;
		background: none;
		margin-bottom: 10px;
	}
	
	#mainContent .titleParty p {
		width: 300px;
		top: 75px;
	}




#mainContent .col2-set {
	
	padding-bottom: 20px;
}

	#mainContent .col2-set .col-1 {
		width: 200px;
		float: left;
	}

	#mainContent .col2-set .col-2 {
		width: 300px;
		float: right;
	}

#mainContent td {
	padding: 0 30px 3px 0;
}

#mainContent .imgRight {
	float: right;
	margin: 0 0 20px 20px;
}



/* =Secondary Content
___________________________________________________________________________ */
#secondaryContent {
	color: #eee;
	padding-top: 15px;
}

#secondaryContent h4 {
	text-align: center;
	color: #fff;
	font-size: 100%;
	background: url(/_images/bg-h2.gif) no-repeat 0 50%;
	margin-bottom: 15px;
	font-weight: bold;
}


#secondaryContent h5 {
	font-size: 116%;
/*	color: #fb97cb;*/
	font-weight: bold;
	text-align: center;

	background: url(/_images/box-bg-title.gif) no-repeat 0 0;
	height: 34px;
	line-height: 34px;
	padding-bottom: 10px;

}

#secondaryContent .box p {
	margin: 0;
	padding-bottom: 10px;
}


#secondaryContent .box {
	margin-bottom: 20px;
	font-size: 100%;
}


#secondaryContent .box .top {
	width: 220px;
	height: 11px;
	background: url(/_images/box-bg-top.gif) no-repeat 0 0;
}

#secondaryContent .box .content {
	background: #1d1104 url(/_images/box-bg.gif) no-repeat 0 0;
	padding: 0 10px;
}

#secondaryContent .box .bottom {
	width: 220px;
	height: 11px;
	background: url(/_images/box-bg-bottom.gif) no-repeat 0 0;
}


.event {
	padding-bottom: 20px;
}

	.eventLessPadding {
		padding-bottom: 10px;
	}

	.event .date {
		background: url(/_images/bg-date.gif) no-repeat 0 0;
		font-size: 85%;
		font-weight: bold;
		width: 36px;
		height: 35px;
		text-align: center;
		text-transform: uppercase;
		float: left;
	}

	.event .date div {
		color: #000;
		font-size: 108%;
		padding-top: 4px;
	}

	.event .info {
		margin-left: 46px;
	}

	.event .info p {
		padding: 0;
		margin: 4px 0 0 0 !important;
		font-size: 93%;
	}

	.event .info strong.middle {
		line-height: 33px;
	}


	/* override styles for complete events page */
	#mainContent .event {
		padding-top: 10px;
	}

	#mainContent .event .date {
		margin-top: 3px;
	}

	#mainContent .event .info {
		margin-left: 56px;
	}

	#mainContent .event .info p {
		font-size: 100%;
		margin: 0 0 10px 0 !important;
	}

	#mainContent .event .info h3 {
		margin: 0;
	}

	#mainContent .event .info ul {
		margin: 0;
	}



#secondaryContent a.collection {
}


#mainContent ul,
#secondaryContent ul {
	padding: 0 0 10px 10px;
}

#secondaryContent li {
	padding-bottom: 2px;
	background: url(/_images/bullet.gif) no-repeat 0 4px;
	padding-left: 24px;
}



/* =Footer
___________________________________________________________________________ */
#footer {
	height: 90px;
	width: 740px;
	margin: 0 auto;
	padding: 24px 20px 0;
	background: url(/_images/bg-footer.gif) no-repeat 0 0;
	font-size: 93%;
	line-height: 18px;
}

	#footer .ottawa {
		float: left;
	}

	#footer .gatineau {
		float: left;
		margin-left: 40px;
	}

	#footer .info {
		float: right;
		text-align: right;
	}

	#footer span {
		color: #4b3f34;
	}

a.fb {
	background: url(/_images/fb.png) no-repeat 100% 0;
	padding-right: 26px;
	font-weight: bold;
}


/* =Misc
___________________________________________________________________________ */
#mapOttawa,
#mapGatineau {
	display: none;
}

#mapContainer {
	position: relative;
	width: 580px;
	height: 420px;
}

#mapContainer img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#mapContainer a {
	position: absolute;
	bottom: 8px;
	right: 10px;
	z-index: 2;
	color: #fff;
	font-weight: bold;
}