p { font-family: Verdana, Arial, sans-Serif; font-size: 0.7em; color: #333; line-height: 140%; 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;
}

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

img { display: none; }

.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;
}

/* html>body #container
{
  width: 752px;
} */

/* used for secondary pages only */
#pagecontainer
{
  width: 740px;
  margin: 0px auto;
  margin-top: 0px;
  padding: 0px 0px 0px 19px;
  text-align: left;
  background-color: #900F24;
}

html>body #pagecontainer
{
  width: 740px;
}

#leftcontent
{ width: 224px;
  height: 615px;
  float: left;
  background-color: #FFF;
}




#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;
}

/* used to be 240 */
#presentInfo {
width: 240px;
float:left; }

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


#generalInfo {
width: 240px;
float:right;
margin-right: 13px;
}


.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;
}

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



/* forms, makers, feedback */

#filterForm p {
    color: #fff;
}

#filterResults {
    height: 370px;
    overflow: auto;
    border: 1px solid #000; /*remove before deployment */
    margin-bottom: 20px;
    width: 460px;
    background: #d2dbdd;
    width: 440px;
}

.filterResultContainerOdd, .filterResultContainerEven {
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fff;
    width: 100%;
}

#presentTitle, #presentMaker {
    color: #000;
}

.filterResultContainerEven {
    background: #bdc6c7;
}

#filterResultsSummary {
    color: #fff;
}


#makersCopyContainer {
    height: 480px;
    overflow: auto;
    padding: 0px 60px 0px 60px;
    text-align: 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: left;
    font-family: Verdana, Arial, sans-Serif;

}

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







#nav {  padding:0px;
}

#nav ul {
  margin:0;
  padding:0;
  list-style:none;
  }
  
#nav li {
  margin:0;
  padding:0;
  background-image:none;
  line-height:normal;
  }
  
#nav li a, #nav li strong {
  background-repeat:no-repeat;
  background-position:0 0;
  border-width:0;
  }
  

#nav ul {
  padding:0px;
  }
  

#calendar ul {
  margin:0;
  padding:0;
  }
  
#calendar li {
  list-style:none;
  }
#calendar li a, #calendar li strong {
  background-repeat:no-repeat;
  background-position:0 0;
  border-width:0;
    }
    
    
    
    
    
    /* 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;  }

#presentNav ul {
  margin:0;
  padding:0;
  }
  
.url {float:left;}  
  
#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;}