p { font-family: Verdana, Arial, sans-Serif; font-size: 0.7em; color: #333; line-height: 130%; margin: 0px; }

a:link { font-family: Verdana, Arial, sans-Serif; color: #411750; }
a:visited { color: #411750; }
a:hover {color: #4F88C3; }
a:active {color: #4F88C3; } 

h1 { font-family: Verdana, Arial, sans-Serif; font-style: normal; font-size: 100%; color: #411750; line-height: 135%; margin: 0; margin-bottom: 10px; }

h2 { font-family: Verdana, Arial, sans-Serif; font-weight: bold; font-size: 100%; color: #411750; line-height: 135%; margin: 0; margin-bottom: 10px; }

h3 { font-family: Verdana, Arial, sans-Serif; font-weight: bold; font-size: 80%; color: #333; line-height: 120%; margin: 0; }

ul {
font-family: Verdana, Arial, sans-Serif; color: #333; line-height: 140%; margin: 0px; 
}

ul.people {list-style:none; margin-bottom:10px;}

li {
font-family: Verdana, Arial, sans-Serif; color: #333; line-height: 140%; margin: 0px; font-size: 0.7em; 
}

img { border: 0px; }

.clear { clear: both; }

body
{
  margin: 0px;
  padding: 0px;
text-align: center;
background-color: #AAC4E6;
}


#container
{
  width: 740px;
  height: 615px;
  margin: 0px auto;
  margin-top: 12px;
  padding: 0;
  text-align: left;
  background-color: #FFF;
}

#pagecontainer
{
  width: 740px;
  margin: 0px auto;
  margin-top: 12px;
  padding: 0;
  text-align: left;
  background-color: #FFF;
}


#pagecontainer p { font-family: Verdana, Arial, sans-Serif; font-size: 0.7em; color: #333; line-height: 140%; margin: 0 0 10px 0; width: 95%; padding-left: 10px; }

#pagecontainer h2 { font-family: Verdana, Arial, sans-Serif; font-weight: bold; font-size: 115%; color: #411750; line-height: 135%; margin: 15px 0 10px 0; width: 95%; padding-left: 10px;  border-bottom: dotted 1px #4F88C3; }

#pagecontainer h3 { font-family: Verdana, Arial, sans-Serif; font-weight: bold; font-size: 90%; color: #4F88C3; line-height: 135%; margin: 10px 0 2px 0; width: 95%; padding-left: 10px;  }

.entry
{padding: 0 0 10px 0; }



#leftcontent
{ width: 224px;
  height: 615px;
  float: left; }

#rightcontent
{
  width: 516px;
  height: 615px;
  float: right;
  background-color: #FFF;
}


#calendar
{
  width: 504px;
  height: 320px;
  background-color: #333;
  margin: 12px 12px 16px 0;
}


#info
{
  width: 504px;
  height: 225px;
}


#info p {
padding: 0px 2px 6px 2px;
margin: 0px;
}

#presentInfo {
width: 240px;
float:left;}

#presentInfo p {
margin-top: 5px; }


#generalInfo {
width: 240px;
float:right;
padding-right: 12px;
}


#tagline
{ padding-bottom: 5px;
  margin-bottom: 5px;
 border-bottom: dotted 1px #4F88C3; }
 


.thumbnail
{ width:120px;
 }

.daylabel
{ width:110px;
 }

.description
{ margin-top: 12px; }

.infotext
{ margin: 0px 10px 0px 10px; }

.pageimage
{ margin: 0px 10px 0px 0px;
float:left;
padding: 0px; }


#pageinfo
{
  width: 452px;
  background-color: #E2EBED;
  padding: 4px 4px 4px 4px;
  margin-bottom: 10px;
  
}

html>body #pageinfo
{
  width: 444px;
}


#footerwrap
{ width: 504px;
 border-top: dotted 1px #4F88C3;
    }

#footer
{ text-align: center;
  padding-top: 5px;
   margin-top: 5px;
}

#footer p
{ color: #333; font-style: normal; width: 100%; }



#rssbutton
{ width: 30px;   padding-top: 5px;
}


/* Search */
/*
#pagecontainer p { 
	font-family: Verdana, Arial, sans-Serif; 
	font-size: 0.7em; 
	color: #333;
	line-height: 140%;
	margin: 0 0 10px 0;
	width: 95%;
	padding-left: 10px;
}
*/

h2.headingPair {
	font-family: Verdana, Arial, sans-Serif;
	font-weight: bold;
	font-size: 115%;
	color: #411750;
	line-height: 135%;
	margin: 15px 0 10px 0;
	width: 95%;
	padding-left: 10px;
	border-bottom: dotted 1px #4F88C3;
}

h3.headingPair {
	font-family: Verdana, Arial, sans-Serif;
	font-weight: bold;
	font-size: 90%;
	color: #4F88C3;
	line-height: 135%;
	margin: 10px 0 2px 0;
	width: 95%;
	padding-left: 10px;
}

#filterForm {
    margin: 20px 0px 10px 0px;
}

#filterForm p {
    color: #000;
}

#filterForm select {
    width: 220px;
}

#filterResults {
    height: 380px;
    overflow: auto;
	margin: 0px;
	padding: 0px;
    margin-bottom: 20px;
    /*background: #eddfe8;*/
    width: 490px;
}

.filterResultContainerOdd, .filterResultContainerEven {
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    color: #fff;
    width: 470px;
    background-color: #eef3fa;
    border: 1px dotted #80a7da;

}

#presentTitle, #presentMaker {
    color: #411750;
}
/*
.filterResultContainerEven {
    background: #d6c9d1;
}

.filterResultContainerOdd {
    background: #e2d5dd;
}
*/
#filterResults img {
	margin-left: 5px;
	margin-right: 15px;
	float: left;
}

