/*HTML ELEMENTS*/
/*=======================*/

body {  text-align:center;
        background-color:#333; color:#fff; }

h3 { padding-top:18px; }


/*IDS*/
/*=======================*/

#wrapper {  text-align:left;
            margin:0 auto;
            max-width:1280px; }

#header { position:relative; text-indent:-5000px;
          background:url(../_img/bg/header.jpg) no-repeat 50% 0;
          min-height:205px; }




/*CLASSES*/
/*=======================*/

#main.corkboard { margin:0 auto; max-width:980px; background:url(../_img/bg/cb.jpg) repeat-y 0 0; z-index:80; }
.corkboardwrapper { margin:0 auto; padding-top:30px; padding-left:30px; padding-right:30px; max-width:980px; background:url(../_img/bg/cb-right.jpg) repeat-y 100% 0; z-index:100; }

#main.corkboard p.cbtop { width:100%; max-width:980px; float:left; height:20px; background:url(../_img/bg/cb-top.jpg) no-repeat 0 0; }
#main.corkboard p.cbtop em { width:15px; float:right; display:block; height:20px; background:url(../_img/bg/cb-top.jpg) no-repeat 100% 0; text-indent:-5000px; }

#main.corkboard p.cbfoot { width:100%; max-width:980px; float:left; height:25px; background:url(../_img/bg/cb-foot.jpg) no-repeat 0 0; }
#main.corkboard p.cbfoot em { width:15px; float:right; display:block; height:25px; background:url(../_img/bg/cb-foot.jpg) no-repeat 100% 0; text-indent:-5000px; }


.lptop { clear:both; margin:0 auto; max-width:880px; height:94px; background:url(../_img/bg/lp-top.jpg) no-repeat 0 0; text-indent:-5000px; }
.lptop em { width:15px; float:right; display:block; height:94px; background:url(../_img/bg/lp-top.jpg) no-repeat 100% 0; text-indent:-5000px; }

.lp { margin:0 auto; max-width:880px; max-width:880px; background:url(../_img/bg/lp.jpg) repeat-y 0 0; }
.lp p, .lp h2, .lp h3 { background:url(../_img/bg/lp-right.jpg) repeat-y 100% 0; padding:0 20px; }

.lpfoot { margin:0 auto; max-width:880px; height:94px; background:url(../_img/bg/lp-foot.jpg) no-repeat 0 0; text-indent:-5000px; }
.lpfoot em { width:15px; float:right; display:block; height:61px; background:url(../_img/bg/lp-foot.jpg) no-repeat 100% 0; text-indent:-5000px; }

h3 img { /*clear:both; float:left;*/ padding-left: 100px; margin-top: 18px; }

