body { background-color: #EBEDDC; font-family: Lucida Sans, Geneva, sans-serif; font-size: 9pt; color: #666666; margin: 0; text-align: center;}
img, div { behavior: url(iepngfix.htc); }
#topbanner { position: relative; width: 100%; background-color: #647979; height: 26px; }
#sitename { position: relative; float: left; padding: 5px; color: #FFFFFF; text-align: left; width: 310px; font-size: 10pt; text-transform: uppercase;}
#topnav { position: relative; float: right; padding: 5px; color: #FFFFFF; text-align: right; width: 620px; font-size: 10pt; }
#topnav a { text-decoration: none; color: #FFFFFF; }
#topnav a:hover { text-decoration: underline; color: #FFFFFF; }
#outerwrapper { width: 960px; margin: 0 auto; text-align: center; display: table;}
#outer { position: relative; width: 960px; border-top: 0px; border-bottom: 0px; margin: 0 auto; text-align: left; display: table; }

/* HEADER STYLES */
#headerwrapper { position: relative; width: 960px; height: 105px; }
#header { position: relative; width: 960px; height: 81px; background: url('img/bg_header.png'); }
#logo { position: absolute; left: 10px; }
#tabs { position: absolute; height: 105px; bottom: 0px; left: 260px; }
#tabs UL { list-style: none; padding: 0px; margin: 0px; list-style-type: none; text-decoration:none; white-space: nowrap; }
#tabs UL LI { display: inline; text-decoration:none; padding: 0px; margin: 0px; white-space: nowrap;  }

/* PANO STYLES */
#panowrapper { position: relative; width: 960px; text-align: center; margin: 0; padding: 0; }
#pano-subpages { width: 960px; height: 253px; }

/* MAIN CONTENT STYLES */
#maincontainer { width: 960px; background-color: #FFFFFF; }
#mainwrapper { position: relative; padding-top: 40px; padding-left: 40px; padding-right: 40px; padding-bottom: 30px; text-align: left; }
#content-news-archive { position: absolute; left: 560px; top: 20px; height: 17px; width: 110px; }
.leftten { padding-left: 10px; }
.table-title { font-family: verdana,arial, helvetica, sans-serif; font-size: 8pt; color: #000000; font-weight: bold; padding: 5px; } 
.table-white { background: #FFFFFF; font-family: verdana,arial, helvetica, sans-serif; font-size: 9pt; color: #000000; margin-left: 10px; padding: 5px; } 
.table-clear { font-family: arial, helvetica, sans-serif; font-size: 11pt; color: #000000; margin-left: 10px; padding: 5px; } 
.table-grey { background: #CCCCCC; font-family: verdana,arial, helvetica, sans-serif; font-size: 9pt; color: #000000; margin-left: 10px; padding: 5px; } 

/* MAIN CONTENT STYLES - HOME */
#contentwrapper-home { float: right; position: relative; text-align: left; width: 960px;  background: url('img/bg_maincontent_home.gif');}
#content-left-container-home { float: left; position: relative; background-color: #8b9b9b; width: 691px; border-left: 3px solid #647979;  }
#content-left-title-home { position: relative; font-size: 21px; line-height: 43px; color: #FFFFFF; text-align: left; width: 400px; padding-left: 10px;}
#content-left-header-home { position: relative; height: 43px; background-color: #647979; width: 691px; border-left: 3px solid #647979; }
#content-left-home { text-align: left; padding: 10px; color: #FFFFFF; margin-left: 110px; width: 545px; }
#content-left-home h2 { font-size: 14px; margin: 0; color: #FFFFFF; }
#content-left-home h2 a { font-size: 14px; margin: 0; color: #FFFFFF; text-decoration: none; }
#content-left-image { float: left; text-align: left; padding: 10px; width: 100px; }
#content-right-header-home { position: absolute; left: 694px; top: 0px; height: 43px; background-color: #c1c4a5; width: 263px; border-right: 3px solid #647979; }
#content-right-title-home { position: absolute; left: 0px; font-size: 21px; line-height: 43px; color: #000000; text-align: left; width: 260px; padding-left: 10px;}
#content-right-container-home { float: right; position: relative; top: 0px; background-color: #dadebb; width: 263px; border-right: 3px solid #647979;  }
.content-right-home { text-align: left; padding: 10px; color: #000000; }
#content-clear { clear: both; }

/* MAIN CONTENT STYLES - 2ND LAYER */
#contentwrapper { float: right; position: relative; text-align: left; width: 960px; background: url('img/bg_maincontent.gif'); }
#content-left-container { float: left; position: relative; width: 741px; border-left: 3px solid #647979; }
#content-left-title { position: relative; font-size: 21px; line-height: 43px; color: #FFFFFF; text-align: left; width: 500px; padding-left: 10px;}
#content-left-header { position: relative; height: 43px; background-color: #647979; width: 741px; border-left: 3px solid #647979; }
#content-left { text-align: left; padding-left: 10px; padding-bottom: 10px; padding-right: 10px; color: #333333; margin-left: 161px; width: 540px; /* -moz-border-radius: 11px; -khtml-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 5px;  min-height:225px; height:auto !important; height:225px; */ border-top: 10px solid #8b9b9b; }
#content-left h2 { font-size: 16px; margin: 0; color: #000000; padding-top: 10px; }
#content-left h3 { color: #8b9b9b; border-bottom: 1px dotted #8b9b9b; margin-bottom: 2px; }
#content-left-navcontainer { display: block; float: left; text-align: left; width: 161px; margin-top: 10px; }
#content-left-nav { color: #d0d0d0; width: 161px;}
#content-left-nav a { display: block; color: #d0d0d0; text-decoration: none; line-height: 21px; }
#content-left-nav a:hover { color: #000000; background: url(img/bg_nav_on.gif) no-repeat; width: 171px; height: 21px; }
#content-left-nav #current { color: #000000; background: url(img/bg_nav_on.gif) no-repeat; width: 171px; height: 21px; }
#content-left-nav #current a { color: #647979; text-decoration: none; line-height: 21px; }
#content-right-header { position: absolute; left: 744px; top: 0px; height: 43px; background-color: #c1c4a5; width: 213px; border-right: 3px solid #647979; }
#content-right-title { position: absolute; left: 0px; font-size: 21px; line-height: 43px; color: #000000; text-align: left; width: 210px; padding-left: 8px;}
#content-right-container { float: right; position: relative; top: 0px; background-color: #dadebb; width: 203px; border-right: 3px solid #647979;  }
.content-right { text-align: left; padding: 10px; color: #000000; }

#contentwrapper-nonav { float: right; position: relative; text-align: left; width: 960px; background: url('img/bg_maincontent_nonav.gif'); }
#content-left-nonav{ text-align: left; padding-left: 10px; padding-bottom: 10px; padding-right: 10px; color: #333333; width: 540px; /* -moz-border-radius: 11px; -khtml-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 5px;  min-height:225px; height:auto !important; height:225px; */ }
.right-subtitle { font-size: 21px; line-height: 43px; color: #000000; text-align: left; width: 210px; }


.newslink a { color: #5f7272; text-decoration: none;}
.newslink a:hover { color: #FFFFFF; text-decoration: underline;}


#content a { color: #E45524; }
#content a:hover { color: #FFFFFF; }
#content h1 { margin-top: 0px; margin-bottom: 12pt; color: #E6E6E6; }
#contactinfowrapper { position: absolute; width: 256px; top: 100px; left: 675px; z-index: 2; -moz-border-radius: 11px; -khtml-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 5px; border: 1px solid #666666;}
#contactinfo { padding: 10px; color: #E2E2E2; }

/*
#footerwrapper { position: relative; clear: both; width: 960px; margin: 0 auto; text-align: center; display: table;}
#footerwrapper { position: relative; width: 960px; height: 40px; }
#footer { position: relative; width: 960px; height: 40px; background: url('img/bg_footer.png'); margin-right: 10px; margin-left: 10px; }
#copyright { position: relative; padding-top: 10px; font-size: 8pt; color: #c1c4a5; width: 460px; text-align: left; }
#design { position: absolute; top: 30px; left: 660px; width: 300px; text-align: right; font-size: 8pt; color: #c1c4a5; }

#disclaimer { clear: both; font-size: 8pt; color: #FFFFFF; width: 960px; padding-top: 10px; margin-left: 20px; text-align: left;}
*/

#footerwrapper { position: relative; width: 960px; height: 40px; clear: both; }
#copyright { position: absolute; top: 30px; left: 10px; font-size: 8pt; color: #c1c4a5; text-align: left; }
#design { position: absolute; top: 30px; left: 410px; width: 540px; text-align: right; font-size: 8pt; color: #c1c4a5; }
#design a { text-decoration: none; color: #c1c4a5; }


#featurecontainer { position: absolute; left: 760px; top: 45px; }
#features { margin-left: 8px; padding: 8px; font-weight: normal; -moz-border-radius: 11px; -khtml-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 5px; background: #b6c5e1; color: #3e4e75; width: 153px; font-size: 10pt;}
#appstore { position: absolute; left: 770px; top: 435px; }

/* FORM STYLES */
#formfieldspacer { padding-bottom: 5px; }
#formfieldspacer10 { padding-bottom: 10px; }
.text { font-family: Lucida Sans, Geneva, sans-serif; font-size: 9pt; color: #999999; margin: 0; }
.text-label { font-family: Lucida Sans, Geneva, sans-serif; font-size: 9pt; color: #333333; margin: 0; }
.error { font-family: Lucida Sans, Geneva, sans-serif; color: #CC0000; font-size: 9pt; }
.required { font-family: Lucida Sans, Geneva, sans-serif; color: #CC0000; font-size: 9pt; padding-left: 5px;}
.field-error { font-family: Lucida Sans, Geneva, sans-serif; color: #666666; background: #FFFF99; font-size: 9pt; }
label { font-weight: bold; width: 130px; display: block; display: -moz-inline-box; display: inline-block; vertical-align: top; }
#privacy { font-size: 8pt; color: #666666; line-height: 10pt; border-top: 1px solid #666666; padding-top: 5px; font-style: italic; margin-top: 10px;}


/* HOME PANO STYLES */
.homepano { color: #FFFFFF; text-decoration: underline; font-weight: bold; }
#pano { 
   width: 960px; /* important to be same as image width */ 
   height: 400px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   text-align: left; 
}

#pano ul { margin: 0; padding: 0; list-style-type: none; }

#panoContent {
   width: 960px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.panoImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.panoImage span {
   position: absolute; /* important */
   font: 12px Arial, Helvetica, sans-serif;
   padding: 10px;
   width: 940px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}

.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
    width: 960px;
    text-align: left; 
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 400px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 400px;
}



/* PHPFLICKR STYLES */
#gallery {
	position: relative;
	float: left;
	width: 700px;
	padding: 0px 15px 10px 15px;
}

.photos {
	position: relative;
	float: left;
	display: block;
	padding-bottom: 10px;
	padding-right: 10px;
}
.photosets {
	clear: both;
	padding-top: 1px;
}
.photosets h2 {
	color: #000;
}