#filterResultsSummary {
    color: #fff;
}



/* forms, makers, feedback */



#makersCopyContainer {
    height: 480px;
	width: auto;
    overflow: auto;
	/* commented backslash hack v2 \*/
	/* end hack */
    padding: 0px 60px 0px 60px;
    text-align: left;
	background: #fff;
	clear:left;
}

#makersCopyContainer p  {
    padding-bottom: 10px;
}

#makersCopyContainer h1  {
    padding-top: 10px;
}

#makersCopyContainer h2, #makersCopyContainer h3  {
    padding-top: 15px;
}

#feedbackContainer {
	height: 480px;
    max-width: 640px;
    overflow: auto;
    padding: 0px 50px 0px 50px;
    text-align: center;
    font-family: Verdana, Arial, sans-Serif;
	background: #fff;
	clear: left;
}

#feedbackContainer h1  {
    padding-top: 10px;
    text-align: left;
}
#feedbackContainer p {
    text-align: left;
}

/*
#feedbackContainer .standardForm {

	line-height: 130%;
	margin: 10px;
	padding: 10px;
	border:  1px ddd dotted;
}

#feedbackContainer .standardForm .standardFormRow {
	margin-top: 10px;
}
*/

div.standardFormRow {
    clear: both;
    padding-top: 10px;
}

div.standardFormRow span.label {
    float: left;
    width: 100px;
    text-align: right;
    vertical-align: bottom;
    font-size: 75%;
    clear: both;
    padding: 5px 5px 0px 0px;
}

div.standardFormRow span.standardFormEntry {
    float: right;
    width: 335px;
    text-align: left;
    font-size: 70%;
}

span.standardFormEntry textarea {
	font-family: Verdana, Arial, sans-Serif;
	font-size: inherit;
}

form.standardForm {
    width: 450px;
    background-color: #eef3fa;
    border: 1px dotted #80a7da;
    padding: 5px;
    margin: 0px auto;
    margin-top: 14px;
    margin-bottom: 14px;
	font-family: Verdana, Arial, sans-Serif;
	color: #333;
	display: block;
}




/* Present pop-up window */

#presentWindow
{ width: 640px;
height: 510px;
text-align: left; }

#presentNav
{ width: 640px;
height: 30px; 
background-color: #AAC4E6;  }


#presentContainer
{ width: 640px;
height: 480px;
background-color: #FFF;
float:left;}

#presentNav ul {
  margin:0;
  padding:0;
  float:right;
  }
  
.url {float:left; 
width: 260px;}  
  
#presentNav li {
  list-style:none;
  display:inline;
   }
  
#presentNav li a, #presentNav li strong {
  background-repeat:no-repeat;
  background-position:0 0;
  border-width:0;
  float:left;
  text-indent: -1000em;
    }
    
#presentOpen a, #presentOpen strong {
  background:url("../images/open_another_present.gif");
  height: 30px;
  width: 150px;
  }
#presentOpen a:hover { background-position: -150px;}
#presentOpen a strong { background-position: -150px;}

#presentAbout a, #presentAbout strong {
  background:url("../images/about_the_makers.gif");
  height: 30px;
  width: 127px;
  }
#presentAbout a:hover { background-position: -127px;}
#presentAbout a strong { background-position: -127px;}

/* reopen appears on feedback and about the makers */
#presentReopen a, #presentReopen strong {
  background:url("../images/reopen_present.gif");
  height: 30px;
  width: 127px;
  }
#presentReopen a:hover { background-position: -127px;}
#presentReopen a strong { background-position: -127px;}

#presentFeedback a, #presentFeedback strong {
  background:url("../images/feedback.gif");
  height: 30px;
  width: 83px;
  }
#presentFeedback a:hover { background-position: -83px;}
#presentFeedback a strong { background-position: -83px;}

