@charset "utf-8";
@import "../../Scripts/thickbox.css";
@import "../../Scripts/global.css";

/*******************************************************************************
*  BlueSky.css : 03.10.2006
* -----------------------------------------------------------------------------
*  Created by Tony Hogben
*******************************************************************************/

/* CORE LAYOUT */
body
{
	margin:0 2% 20px 2%;	/* margin instead of padding for the gutterspace around 
	 			   the layout because IE breaks the layout when 
	 			   horizontal padding is applied to the body element.
	 			   % over pixels for that horizontal gutterspace so that
	 			   it automatically goes below 20px on low-res browsers
	 			   to create more space for the content. */
	font-size: 100.1%;	/* resolve some font size issues in some layouts for
				   some browsers. (in other words, i got no clue.) */
}
#pageWrapper
{
	border-width:0 1px;
	width:750px;
	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/
}
* html #pageWrapper
{
	/* \*/
		word-wrap: break-word;
	/* invalid CSS but keeps IE from breaking horribly under narrow viewports */
}
#outerColumnContainer
{
	/* reserves space for the left and right columns. you can use either
	 * padding, margins, or borders, depending on your needs. however you
	 * can use the border method to create a background color for both left
	 * and right columns
	 */
	border-left: solid 12em #fff;
	border-right: solid 6em #fff;
}
#innerColumnContainer
{
	border: solid 1px #fff;
	border-width: 0 1px;
	margin: 0 -1px;		/* compensate for the borders because of
				   100% width declaration */
	width: 100%;
	z-index: 1;
}
#leftColumn, #middleColumn, #rightColumn, * html #SOWrap
{
	overflow: visible;	/* fix for IE italics bug */
	position: relative;	/* fix some rendering issues */
}
#SOWrap
{
	float: left;
	margin: 0 -1px 0 0;
	width: 100%;
	z-index: 3;
}
#middleColumn
{
	float: right;
	margin: 0 0 0 -1px;
	width: 100%;
	z-index: 5;
}
#leftColumn
{
	float: left;
	margin: 0 1px 0 -12em;
	width: 12em;
	z-index: 4;
}
#rightColumn
{
	float: right;
	width: 6em;
	margin: 0 -6em 0 1px;
	z-index: 2;
}

/* Vertical Navigation */
.nav
{
	padding-top:10px;
	font-size:120%;
	text-align:right;
}
.nav ul, .nav ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}
.nav ul
{
	border: solid 0px #fff;
	border-bottom-width: 0;
}
.nav ul li
{
	border-bottom: solid 0px #fff;
}
.nav ul li, .nav ul li a
{
	margin: 0;
	display: block;
	padding: 0;
	line-height: normal;
}
.nav ul li a
{
	display: block;
	padding: 2px 10px 3px 5px;
}
.nav ul li a, .nav ul li a:link, .nav ul li a:visited, .nav ul li a:active, .nav ul li a:hover
{
	text-decoration: none;
	cursor: pointer;
}
.nav h3
{
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 126%;
}
* html .nav ul li a/* hide from IE5.0/Win & IE5/Mac */
{
	height: 0.01%;
}
* html .nav ul
{
	position: relative;	/* IE needs this to fix a rendering problem */
}

/* Styling */
body
{
	color: #000;
	font-family: arial, helvetica, sans-serif;
	background:#F6E4EE;
}
a, a:link, a:visited, a:active
{
	text-decoration: underline;
	color: #E5226C;
}
a:hover, a:focus
{
	text-decoration: underline;
	color: #A81649;
}
hr
{
	border-top: 1px solid #E5226C; /* Set standard hr colour - use border for browser consistency */
}
h1
{
	color:#E5226C;
	font-size:160%;
	padding:0 0 5px 0;
	margin:0;
}
h2
{
	color:#E5226C;
	font-size:130%;
	padding:0;
	margin:0;
}
legend
{
	color:#E5226C;
}
#header
{
}
#masthead
{
	background:#F6E4EE url("PinkHibiscus_Header.jpg") no-repeat left top;
	overflow:hidden;
	height:147px;
}
#countdown
{
	margin-top:22px;
}
#countdown .inside
{
	margin:1px 0;
	padding:0 5px;
	font-size:120%;
	color:#fff;
}
.WhosEvent
{
	padding-left:3px;
}
.CountDownDetails
{
	float:right;
	margin-top:68px;
	padding-right:253px;
}
#navigation
{
	background:#F89DC7;
	width:11.9em;
	margin-top:5px;
}

