body
{
   background-color:black;
   background-image:url('../layout_imgs/bgLines.gif');
   text-align:center;
   font-family:calibri,helvetica,verdana,arial;
   font-size:90%;
   padding:0;
   margin:0;
}

img
{
   border:0;
}

#pageWrapper
{
   width:870px;
   text-align:left;
   margin:0 auto;
   background-color:white;
   background-image:url('../layout_imgs/bgGradient.png');
   min-height:480px;
   padding:0 100px;
}

#pageHeader
{
   padding:10px 0 0 15px;
   height:80px;
   background-image:url('../layout_imgs/bgDots.png');
   background-position:0 50px;
   background-repeat:repeat-x;
}

#pageHeader img
{
   float:left;
}

#pageHeader #menu
{
   margin-left:250px;
   background-image:url('../layout_imgs/menuBg.png');
   background-position:40px 15px;
   background-repeat:no-repeat;
   height:100px;
   padding-top:45px;
}

#pageHeader #menu a
{
   display:block;
   float:left;
   padding:10px 25px;
   color:#666;
   font-family:arial;
   font-size:14px;
   text-decoration:none;
   text-transform:uppercase;
   border:2px solid #fff;
   border-width:1px 0 1px 2px;
   height:16px;
}


#pageHeader #menu a:hover
{
   background-image:url('../layout_imgs/menuLinkBg.png');
   background-position:0 -36px;
   background-repeat:repeat-x;
   color:#000;
   border-color:#ccc;
}

#pageHeader #menu a.current
{
   background-image:url('../layout_imgs/menuLinkBg.png');
   background-position:0 0;
   color:#fff;
   border-color:#000;
}

#panels
{
   clear:both;
   width:865px;
   margin-top:30px;
}

/* General Panel Styles */
#panel1
{
   background-image:url('../layout_imgs/panel1Bg.jpg');
   background-repeat:no-repeat;
   background-position:100% 50%;
   width:445px;
   height:274px;
   float:left;
   text-align:center;
   font-family:"Georgia";
   text-transform:uppercase;
   padding:0;
   border:3px solid #0f1d42;
}

#panel1 h1
{
   font-size:24px;
   color:#fff;
   margin-top:120px;
   font-weight:normal;
}

#panels div.heading
{
   font-size:18px;
   margin-top:33px;
   margin-bottom:12px;
}

#panels div.details1
{
   font-size:14px;
}

#panels div.details2
{
   font-size:18px;
   margin-top:50px;
}

#panels div.details3
{
   font-size:14px;
}

#panel1 div.heading
{
   color:#c00;
}

#panel1 div.details1,
#panel1 div.details2,
#panel1 div.details3
{
   color:#fff;
}

#moreInfo
{
   display:none;
   position:absolute;
   background-color:#5E96CF;
   height:20px;
   cursor:pointer;
   font-weight:normal;
   font-style:italic;
   color:white;
   text-decoration:none;
}

#panel2
{
   width:414px;
   height:280px;
   margin-left:450px;
   overflow:hidden;
   background-image:url('../layout_imgs/panel2Bg.jpg');
   background-repeat:no-repeat;
   background-position:100% 50%;
   text-align:center;
   font-family:"Georgia";
   text-transform:uppercase;
   padding:0;
}

#panel2 img
{
   min-height:280px;
}

#panel2 div.heading
{
   color:#a00;
}

#panel2 div.details1,
#panel2 div.details2,
#panel2 div.details3
{
   color:#069;
}

#panel2 div.remarks
{
   text-transform:none;
   padding:20px;
   font-size:18px;
   color:#333;

}

/******************** Small Panel ********************/
#panels.small #panel1
{
   height:94px;
}

#panels.small #panel1 h1
{
   margin-top:35px;
}


#panels.small #panel2
{
   height:100px;
}

#panels.small #panel2 img
{
   min-height:100px;
}

/******************** Medium Panel ********************/
#panels.medium #panel1
{
   height:194px;
}

#panels.medium #panel1 h1
{
   margin-top:85px;
}

#panels.medium #panel2
{
   height:200px;
}

#panels.medium #panel2 img
{
   min-height:100px;
}


#panelLabel
{
   background-image:url('../layout_imgs/panelLabelBg.png');
   background-color:#333;
   height:25px;
   font-size:14px;
   font-family:Georgia;
   text-align:center;
   text-transform:uppercase;
   color:#fff;
   padding-top:10px;
}

#largePhoto
{
   background-color:#444;
   height:400px;
   width:865px;
   text-align:center;
}

#largePhoto
{
   /*margin:0 auto;*/

}


#photoGallery
{
   background-color:#ccc;
   padding:25px 0;
   height:150px;
   width:865px;
}

