@import "undohtml.css";

/* !BASIC */
body{
	background:#000 url(../i/body_bg.gif) repeat;
	color:#fff;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
div#wrapper{
	display:table;
	height:1%;
	left:-40px;
	margin:0 auto;
	position:relative;
	width:746px;
}
div#main_content{
	/* IE */
	display:table;
	width:530px;
}
.bold{
	font-weight:bold;
}

.italic{
	font-style:italic;
}
span.italic{
	font-style:italic;
	text-decoration:underline;
}
.pt9em{
	font-size:.8em;
}
div.center{
	text-align:center;
}
div.center i{
	margin:0 auto;
}
.dotted_btm{
	border-bottom:dotted 1px #a440a4;
	padding-bottom:4em;
}
.none{
	display:none;
}
.hidden{
	visibility:hidden;
}
span.underline{
	text-decoration:underline;
}
ul.disc{
	list-style:disc;
	margin-left:38px;
}
ul.disc li{
}
em{
	font-size:.9em;
	font-weight:bold;

}
img.L{
	float:left;
}
img.R{
	float:right;
}
img.calThumb{
	width:450px;
}
span.up{
	position:absolute;
	top:-50px;
}
.floatfix{
	display:block;
	clear:both;
	visibility:hidden;
}
.red{
	color:#cc0000;
}
.blue{
	color:#2c8fe4;
}
/* !NAVBAR */
ul#navbar{
	float:left;
	margin-top:16px;
}
ul#navbar li{
	display:table;
}
ul#navbar li a{
	background-image:url(../i/navbar.gif);
	background-repeat:no-repeat;
	display:block;
	height:86px;
	width:216px;
}
ul#navbar li a.tour{
	background-position:0px -90px;
}
ul#navbar li a.parties{
	background-position:0px -180px;
}
ul#navbar li a.orders{
	background-position:0px -270px;
}
ul#navbar li a.fundraisers{
	background-position:0px -360px;
}
ul#navbar li a.calendar{
	background-position:0px -450px;
}
ul#navbar li a.friends{
	background-position:0px -542px;
}
ul#navbar li a.contact{
	background-position:0px -634px;
}
/* !HEADER */
div#header{
	background:#fff;
	display:table;
	margin:0 auto;
	width:530px;
}
a#logo{
	background:#5c4498 url(../i/Out_On_a_Whim_Logo.gif) no-repeat;
	display:block;
	float:left;
	height:161px;
	width:364px;
}
div#address{
	color:#78437b;
	float:left;
	font-weight:bold;
	line-height:1.2em;
	padding-bottom:6px;
}
div#address span.phone{
	font-size:14px;
}
a#map_link{
	background:#fff url(../i/map_link.jpg) no-repeat;
	display:block;
	height:115px;
	width:165px;
}
/* !BANNER */
div#banner{
	padding:4px 0;
}
div#banner a{
	display:block;
	height:63px;
	width:530px;	
}
div#banner a.fall{
	background:url(../i/banners/fall_classes_banner.jpg);
}
div#banner a.new_classes{
	background:url(../i/banners/2_new_classes_banner.jpg);
}
div#banner a.summer{
	background:url(../i/banners/summer_classes_banner.gif);
}
div#banner a.gifts{
	background:url(../i/banners/great_gifts_banner.jpg);
}
/* !TAGS */
div h3{
	display:block;
	width:200px;
}
div#primary h3, div#secondary h3{
	background-color:transparent;
	background-repeat:no-repeat;
	height:60px;
}
div#secondary h3{
	height:36px;
}
h3.home_tag{
	background:url(../i/tags/home.gif);
}
h3.news_tag{
	background:url(../i/tags/news.gif);
}
h3.tour_tag{
	background:url(../i/tags/tour.gif);
}
h3.parties_tag{
	background:url(../i/tags/parties.gif);
}
h3.classes_tag{
	background:url(../i/tags/classes.gif);
}
h3.orders_tag{
	background:url(../i/tags/orders.gif);
}
h3.gallery_tag{
	background:url(../i/tags/gallery.gif);
}
h3.fundraisers_tag{
	background:url(../i/tags/fundraisers.gif);
}
h3.calendar_tag{
	background:url(../i/tags/calendar.gif);
}
h3.friends_tag{
	background:url(../i/tags/friends.gif);
}
h3.contact_tag{
	background:url(../i/tags/contact.gif);
}
/* !NEWS FLASH */
div#newsFlash{
	background:#2e5789 url(../i/alertBG.gif);
	border:solid 4px #a70f0f;
	font-size:14px;
	font-weight:bold;
	margin-top:4px;
	text-align:center;
	padding:4px;
}
div#newsFlashBlue{
	background:#cc0000 url(../i/alertBG_Blue.gif);
	border:solid 2px #336199;
	font-size:10px;
	font-weight:bold;
	margin-top:4px;
	text-align:center;
	padding:4px;
}
/* !PRIMARY */
div#primary{
	/* IE & IE 7 */
	clear:left;
	color:#fff;
	text-align:left;
	padding-bottom:6px;
}
div#primary a{
	color:#fff;
	text-decoration:underline;
}
div#primary a:hover{
	text-decoration:none;
}
div#primary h4{
	font-size:18px;
	padding-bottom:12px;
	text-align:center;
}
div#primary ul{
	font-size:12px;
	list-style:disc;
	margin:0 auto;
	width:360px;
}
div#primary ul li{
	padding-bottom:6px;
}
div#primary p{
	font-size:14px;
	padding:0 10px 10px 10px;
	text-align:center;
}
div.home{
	background-color:#91278d;
}
div.tour{
	background-color:#C0272D;
}
div.parties{
	background-color:#3f8cff;
}
div.classes{
	background-color:#23A38A;
}
div.orders{
	background-color:#f17c08;
}
div.fundraisers{
	background-color:#b15277;
}
div.calendar{
	background-color:#709535;
}
div.friends{
	background-color:#1f6a83;
}
div.contact{
	background-color:#eb1e79;
}
/* !SECONDARY */
div#secondary_top{
	background-image:url(../i/primary_border.png);
	background-position:top;
	background-repeat:no-repeat;
	display:block;
	height:17px;
}
div#secondary_bottom{
	background-image:url(../i/footer_border.png);
	background-position:top;
	background-repeat:no-repeat;
	display:block;
	height:17px;
}
div#secondary{
	background:#fff;
	font-size:13px;
	color:#000;
	padding:0 12px;
	text-align:left;
}