#middleColumn .inside
{
	padding:5px 10px;
}
#websitefooter
{
	margin-left:171px;
	margin-right:85px;
	text-align:center;
}
#websitefooter .inside
{
	padding:0 0 10px 0;
}
#footer a:link, #footer a:visited
{
	color:#fff;
}

/* Webpage */
#webpage .picture
{
	float:right;
	padding:3px 10px 0 5px;
}
#webpage .content
{
	clear:both;
}

/* Navigation Theme */
.nav ul li a:link, .nav ul li a:visited, .nav ul li a:active
{
	text-decoration: none;
	color: #E5226C;
}
.nav ul li a:hover
{
	text-decoration: none;
	background-color: #F7307B;
	color: #fff;
}

/* Set the default font size here. */
#pageWrapper
{
	font-size: 90%;	
}

/* Background Images */
#outerColumnContainer
{
	border-left-width:0;
	border-right-width:0;	/* we remove the borders so we can apply
				   background images. */
	padding-left:12em;	/* because padding is on the left-side,
				   the left-column"s background image is
				   going to be applied to this element. */
	margin-right:6em;	/* the right-column"s space is reserved
				   with margin space rather than padding,
				   so we can apply a background image to
				   the parent element, #pageWrapper, and
				   it will peek through. */
	background-color:#F89DC7;
	background-image:url(Hibiscus.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}
#pageWrapper
{
	background-color:#F89DC7;
}
#innerColumnContainer
{
	background:#fff;
}

/* Registry Design */
#websiteregistry .groupname
{
	font-weight:bold;
	font-size:130%;
	padding-bottom:5px;
}
#websiteregistry .registryitem
{
	border:solid 2px #F7307B;
	padding:3px;
	background:#FFCFE4;
}
#websiteregistry .registryitem2
{
	border:solid 2px #F7307B;
	padding:3px;
	background:#DFD1D7;
}
#websiteregistry .title
{
	background:#F7307B;
	color:#fff;
	padding:2px 3px;
	font-size:105%;
}
#websiteregistry .picture img
{
	border:solid 1px #F7307B;
	float:left;
}
#websiteregistry .details
{
	float:right;
	width:327px;
}
#websiteregistry .pqContainer
{
	width:330px;
	float:left;
	font-size:85%;
	font-weight:bold;
	padding-top:4px;
}
#websiteregistry .price
{
	padding-left:105px;
	float:left;
	width:110px;
}
#websiteregistry .quantity
{
	float:right;
	width:112px;
}
#websiteregistry .buybuttoncontainer
{
	width:90px;
	float:right;
}
#websiteregistry .buybutton
{
	color:#fff;
	background:#F7307B;
	border-bottom:solid 2px #BF1759;
	border-left:solid 2px #BF1759;
	border-top:solid 2px #FF8FBB;
	border-right:solid 2px #FF8FBB;
	padding:2px 3px;
	font-weight:bold;
	font-size:75%;
	text-align:center;
}
#websiteregistry .buybutton a
{
	color:#fff;
	text-decoration:none;
}
#websiteregistry .description
{
	min-height:50px;
	padding-top:2px;
	font-size:90%;
}
*html #websiteregistry .description
{
	height:50px;
}

.validationSummary
{
	width:460px;
}

/******************************************************************************/

@import url("../../Scripts/print.css") print;