/*  adminCss/globalCss.css - global styles for Scenic Color Country */

/* Basic styles */
body, header, figure, main, article, h1, h2, h3, h4, h5, h6, p, ul, form, blockquote { margin:0; padding:0; }
body { font:100% Arial, Helvetica, sans-serif; font-weight:600; color:#c64141; background-color:#c1cecd; height:100%; }
html { height:100%; }
p { font-size:16px; padding:4px 6px 0 6px; line-height:18px; }
h1, h2, h3, h4, h5, h6, pre, code { font-size:16px; color:#b13535; }
h1, h2, h3, h4, h5 { text-align:center; padding:3px 0 0 0; }
h1 { font-size:23px; }
h2 { font-size:20px; }
h3 { font-size:18px; }
h4 { font-size:14px; }
h5 { font-size:12px; }
.f18 { font-size:18px; }
.f20 { font-size:20px; }
.pHdg { color:#b00; }

/* wrappers for main pages (4px) */
#wrapper { width:auto; height:auto; min-height:99%; border:solid 4px #931616; border-bottom-right-radius:7px; border-bottom-left-radius:7px; margin:auto; }
#wrapperSquare { width:auto; height:auto; min-height:98.5%; border:solid 4px #931616;}
#wrapperNone { }
/* wrapper for panorama windows (3px) */
#wrapperPanorama { position:absolute;top:0;left:0;width:99.5%;height:99.2%;border:solid 3px #931616; border-bottom-right-radius:7px; border-bottom-left-radius:7px; }

/* navigation */
#nav{float:right;margin-top:-28px;padding-right:10px;padding-left:5px;font-size:15px;}
#nav ul,#nav li{list-style:none;margin:0;padding:0;background:#c1cecd;}
#nav ul{position:relative;z-index:40;float:left;}
#nav ul li{min-height:1px;vertical-align:middle;position:relative;margin-bottom:4px;}
#nav ul li a{padding: 2px 4px 2px 20px;display:block;border:none;border:1px solid #900;border-radius:5px;box-shadow:0px 0px 0px 1px rgba(255,155,100,0.4),0 1px 3px #c64141;}
#nav ul li.hover,#nav ul li:hover{position:relative;background:#a9a9a9;color:#900;z-index:50;cursor:default;}
#nav ul li.hover>a,#nav ul li:hover>a{background:url(../adminImages/redR.gif) no-repeat left center;color:#900;}
#nav ul ul{visibility:hidden;position:absolute;top:100%;left:0;z-index:45;width:100%;top:-1px;left:99%;}
#nav ul ul li{float:none;}
#nav ul li:hover>ul{visibility:visible;}
#nav ul li{float:none;}
#nav a{display:block;text-decoration:none;}
#nav a:hover{background:#a9a9a9;color: #900;}
.navClz{font-size:14px;position:absolute;top:9px;right:10px;}
.navClz a{padding-top:2px;padding-bottom:2px;text-decoration:none;color:#c64141;border:1px solid #900;border-radius:5px;box-shadow:0px 0px 0px 1px rgba(255,155,100,0.4),0 1px 3px #c64141;}
.navClz a.eXit{background:url(/adminImages/redX11.jpg) no-repeat 5px center;padding-right:7px;padding-left:21px;}
.navClz a:hover{color:#b00;background:url(../adminImages/redRsm.gif) no-repeat 3px center #a9a9a9;cursor:pointer;}
/* background color for navClz over colored elements */
.navClz.bgc a { background-color:#c1cecd; }

/* link styles */
a.return { background:url(/adminImages/return.jpg) no-repeat 5px 3px; padding-right:7px; padding-left:18px;}
a.returnR { background:url(/adminImages/returnR.jpg) no-repeat 5px 3px; padding-right:7px; padding-left:18px;}
a.home { background:url(/adminImages/home.jpg) no-repeat 5px 3px;}
a.eXit { background:url(/adminImages/redX11.jpg) no-repeat 6px 7px; padding-right:7px; padding-left:21px;}
.exit{position:absolute;top:7px;right:8px;}
a { text-decoration:none; color:#c64141; }
.decOn { text-decoration:underline; }
a:hover { color:#b00; background-color:#a9a9a9; }
a.globeSm{display:block;background:url(/adminImages/globe12.jpg) no-repeat;background-position:5px;}
.tbc { background-color:orange; }  /* for non-transparent buttons (& other areas) */
.tbc { background-color:black; }   /* ### testing to isolate its use ### */
.hlt { background-color:#b3b3b3; } /* highlight text - not exactly a link - for testing jQuery hover */

/* alignment */
.boxOut{float:right;width:145px;height:50px;} /* to create space for fixed nav in scrolling pages (galleries) */
.ctrTxt { text-align:center; }
.rgtTxt { text-align:right; }
.lftTxt { text-align:left; }
.leftFloat  { float:left; }
.rightFloat { float:right; }

/* cursor */
.cursPoint { cursor:pointer; }

/*  styles for images  */
img { border:none; }
#banner    { border-bottom:solid 2px #931616;width:100%; }
.bannerImg { border-bottom:solid 2px #931616;width:100%; }
.panImg { border:solid 2px #931616;width:100%; }
.caption { font-size:14px;text-align:center;border-bottom:1px solid #931616;}
a img:hover{border-color:white;}
.imgBdr { border:solid 2px #931616; }
.imgBdr1 { border:solid 1px #931616; }
.imgBdr-t { border-top:solid 2px #931616; }
.imgBdr-r { border-right:solid 2px #931616; }
.imgBdr-b { border-bottom:solid 2px #931616; }
.imgBdr-l { border-left:solid 2px #931616; }
.imgBdr-lr { border-left:solid 2px #931616;border-right:solid 2px #931616; }

/* Info boxes note that info classes are used for jQuery hover scripts ## testing  for 0 - 2 ## */
.inf{position:relative;} /*placemarker for info boxes*/
#inf0,#inf1,#inf2,#inf3,#infAS { background:#c1cecd;font-size:14px;font-weight:800;line-height:15px;color:#c64141;padding:2px 6px 2px 6px;position:absolute;left:5px;right:4px;visibility:hidden;border:2px solid #c64141;border-radius:7px;z-index:50; }
#infAS{font-size:16px;width:83%;}	/* auto-show popup */
.buttonAS{height:14px;}			/* auto-show popup images */
#img0,#img1,#img2 { padding:0;position:absolute;top:10px;left:10px;visibility:hidden;z-index:50; }

/* specialty items */
.globe{display:inline;padding-right:10px;background:url(/adminImage/globe.jpg) no-repeat;background-position:0;}
.usbr{width:650px;}
.usgs{width:282px;}
.blm{width:745px;}
#NOAA{width:383px;}

/*  end global.css  */