div#secondary div.item .bold{
	color:purple;
}

div#secondary div.item .large{
	font-size:18px;
	color: red;
}

div#secondary div.item .alert{
	color:red;
	display:block;
	font-weight:bold;
	padding:10px 0 0 0;
}
div#secondary div.item h4{
	background-color:#fff;
	display:block;
	font-size:14px;
	padding:4px 0 4px 28px;
}
div#secondary div.item h4.bigTitle{
	background:none;
	border-bottom:dotted 2px;
	color:#f97b90;
	font-size:20px;
	text-align:center;
	text-transform:uppercase;
}
div#secondary div.item h4.subTitle{
	background:none;
	border-bottom:dotted 2px;
	color:#91278d;
	font-size:16px;
	text-transform:uppercase;
}
div#secondary div.item h5, div#secondary div.item p{
	background:#fff;
	padding-left:28px;
}
div#secondary div.item h4{
	background:url(../i/swirl.gif) no-repeat center left;
}
div#secondary div.item p{
	background-color:transparent;
	display:table;
	padding-top:16px;
	padding-bottom:2px;
	position:relative;
	top:-10px;
}
div#secondary a{
	font-weight:bold;
	color:#d3a20c;
	text-decoration:underline;
}
div#secondary a:hover{
	text-decoration:none;
}
div#secondary ul.list{
	display:table;
	list-style: circle;
	margin:8px 0 10px 20px;
}
div#secondary ul.list li{
	left:10px;
	margin-top:4px;
	position:relative;
}
div#secondary ul.list li .bold{
	color:#0071BC;
}
/* !NEWS */
div#secondary div.news p{
	background:url(../i/news_item_border.gif) repeat-y 4px top;
}
div#secondary div.news ol{
	background:url(../i/news_item_border.gif) repeat-y 4px top;
	padding-bottom: 8px;
}
div#secondary div.news ol li{
	padding:4px 0 0 6px;
}
div#secondary div.news ol.specials{
	padding-left: 28px;
}
div#secondary div.news span.bold{
	font-weight:bold;
}

div#secondary div.news #reindeer{
	margin: 15px;
}

div#secondary div.news #angel{
	margin: 0 45px;
}

div#secondary div.news #angel2{
	margin: 25px 45px;
}

div#secondary div.news #penguin{
	margin: 0 15px;
}

/* !GALLERY */
div#secondary div.gallery img{
	border:solid 2px black;
	margin:0 8px 8px 0;
	width:96px;
}
ul#galNav{
	display:block;
	height:100px;
}
ul#galNav li{
	display:block;
	float:left;
}
ul#galNav li a{
	background-image:url(../i/galNav.jpg);
	display:block;
	height:92px;
	text-decoration:none;
	width:72px;
}
ul#galNav li a:hover, ul#galNav li a.current{
}
a#Wedding{
	background-position:-360px top;
}		 
a#Birthday{
	background-position:-72px top;
}		 
a#Family{
	background-position:-144px top;
}		 
a#Baby{	 
	background-position:0px top;
}		 
a#Holiday{
	background-position:-216px top;
}		 
a#Home{	 
	background-position:-288px top;
}		 
a#Misc{	 
	background-position:72px top;
}		 
/* !CONTACT */
div#secondary div.contact{
	background-color:#fff;
	text-align:center;
}
/* !CONTACT FORM */
fieldset{
	border:none;
}
form#contact{
	display:table;
	margin:0 auto;
	width:300px;
}
form#contact label{
	clear:left;
	display:block;
	float:left;
	text-align:left;
	width:60px;
}
form#contact input, form#contact textarea{
	display:block;
	float:left;
	margin:4px 0;
	width:200px;
}
form#contact input.submit{
	left:61px;
	margin:0 auto;
	position:relative;
}
form#contact input.listAdd{
	clear:both;
	float:left;
	margin:4px 0 10px 60px;
	width:auto;
}
span.listTxt{
	clear:none;
	font-size:.9em;	
	display:block;
	float:left;
	margin:3px 0 0 8px;
}
/* !FOOTER */
div#footer{
	background-image:url(../i/footer_corner.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin-bottom:10px;
	padding:8px 10px 14px 10px;
}