/* CSS Document */

body {
margin:0px; 
padding:0px; 
font: .95em "MS Trebuchet", sans-serif;
text-align:center;
background-color:#7292b2;
}
* {
margin:0; 
padding:0;
}
div#mainwrap {
padding:2px;
text-align:left;
width:900px;
height:100%;
min-height:100%;
background-color:#FFF;
border-right:solid;
border-bottom:solid;
border-left:solid;
margin-left:auto;
margin-right:auto;
text-align:left;
}
h1 {
font-family: "Trebuchet MS", sans-serif;
font-size:1.5em;
color:#003300;
}
h2 {
font-family:"Trebuchet MS", sans-serif;
font-size: 1.1em;
color:#003300;
margin-top:7px;
margin-bottom:-7px;
}
h3 {
font-family: "Trebuchet MS", sans-serif;
font-size:1em;
}
.dark {
font-weight:bold;
}
.small {
font-size:.7em;
}
.menubutton {
color:#003300;
text-decoration:none;
padding: 2px;
background-color:#99b2cc;
font-size: 1em;
font-weight:bold;
border: 1px solid;
}
.copyright {
font-size:.7em;
}
.float-img {
float:right;
margin: 2px 2px 2px 10px;
font-size:.8em;
color:#003366;
}
.img-left {
float:left;
margin: 6px 6px 2px 2px;
font-size:.8em;
color:#003366;
}
.footer {
font-family: "Trebuchet MS", sans-serif;
font-size:.9em;
border-top: 1px solid;
text-align:center;
color:#4c7399; /*darker blue*/
font-weight:bold;
width:900px; 
background-color:transparent;
padding-top:6px;
clear:both;
}
.boxtitle {
color: #003366;
font-size:1.1em;
font-weight:bold;
text-align:center;
border: .5px solid;
}
.funphotos {
float:left;
margin:4px 4px 10px 4px;
padding:0;
text-align:center;
}
.caption {
font-size:.9em;
}
.fineprint {
margin:20px 0 0 20px;
font-size:.8em;
}
.orange {
color:#e97a02;
}
p {
margin: 7px 0 0 4px;
}
a img {
border:none;
}

div#header {
width:900px; 
background-color:#ffffff; 
text-align:center;
margin:0; 
padding-top:10px;
}
div#contentarea {
width:100%;
text-align:left;
height:100%;
background-color: #FFFFFF;
}
div#textarea {
position:relative;
text-align:left;
margin:20px 10px 10px 20px;
}
.specials {
background-color:#99b2cc;
width:450px;
margin: 6px 12px 6px 0px;
border:#CC6600 thick groove;
padding:2px;
}
.special {
margin-top:2px;
font-weight:bold;
}
.grand {
float:right;
width:292px;
margin-left:8px;
padding: 8px 8px 16px 8px;
background-color:#99b2cc;
text-align:center;
}
.grand img {margin:auto}
.grand ul {
padding-left:16px;
list-style-position:outside;
width:252px;
text-align:left;
/*position:relative;
left:10px;
top:-420px;*/
}
.grand li {
list-style-image:url(images/diamond.gif);
margin-bottom:3px;
}
.grandp {
text-align:center;
font-size:13px;
}
.grand h1 {
text-align:center;
font-size:1.0em;
color: #fff;
}
.grand h2 {
text-align:center;
font-size:1.2em;
line-height:1.3em;
color: #003366;
}
.grand a:visited {
color:#e97a02;
}
hr {
color:#7292b2;
background-color:#7292b2;
}
tr {
line-height:2em;
}
/* markup for beveled edges on images */
span.beveled {
  position:relative;
  width:250px;
  height:376px;
  display:block;
  margin:auto;
}
span.beveled span {
  position:absolute;
  left:0;
  top:0;
  display:block;
  width:240px;
  height:366px;
  border:5px solid;
  border-color:#fff #000 #000 #fff;
  filter:alpha(opacity=40);
  opacity:0.4;
}

/*table {
background-color:#99b2cc;
}*/

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Alsett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
content: ".";              /* the period is placed on the page as the last thing before the div closes */
display: block;          /* inline elements don't respond to the clear property */ 
height: 0;                  /* ensure the period is not visible */
clear: both;               /* make the container clear the period */
visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
