/*---------------|||||||||||Global------------------------------------------------------*/

body {
margin:0 auto;
margin-bottom: 30px;
margin-top: 0px;
padding:0px;
background:#217BAD url(img/bg.gif);
}

a {
color: #6DA6E2;
text-decoration: none;
font-weight: bold;
}

a:hover {
color:#2763A5;
font-weight: bold;
text-decoration: underline;
}

img {
border: none;
}

.clearer {
clear: both;
}

/*---------------|||||||||||Container------------------------------------------------------*/

#container {
width: 750px;
margin: 0 auto;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
font-size: 11px;
line-height: 1.6em;
margin-top:30px;
color: #666;
background-color: #fff;
border: 1px solid #217BAD;
}

#container2 {
width: 750px;
margin: 0 auto;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.4em;
color: #666;
background-color: #fff;
clear:left;
}

/*---------------|||||||||||header-------------------------------------------------------------------*/

#header {
width: 750px;
padding-bottom:10px;
padding-top: 10px;
height:90px;
background-color:#fff;
}

#header img {
border:none;
padding-left:15px;
vertical-align:middle;
float:left;
} 

#header h1 
{
font-size:28px;
padding-left: 120px;
padding-top:2px;
}

#header h2 
{
margin-top:0px;
font-size:small;
padding-left: 120px;
}


/*---------------|||||||||||Menu-------------------------------------------------*/


#menubar {
width: 750px;
height:35px;
text-align:center;
vertical-align:middle;
}

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
overflow: hidden;
color:#fff;
background-color: #336699;
border-bottom:#666 1px solid;
border-top:#666 1px solid;
background-image:url(img/MenuNormal.jpg);
background-repeat:repeat;
}

.solidblockmenu li{
display: inline;
float:left;
}

.solidblockmenu li a{
float: left;
color:#fff;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
width:102px;
}

.solidblockmenu li a.end
{
float: left;
color:#fff;
padding: 9px 11px;
text-decoration: none;
border-right: 0px solid white;
width:101px; 
}

.solidblockmenu li a:visited{
color:#fff;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: #fff;
background-color:#000;
background-image:url(img/MenuHover.jpg);
background-repeat:repeat;
}

/*---------------|||||||||||Content------------------------------------------------*/

#content {
width: 520px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
float: left; 
}

#content2 
{
width: 722px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
float: left; 
text-align:justify;   
}

#content_gallery 
{
width: 720px;
padding-left: 10px;
padding-right: 10px;
padding-top: 12px;
padding-bottom:10px;
float: left;    
}

#content p 
{
padding-bottom: 12px;
border-bottom: 1px solid #ddd;
}

#content h2 
{
color: #666;
font-size: 16px;
font-weight:bold;
font-family: Georgia, Times New Roman, Times, serif;
background-color: #fff;
}

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

#content h2 a:hover {
color: #999;
}

#content h3
{
margin-bottom: 0px;
}

#contact
{
text-align: center ;
}

#bigger
{
font-size: 1.4em;
font-weight: bold;
padding-top: 5px;
}

/*---------------|||||||||||Sidebar------------------------------------------*/

#sidebar {
width: 175px;
padding-left: 19px;
padding-top: 10px;
padding-bottom: 0.5em;
float: right;
background-color: #E8EDFF;
border-right:8px solid #E8EDFF;
}

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

#sidebar h2 {
color: #217BAD;
font-size: 16px;
padding-left:5px;
font-weight:bold;
border-bottom: 1px solid #ddd;
font-family: Georgia, "Times New Roman", Times, serif;
margin-bottom: .3em;
}

/*---------------|||||||||||Footer-----------------------------------------------*/

#footer {
color:#fff;
clear: both;
width: 750px;
height: 25px;
font-size:11px;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
border-top:1px solid #ccc;
background-color:#336699;
text-align:center;
padding-top:7px;
background-image:url(img/footer.jpg);
background-repeat:repeat-x;
}

/*---------------|||||||||||Others--------------------------------------------------------------*/		