#QuickTimeContent {
	background: #fff;
}






#nav { width: 224px;
height: 142px;
}

#nav ul {
  margin:0;
  padding:0;
  list-style:none;
  background-color: #FFF;
  }
  

#nav ul a {
display: block;
float: left;
clear: left;
}


  
#nav li {
  margin:0;
  padding:0;
  margin-top:0;
  margin-bottom:0;
  background-image:none;
  line-height:normal;
  text-indent:0;
  }
  
#nav li a, #nav li strong {
  background-repeat:no-repeat;
  background-position:0 0;
  display:block;
  border-width:0;
  }
  
#nav li strong {
  background-position:-224px 0px;
  border:0;
  margin:0;
  padding:0;
  }
#nav li a:hover {
  background-position: -224px 0px;
  }


#calendarBtn a, #calendarBtn strong {
  background:url("../images/calendar_btn.gif");
  width:224px;
  height:20px;
  }
#aboutBtn a, #aboutBtn strong {
  background:url("../images/about_btn.gif");
  width:224px;    
  height:20px;
  }      
#needhelpBtn a, #needhelpBtn strong {
  background:url("../images/need_help_btn.gif");
  width:224px;    
  height:20px;
  }
#searchBtn a, #searchBtn strong {
  background:url("../images/search_btn.gif");
  width:224px;
  height:20px;
  }
#archiveBtn a, #archiveBtn strong {
  background:url("../images/archive_btn.gif");
  width:224px;
  height:20px;
  }
#creditsBtn a, #creditsBtn strong {
  background:url("../images/credits_btn.gif");
  width:224px;
  height:20px;
  }
#sendecardBtn a, #sendecardBtn strong {
  background:url("../images/send_ecard_btn.gif");
  width:224px;
  height:22px;
  }
  

#nav ul li {
clear: left;
}
  




#calendar ul {
  margin:0;
  padding:0;
  }
  
#calendar li {
  list-style:none;
  display:inline;
  }
#calendar li a, #calendar li strong {
  width:84px;
  background-repeat:no-repeat;
  background-position:0 0;
  border-width:0;
  float:left;
    }
#calendar li strong {
  background-position: -84px 0px;
  }
#calendar li a:hover {
  background-position: -84px 0px;
  }
#door01 a, #door01 strong {
  background:url("../images/01_door.gif");
  height: 80px;
  }
#door02 a, #door02 strong {
  background:url("../images/02_door.gif");
    height: 80px;
  }
#door03 a, #door03 strong {
  background:url("../images/03_door.gif");
  height: 80px;
  }
#door04 a, #door04 strong {
  background:url("../images/04_door.gif");
  height: 80px;
  }
#door05 a, #door05 strong {
  background:url("../images/05_door.gif");
  height: 80px;
  }
#door06 a, #door06 strong {
  background:url("../images/06_door.gif");
  height: 80px;
  } 
#door07 a, #door07 strong {
  background:url("../images/07_door.gif");
  height: 80px;
  }
#door08 a, #door08 strong {
  background:url("../images/08_door.gif");
    height: 80px;
  }
#door09 a, #door09 strong {
  background:url("../images/09_door.gif");
  height: 80px;
  }
#door10 a, #door10 strong {
  background:url("../images/10_door.gif");
  height: 80px;
  }
#door11 a, #door11 strong {
  background:url("../images/11_door.gif");
  height: 80px;
  }
#door12 a, #door12 strong {
  background:url("../images/12_door.gif");
  height: 80px;
  }
  #door13 a, #door13 strong {
  background:url("../images/13_door.gif");
  height: 80px;
  }
#door14 a, #door14 strong {
  background:url("../images/14_door.gif");
    height: 80px;
  }
#door15 a, #door15 strong {
  background:url("../images/15_door.gif");
  height: 80px;
  }
#door16 a, #door16 strong {
  background:url("../images/16_door.gif");
  height: 80px;
  }
#door17 a, #door17 strong {
  background:url("../images/17_door.gif");
  height: 80px;
  }
#door18 a, #door18 strong {
  background:url("../images/18_door.gif");
  height: 80px;
  }
  #door19 a, #door19 strong {
  background:url("../images/19_door.gif");
  height: 80px;
  }
#door20 a, #door20 strong {
  background:url("../images/20_door.gif");
    height: 80px;
  }
#door21 a, #door21 strong {
  background:url("../images/21_door.gif");
  height: 80px;
  }
#door22 a, #door22 strong {
  background:url("../images/22_door.gif");
  height: 80px;
  }
#door23 a, #door23 strong {
  background:url("../images/23_door.gif");
  height: 80px;
  }
#door24 a, #door24 strong {
  background:url("../images/24_door.gif");
  height: 80px;
  }
  
/* ecard */
.instruction {
	margin:5px;
}