/* GENERAL */
body { margin: 0; padding: 30px; background: #FFFFFF url(../gfx/map_darkorg.gif); font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; line-height: 180%;}
h1, .h1Padded{ border-bottom: 1px solid #996600; font-size: 12px; font-weight: normal; letter-spacing: 2px; color: #996600; text-transform: uppercase;}
h2{ padding: 18px 0 0 0; font-weight: bold; font-size: 12px; color: #996600;}
h3{ margin: -3px 0 0 0; font-size: 13px; font-weight: normal; font-style: italic; color: #996600;}
h1, h2, h3, .h1Padded {line-height:100%;}
a { color: #000099; text-decoration: none; }
a:visited {color: #0066cc;}
a:hover, #navlinks li a:hover { background-color: #e7c98c; padding: 2px 0px 2px 0px;}
blockquote {margin: 0; padding: 20px; }

ul {margin: 0; padding-left: 15px; padding-bottom: 10px;}
li {color: #996600;}
.bodyText {color: #666666;}
.h1Padded {margin:0; padding: 2em 0 0 0;}
.anyPaddedAbove {margin:0; padding: 1em 0 0 0;}
.aboveH1 {border-bottom: 1px solid #0066cc; font-size: 12px; font-weight: normal; letter-spacing: 2px; color: #0066cc; text-transform: uppercase; }
.atH1 {border-bottom: 1px solid #009900; font-size: 12px; font-weight: normal; letter-spacing: 2px; color: #009900; text-transform: uppercase; }
.belowH1 {border-bottom: 1px solid #996600; font-size: 12px; font-weight: normal; letter-spacing: 2px; color: #996600; text-transform: uppercase; }
.aboveList { font-weight: normal; color: #0066cc; }
.atList { font-weight: normal; color: #009900; }
.aboveText, .aboveBoldText { color: #0066cc; }
.atText, .atBoldText { color: #009900; }
.belowText, .belowBoldText, .tenthAnniversary { color: #996600; }
.aboveBoldText, .atBoldText, .belowBoldText { margin:0; padding: 0; font-weight: bold; }
a.aboveH1, a.atH1, a.belowH1  {text-decoration: none; }


/* CONTAINER */
/*note that 0 specifies top margin, auto means automatically calculate left and right, leaving content centered*/
.container { position: relative; margin: 0 auto; width: 1000px; background: #ffffff; border: 1px solid #663300; overflow: visible;}

/* BRANDING */
.branding { margin: 0; padding:40px 0 0 30px; height: 105px; background: #cc9933; }

/* MENU / NAV */
.menu { margin: 0; padding: 5px 0 0 120px; height: 34px; background-color: #663300; font-size: 12px; }
#navlinks { margin: 0; font-weight: bold; letter-spacing: 2px; color: #cc9933; text-transform: uppercase; display: inline; }
#navlinks li { padding-right:60px; float: left; display: inline; list-style-type: none; color: #cc9933;}
#navlinks li a { color: #ffffff; text-decoration: none; }

/* CONTENT	*/
.content { margin: 0; padding: 0; }
.colHome { margin: 0 auto; padding: 20px 30px 30px 30px;  }
.colHomeRight { margin: 0; padding: 0; width: 200px; float:right; }
.homeBulletsBox { margin: 0; padding: 0; width: 1000px text-align: center; }
.homeBullets { margin: 0; padding: 0; width: 33%; float: left; text-align: center; }
.homeBullets ul, .homeBullets ul li {list-style-type: square; color: #333333; text-transform: uppercase; font-weight: bold; }
.boldBodyHeader { margin: 0; padding: 0; font-weight: bold; color: #333333; font-size: 16px; line-height: 1em; }
.subScript, .superScript { color: #996600; font-weight: bold; font-family: "Times New Roman", Times, serif; font-style: italic; }
.subScript {margin:0; padding: 0 .1em 0 0; font-size: 30px; }
.superScript {margin: 0; padding: 0 .1em 0 0; font-size: 13px; vertical-align: super; }

.colOne { margin: 0; padding: 20px 40px 30px 30px; width: 300px; height:500px; float: left; clear: none; }
.colTwo { margin: 0; padding: 20px 30px 30px 0; width:600px; height:100%; float: right; }
.colTwoIMG { margin: 0; padding: 18px 0 10px 20px; float: right;}
.colTwoSub { clear:both; padding: 0 0 26px 0;}

.communityListLeft{margin:0; padding:10px 0 0 0; }
.communityListRight{margin:0; padding:0 0 0 10px;  }

.serviceBox{margin:0; padding:0 0 20px 0; position: relative; clear:both;}
.serviceLeft{margin:0; padding:0;float: left; width: 320px; }
.serviceRight img { border: none; }
.serviceRight{margin:0; padding:0; float:right; }
.serviceIcon { margin: 0 0 -.3em 0; padding: 0 5px 0 0; border:none; }


.gallerycontainer{ position: relative; height: 100%; /*Add a height attribute and set to largest image's height to prevent overlaying*/ }

/* only useful if i was using thumbnails instead of text links in list
.thumbnail img{ border: 1px solid #cc9933; margin: 0 5px 5px 0; }
.thumbnail:hover{ background-color: transparent; }
.thumbnail:hover img{ border: 1px solid #cc9933; }*/

.thumbnail span.hiddenThumbnail { /*CSS for enlarged image*/
position: absolute; background-color: #ffffff; padding: 20px; left: -1000px; border: 1px solid #cc9933; color: #666666; visibility: hidden; text-align:center; }
 
.thumbnail span.hiddenThumbnail img{ /*CSS for enlarged image*/
border: 1px solid #cc9933; margin: 0 auto; padding: 0; }

.thumbnail:hover span.hiddenThumbnail { /*CSS for enlarged image*/
visibility: visible; top: 0; left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
.aboveList .thumbnail span.hiddenThumbnail, .aboveList .thumbnail span.hiddenThumbnail img { border-color: #0066cc; }
.atList .thumbnail span.hiddenThumbnail, .atList .thumbnail span.hiddenThumbnail img { border-color: #009900; }

/*a.thumbnail {text-decoration: none; }*/



/* FOOTER */
.footer{ clear: both; width: 100%; margin: 0; padding: 1em 0 1em 0; background-color: #cc9933; line-height: 150%; text-align: center;}
.footer a {text-decoration: underline; }
.info,.infoDesign {margin: 0; padding: 0; color: #333333}
.infoDesign {font-size: 11px; }