div.pp { position:relative; float:left; margin:0 30px 0 180px; font-family:Georgia, serif; line-height:140%; border-color:#e2e2e2; border-style:solid; border-width:1px 2px 2px 1px; /*background: #f7fafd url(../_img/bg/lp-right.jpg) repeat-y 100% 0;*/  }

div.pp p { background-image:none; margin-top:10px; margin-bottom:10px; }

div#s1 { position:absolute; top:6px;left:8px;width:51px; height:26px; text-indent:-5000px; background:url(../_img/bg/s1.png) no-repeat 0 0; }
div#s2 { position:absolute; top:6px;right:8px;width:51px; height:26px; text-indent:-5000px; background:url(../_img/bg/s3.png) no-repeat 0 0; }
div#s3 { position:absolute; bottom:6px;left:8px;width:51px; height:26px; text-indent:-5000px; background:url(../_img/bg/s2.png) no-repeat 0 0; }
div#s4 { position:absolute; bottom:6px;right:8px;width:51px; height:26px; text-indent:-5000px; background:url(../_img/bg/s4.png) no-repeat 0 0; }

div.s1 { position:absolute; top:6px;left:8px;width:51px; height:26px; text-indent:-5000px; background:url(../_img/bg/s1.png) no-repeat 0 0; }
div.s2 { position:absolute; top:6px;right:8px;width:51px; height:26px; text-indent:-5000px; background:url(../_img/bg/s3.png) no-repeat 0 0; }
div.s3 { position:absolute; bottom:6px;left:8px;width:51px; height:26px; text-indent:-5000px; background:url(../_img/bg/s2.png) no-repeat 0 0; }
div.s4 { position:absolute; bottom:6px;right:8px;width:51px; height:26px; text-indent:-5000px; background:url(../_img/bg/s4.png) no-repeat 0 0; }
div.s5 { position:absolute; top:6px;left:8px;width:51px; height:26px; text-indent:-5000px; background:url(../_img/bg/s4.png) no-repeat 0 0; }
div.s6 { position:absolute; top:6px;right:8px;width:51px; height:26px; text-indent:-5000px; background:url(../_img/bg/s1.png) no-repeat 0 0; }
div.s7 { position:absolute; bottom:6px;left:8px;width:51px; height:26px; text-indent:-5000px; background:url(../_img/bg/s3.png) no-repeat 0 0; }
div.s8 { position:absolute; bottom:6px;right:8px;width:51px; height:26px; text-indent:-5000px; background:url(../_img/bg/s2.png) no-repeat 0 0; }
div.s9 { position:absolute; top:6px;left:8px;width:51px; height:26px; text-indent:-5000px; background:url(../_img/bg/s2.png) no-repeat 0 0; }
div.s10 { position:absolute; top:6px;right:8px;width:51px; height:26px; text-indent:-5000px; background:url(../_img/bg/s3.png) no-repeat 0 0; }
div.s11 { position:absolute; bottom:6px;left:8px;width:51px; height:26px; text-indent:-5000px; background:url(../_img/bg/s1.png) no-repeat 0 0; }
div.s12 { position:absolute; bottom:6px;right:8px;width:51px; height:26px; text-indent:-5000px; background:url(../_img/bg/s2.png) no-repeat 0 0; }


/*div.sticky { position:relative; float:left; margin:0 30px 0 180px; width:50%; font-family:Georgia, serif; font-size:80%; text-align:left; line-height:140%; color:#000077; border-color:#e2e2e2; border-style:solid; border-width:1px 2px 2px 1px; padding:5px; background-image:none; }

div.sticky p { float:left; background-image:none; margin-top:10px; margin-bottom:10px; }*/

.sticky { width:50%; font-size:85%; text-align:left; padding:4px; margin-bottom:20px !important;    }
.white { background-color:#f7fafd; color:#454545; font-size:75%; text-align:justify; padding:20px 10px;   }
.yellow { background-color:#ffffcc; color:#000077; }
.brightyellow { background-color:yellow; color:red; border:3px solid red; font-weight:bold; }
.silver { background-color:#dedede; color:#000077; }
p.reviewer { font-family:Arial,sans-serif; font-size:80%; margin-top:-10px !important; }
.sticky p { padding-left:32px; }
.sticky p.first { background:url(../_img/bg/openquote.png) no-repeat 10px 0; margin-bottom:-20px; }
.sticky p.last { background:url(../_img/bg/closequote.png) no-repeat 99% 100%; margin-top:-20px; }

h3.comments { position:relative !important; }

#addcomments { position:absolute; top:-15px; right:6%; width:145px; height:50px; z-index:999; text-indent:-5000px; }
a#addcomments:link, a#addcomments:visited { background:url(../_img/bg/add-your-comments.png) no-repeat 0 -50px; }
a#addcomments:hover, a#addcomments:focus, a#addcomments:active { background:url(../_img/bg/add-your-comments.png) no-repeat 0 0; }

.btnok, .btncancel { min-width:85px; }
.btnok { float:right; }
.btncancel { float:left; }

#commentform p.hdr { margin-left:195px; background-image:none; }

#commentform textarea { width:100%; height:150px; font-family:Georgia,serif; font-size:100%; color:#000077; line-height:140%; background-color:#ffffcc; border:0px; padding-right:30px; background:url(../_img/bg/closequote.png) no-repeat 95% 100%; }
#commentform input.text { width:100px; border-top:0; border-right:0; border-left:0; border-bottom: 1px dashed #000077; background-color:#ffffcc; font-family:Georgia, serif; font-size:100%; color:#000077;   }
#commentform select {  background-color:#ffffcc; font-family:Georgia, serif; font-size:100%; color:#000077; border-top:1px solid #ffffcc; border-right:1px solid #ffffcc; border-left:1px solid #ffffcc; border-bottom:1px dashed #000077; }

#commentform label { font-family:Arial, sans-serif; font-size:80%; }
#commentform label.mid { margin-left:10px; }


#commentform p.outofbox { margin-top:10px; margin-bottom:10px; padding-left:10px !important; padding-right:10px !important; }
#commentform p.small { font-family:Arial, sans-serif; font-size:80%; }

ul.bookcolumn { clear:both; width:100%; padding:0; margin:10px 0; list-style:none; color:#000; font-family:Arial,sans-serif; font-size:80%; line-height:165%; }
ul.bookcolumn li { position:relative; float:left; width:290px; padding:0; margin:5px 0; display:inline; }

.recordcard { min-height:165px; font-size:100%; margin-right:10px; padding:0 0 0 0; background:#fff url(../_img/bg/recordcard.jpg) repeat-x 0 36px; }
.recordcard a { min-height:165px; display:block; padding:20px 120px 20px 20px; }
.recordcard a:link, .recordcard a:visited { text-decoration:none; color:#222; }
.recordcard a:hover, .recordcard a:focus, .recordcard a:active { text-decoration:none; color:#222; background:#ffffcc url(../_img/bg/recordcard.jpg) repeat-x 0 36px; }

img.clipped { position:absolute; top:-5px; right:2px; }

strong.author { font-size:125%; }
strong.title { font-size:110%; display:block; margin-top:9px; line-height:120%; }

div.tightmargins { margin-left:10px; margin-right:8px; margin-bottom:12px; font-family:"Times New Roman",sans-serif; font-size:105%; line-height:125%; padding:30px 20px; }

#menu { margin:15px auto 12px auto; max-width:970px; text-align:center; }
#menu li { display:inline; }
#menu li a { margin-left:14px; margin-right:14px; }

span.hi { background-color: #ffffaa; }

div.scrap { margin-top:-20px; margin-bottom:10px;margin-left:80px; }
div.scrap a { background-color: #ffffaa; padding:3px 6px; text-decoration:none; font-family:Arial,sans-serif; font-size:70%; }
div.scrap a:link, div.scrap a:visited { color:#000077; }
div.scrap a:hover, div.scrap a:focus, div.scrap a:active { color:#cc0000; text-decoration:underline; }
.uptopmargin { margin-top:-50px; }

#footer { clear:both; margin:0 auto; text-align:center; font-family:Arial, sans-serif; font-size:70%; color:#ccc; }
#footer a { text-decoration:none; font-weight:bold; }
#footer a:link, #footer a:visited { color:#ccc; border-bottom:1px solid #343434; }
#footer a:hover, #footer a:focus, #footer a:active { color:#e9e694; border-bottom:1px dotted #e9e694; }
#footer p { padding-top:10px; padding-bottom:20px; }

ul.photoset { padding-left:20px; }
ul.photoset li { float:left; display:inline; margin-bottom:10px; margin-right:10px; min-height:165px; }
ul.photoset li a { float:left; position:relative; border-style:solid;  border-width:1px; padding:5px 5px 2px 5px;  }
ul.photoset li a:link, ul.photoset li a:visited { border-color:#ccc; background-color:#ffffed;}
ul.photoset li a:hover, ul.photoset li a:focus, ul.photoset li a:active { border-color:#666; background-color:#fff; }

ul.bullets { padding-left:20px; padding-right:20px; list-style: square; }
ul.bullets li { margin-left:15px; padding-bottom:8px; }

ul.asterisks { padding-left:12px; }
ul.asterisks li { background:url(../_img/bg/asterisk.gif) no-repeat 0 2px; padding:3px 12px 3px 24px; }

div.webthumb { position:relative; float:left; margin-right:12px; margin-bottom:2px; width: 270px; height:185px; }
p.wtimg {  }
p.wtcaption { position: absolute; bottom:3px; width:260px; text-align:center; }
p.wtcaption a { background-color: #ffffaa; padding:3px 12px; text-decoration:none; font-family:Arial,sans-serif; font-size:70%; border-width:1px; border-style:solid; border-color:#ccc #787878 #787878 #ccc; }
p.wtcaption a:link, p.wtcaption a:visited { color:#000077; }
p.wtcaption a:hover, p.wtcaption a:focus, p.wtcaption a:active { color:#cc0000; text-decoration:underline; }

#resourcetable { border-collapse:collapse; background-color:#f1ede2; border:1px solid #c9e4d3; }
#resourcetable td { border-width:1px; border-style:solid; border-color:#c9e4d3 #dee9da; padding:3px 6px; color:#454545; }

#resourcetable a { text-decoration:none; }
#resourcetable a:link, #resourcetable a:visited { color:#000077; }
#resourcetable a:hover, #resourcetable a:focus, #resourcetable a:active { color:#cc0000; text-decoration:underline; }

#tbluploadresource { border-collapse:collapse; background-color:#f1ede2; border:1px solid #c9e4d3; margin-left:20px; width:95%; }
#tbluploadresource td { padding:6px; vertical-align:middle; }
#tbluploadresource td.nopad { padding:0 6px; }
#tbluploadresource td input.text { width:100%; }
#tbluploadresource td textarea { width:95%; height:150px; font-size:80%; font-family:Arial, sans-serif;}
#tbluploadresource td.ta { vertical-align:top; }
#tbluploadresource td.ra { text-align:right; }
#tbluploadresource td.lbl { text-align:right; }
.mini { font-size:75%; color:#787878; }

p.msg { background-color:#ffffcc; padding:10px; border:2px dashed red; font-weight:bold; }

img.rightalign { float:right; }
img.border { margin-left:10px; background-color:#fff; padding:3px; border:1px solid #aaa; }