/*
 * c-css by U4EA Technologies - Allan Jardine
 * Version:       1.2.php.3
 * Browser:        0
 * Browser group: 
 */
*{outline:none;}
a{text-decoration:none;}
html{height:100%;width:100%;overflow:hidden;}
body { margin: 0; padding: 0; background: #808080; font-family: Helvetica, Arial, sans-serif; height:100%; width:100%; overflow:hidden; }
.jcropper-holder { border: 1px black solid; }
#outer { text-align: center; }
.wrap { text-align: left; background: white; width: 880px; font-size: 80%; margin: 3.5em auto 2em auto; *margin: 3.5em 10% 2em 10%; border: 1px black solid; padding: 1em 2em 2em; height:100%; width:100%; }
.wrap .article { width: 500px; }
#controls{ width:320px; float:right; margin-top:100px; text-align:right; display:inline-block; }
form { margin: 1.5em 0; }
form label { font-weight: normal; color: #666; font-size:10px; }
form input, textarea{ border:1px solid #666; }
.coord{ color:#666; font-size:10px; text-align:center; width:25px; }
.wrap p { font-family: Helvetica, Arial, sans-serif; font-size: 90%; }
#nav{margin-top:20px;text-align:center;}
#nav a{font-size:12px;text-decoration:none;}
.error{ border-top:1px solid #F00; border-left:1px solid #F00; border-right:1px solid #900; border-bottom:1px solid #900; padding:20px; background:#FCC; margin-bottom:25px; }
a{color:#004372;}
#topBar{ position:fixed; top:0; background:#000; left:0; height:36px; font-size:14px; overflow:hidden; padding:0 50px; width:100%; z-index:3; color:#999; overflow:hidden; }
#rainbow{ background:transparent url('../img/topBar.gif') top center repeat-x; height:3px; position:absolute; top:0; left:0; width:100%; z-index:6; }
#topBar a{ display:inline-block; margin:0 15px; margin-top:10px; font-weight:bold; color:#FFF; }
#topBar a:hover{ color:#fdbb19; }
#pageSpread{ position:absolute; top:32px; padding-top:20px; text-align:center; width:100%; height:100%; overflow:hidden; }
#pageSpread img{ border:1px solid #000; }
#pageSpread img:hover{ border: 1px solid #fdbb19; }
#zoom1 img:hover{ border: 1px solid #000; }
.pageSet{ display:inline; margin-right:15px; margin-top:20px; }
#zoom1{ position:absolute; top:0px; left:0; z-index:2; width:100%; height:100%; background:#808080; text-align:center; }
#zoom2{ position:absolute; top:20px; left:0; z-index:2; width:100%; height:3000px; background:#808080; z-index:2; overflow:hidden; }
#zoom1 img, #pageSpread img{ cursor:url('../img/zoom.cur'), -moz-zoom-in; }
#zoom2 .zoom2{ cursor:url('../img/grab.cur'), -moz-grab; }
#zoom1 .zoom1, #zoom1 .zoom1:hover, #zoom2 img, #zoom2 img:hover{border:none;}
#zoomControls{ position:relative; background:#005a84; color:#FFF; height:35px; font-size:11px; font-weight:bold; display:inline-block; }
#zoomControls a{ }
#zoomControls a{color:#FFF;}