a img {
border: none;
}

.box {
background-color: #fff;
border: 1px solid #2763A5;
padding: 5px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #000;
font-size: 10px;
}

.out {
display:block; 
background:#bbb; 
border:1px solid #ddd; 
position:relative;
margin:1em 0;
}
.in2 {
display:block; 
background:#777; 
border:1px solid #999; 
position:relative;
padding:1px;
margin:1px;
}
.in {
background:#fff; 
border:1px solid #555; 
position:relative; 
padding:5px;
font-weight:normal;
}

.ltin {
left:-5px;
}
.tpin {
top:-5px;
}
.rtin {
left:5px;
}

.narrow {width: 8em;}
.normal {width: 292px;}
.wide {width: 18em;}
.image {width: 292px; padding: 0;}


#blanket {
background-color:#111;
position:absolute;
z-index: 9001; /*ooveeerrrr nine thoussaaaannnd*/
top:0px;
left:0px;
width:100%;
}
#popUpDiv {
position:absolute;
background-color:#eeeeee;
width:300px;
height:300px;
z-index: 9002; /*ooveeerrrr nine thoussaaaannnd*/
}



form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
font:100% verdana,arial,sans-serif;
margin: 0;
margin-left: 0px;
margin-bottom: 10px;
padding: 0;
min-width: 450px;
width: 730px; 
}

form fieldset {
/* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
border-color: #F1F1F1;
border-width: 1px;
border-style: solid;
padding: 10px;        /* padding in fieldset support spotty in IE */
margin: 0;
}

form fieldset legend {
font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
/* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
display: block;  /* block float the labels to left column, set a width */
float: left; 
width: 100px; 
padding: 0; 
margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
text-align: right; 
}

form input, form textarea {
/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
label aligns textarea better in IE */
}

form input#reset {
margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}


#gradient-style
{
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 11px;
margin: 0;
margin-left: 0px;
margin-bottom: 10px;
width: 730px;
text-align: center;
border-collapse: collapse;
border: 1px solid #336699;
}
#gradient-style th
{
font-size: 12px;
font-weight: normal;
padding: 8px;
background-color: #E8EDFF;
border-bottom: 1px solid #ccc;
color: #217BAD;
height: 20px;
}
#gradient-style td
{
padding: 8px; 
border-bottom: 1px solid #F1F1F1;
color: #666;
background: #fff;
height: 30px;
}

#gradient-style td.firstCol
{
text-align: left;
}

#gradient-style th.DayCol
{
    width: 68px;
}

#gradient-style th.firstCol
{
text-align: left;
width:85px;
}

#gradient-style tfoot tr td
{
background: #E8EDFF;
font-size: 12px;
color: #217BAD;
text-align: left;
height: 20px;
border-bottom: 1px solid #336699;
}
#gradient-style tbody tr:hover td
{
background: #D0DAFD;
color: #339;
}

/*---------------|||||||||||Photo Gallery--------------------------------------------------------------*/		

.shiftcontainer
{
    position: relative;
    left: 5px; /*Number should match -left shadow depth below*/
    top: 5px; /*Number should match -top shadow depth below*/
}

.shadowcontainer
{
    width: 730px; /* container width*/
    background-color: #d1cfd0;
}

.shadowcontainer .innerdiv 
{
    background-color: white;
    border: 1px solid gray;
    padding: 6px;
    position: relative;
    left: -5px; /*shadow depth*/
    top: -5px; /*shadow depth*/
}

.infotext
{
    width: 696px;
    border-bottom: 1px solid #ccc;
    padding-left: 6px;
    
    padding-bottom: 10px;
    margin-left: 10px;
}
.infotext2
{
    width: 696px;
    border-bottom: 0px solid gray;
    padding: 6px;
    margin-left: 10px;
}

.titlebar
{
    margin-top: 10px;
    padding-left: 5px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-size: small;
    color: #666;
    font-weight: bold;
}

.linkarea 
{
    padding-left: 15px;
}