.scrollable
{
   position:relative;
   float:left;
   overflow:hidden;
   height:150px;
   width:768px;
}

.scrollable .items {
   /* this cannot be too large */
   width:200000em;
   position:absolute;
}


.scrollable .items img {
   margin-bottom:3px;
   width:165px;
   height:95px;
}

.scrollable .items div div
{
   text-align:center;
   text-transform:uppercase;
   width:165px;
   margin:0 15px;
   /*float:left;*/
   font-size:11px;
   font-family:Georgia;
   color:#666;
}

a.browse
{
   background:url("../layout_imgs/hori_large.png") no-repeat scroll 0 0 transparent;
   cursor:pointer;
   display:block;
   float:left;
   font-size:1px;
   height:30px;
   width:30px;
   margin:35px 5px;
}

a.left
{
   margin-right:0;
   margin-left:12px;
}

a.right
{
   background-position:0 -30px;
   clear:right;
   margin-left:12px;
}

a.right:hover
{
   background-position:-30px -30px;
}

/*
   a single item. must be floated in horizontal scrolling.
   typically, this element is the one that *you* will style
   the most.
*/
.items div {
   float:left;
}
#footerWrapper
{
   clear:both;
   padding:10px 0 0 0;
   height:80px;
   background-image:url('../layout_imgs/bgDots.png');
   background-position:0 45px;
   background-repeat:repeat-x;
   padding-bottom:50px;
}

#footerWrapper img
{
   float:left;
}

#footer
{
   background-image:url('../layout_imgs/menuBg.png');
   background-position:0 15px;
   background-repeat:no-repeat;
   height:80px;
   padding-top:40px;
   font-family:arial;
   font-size:14px;
   color:#666;
   margin-left:100px;
   text-align:center;
}

#footer a
{
   text-decoration:none;
   color:#666;
}

#footer a:hover
{
   color:#a00;
   text-decoration:underline;
}

h2
{
   font-size:22px;
   color:#a00;
}

h3
{
   font-size:16px;
   color:#a00;
}

.floatLeftImg
{
   float:left;
   margin:10px;
   padding:2px;
   border:3px double #666;
}

p.imgLeft
{
   margin-left:120px;
}
.clearBoth
{
   clear:both;
}

.errorMessage
{
   border:1px solid red;
   background-color:#fee;
   color:#c00;
   padding:1%;
   margin:1% 0;
   font-weight:bold;
   background-image:url("../layout_imgs/errorIcon.png");
   background-repeat:no-repeat;
   background-position:10px 50%;
   padding-left:80px;
   padding-top:30px;
   padding-bottom:20px;
   min-height:30px;
}

.successMessage
{
   border:1px solid green;
   background-color:#efe;
   color:green;
   padding:1%;
   margin:1% 0;
   font-weight:bold;
   background-image:url("../layout_imgs/successIcon.png");
   background-repeat:no-repeat;
   background-position:10px 50%;
   padding-left:80px;
   padding-top:30px;
   padding-bottom:20px;
   min-height:30px;
}

.warningMessage
{
   border:1px solid #fc0;
   background-color:#ffff8c;
   color:#666;
   padding:1%;
   margin:1% 0;
   font-weight:bold;
   background-image:url("../layout_imgs/warningIcon.png");
   background-repeat:no-repeat;
   background-position:10px 50%;
   padding-left:80px;
   padding-top:30px;
   padding-bottom:20px;
   min-height:30px;
}


/************** Contact Form *********************/
.formInstructions
{
   text-align:center;
}

#contactForm
{
   text-align:center;
}

#contactForm table
{
   margin:0 auto;
   text-align:left;
   padding:10px;
   background-color:#ddd;
}

#contactForm table th,
#contactForm table td
{
   vertical-align:top;
   width:220px;
}

#contactForm table td.midCol
{
   width:50px;
}

#contactForm table th.quarterCell,
#contactForm table td.quarterCell
{
   width:100px;
}

#contactForm input,
#contactForm select
{
   width:200px;
}

#contactForm input.quarterInput,
#contactForm select.quarterInput
{
   width:44px;
}

#contactForm input.halfInput,
#contactForm select.halfInput
{
   width:100px;
}

#contactForm input.threeQuarterInput,
#contactForm select.threeQuarterInput
{
   width:146px;
}

#contactForm textarea
{
   width:210px;
   height:110px;
}

#contactForm input.submit
{
   float:right;
   width:auto;
}

#contactForm td.submitCell
{
   padding-top:20px;
   border-top:1px dotted #666;
}

#contactForm span.formFootnote
{
   font-style:italic;
   font-size:90%;
}


.hidden
{
   visibility:hidden;
}