body { background: #707070 url(/local/images/bg.gif) repeat-y center 0; padding: 0; margin: 0; color: #444; font: 13px Georgia, Times New Roman; }

html, body {  height: 100%; }
hr { width: 100%; border-width: 2px;  border-style: none;  border-top-style: dotted;   border-color: #DDD; }
a { color: #1073b9; text-decoration: none;}
a:hover { color: #444 !important; text-decoration: underline !important; }
a:visited { color: #1073b9; text-decoration: none;}
h1,h2,h3{ color: #1073b9; font-weight: normal; }
h1{ font-size: 25px; }
h2{ font-size: 19px; }
h3{ font-size: 15px; color: #444; }
img { border: 0; }

/* Regions */
#main{ height: auto;  width: 960px;  margin: 0 auto;  margin-bottom: -120px;  min-height: 100%; }
#header {  background: url(/local/images/topbg.gif) repeat-x 0 0;  height: 115px;  padding: 0;  margin: 0;    text-align: center; }
#logo {  background: url(/local/images/logo.png) no-repeat 0 60%;  margin: 0 auto;  width: 1055px;  height: 120px; }
.logo{ float:left;}
.add-top-block{ float:right; margin-top:5px;}
.add-block-right{ margin:3px 0;}

#menuwrapper {  background: url(/local/images/menubg.png) repeat-x 0 0;  margin: 0 auto;  text-align: center;  height: 60px; }
#menu {  margin: 0 auto;  height: 60px;  /*min-width: 960px;*/  width: 950px;  text-align: center; }
#menu ul {  margin: 0;  margin-left: 100px;  float:left;  text-align: center;  list-style: none;}
#menu li {  float: left;  display: inline-block;  width: 105px;  }
#menu a, #menu a:hover, #menu a:visited {  text-decoration: none; color: #FFF !important; }
#menu a, #menu .currpage {  background: url(/local/images/btnbg.gif) no-repeat 0 0;  color: #FFF;  display: block;  text-transform: uppercase;  font-size: 130%;  list-style: none;  line-height: 40px;  height: 38px;  width: 105px;}
#menu a:hover, #menu .currpage { background-position: 0 -38px; }

#body { border:#ccc solid 0px;  float: left;  margin: 0 16px 0 16px;  max-width: 688px; width: 688px;  text-align: justify;   height: 100%;}

#sidebar { border:#000 solid 0px; float: right;  width: 204px;  padding-right:16px;  height: 100%;}
#sidebar a {  margin-left: 2px;}
#sidebar button {  border: none 0;  position: relative; }

#categories {  margin-top: 16px;  margin-left: 15px;}
#categories ul {  margin-left: 0px;  padding: 0;  list-style-image: url(/local/images/bullet.gif);}

#favs {  float: right;  margin: 16px 8px 0 0;  text-align: right;}

#searchbox {  float: right;  width: 182px;  height: 37px;  margin: auto;  margin-right: 20px; }
#searchbox button {  border: 0;  background: url(/local/images/search.png) no-repeat 0 0;  width: 26px;  height: 26px;  margin-top: 4px;  margin-left: 10px;  cursor: pointer;}

#login {  width: 182px;  min-height: 32px;  max-height: 220px;  margin: 0 auto; padding:0 0 15px 0;  text-align: left;}
#login input:focus, #searchbox input:focus { background-color: #EEE;}
#login button, #login input.button {  background: White url(/local/images/login.png) no-repeat left top;  width: 34px;  height: 34px;  margin-top: 4px;  margin-left: 6px;  cursor: pointer; border: none; font-size: 0; color: White; }
#login p {  margin-top: 3px;  margin-left: .33em;  margin-bottom: 3px;}
#login form {  margin: 0;}

#footer {  color: #FFF;  clear: both;  background: #404040;  height: 120px;  text-align: center;  padding: 10px 0 10px 0;  width: 960px;  min-width: 961px;  margin: 0 auto;}
#footer a, #footer a:visited, #footer a:hover {  color: #FFF;  text-decoration: underline;}

#helpblock p, #helpblock li, #toolsblock p{  margin-left: 24px;  margin-bottom: 16px;}
#helpblock h3{  margin-bottom: 0;  margin-top: 32px;}

/* Classes */

.smalltext {  font-size: 75%;  font-family: Arial;}
.fontbox {  min-height: 40px;  width: 680px;  margin-left: 12px;  margin-bottom: 12px;}
.fontbox img {  margin: 0 2px;}
.fontpreview {  position: relative;  overflow: hidden;  min-height: 33px;  width: 650px;  margin-top: 8px;  margin-bottom: 8px;  margin-left: 16px;  top: 5px;  clear: both;}
.fonticons, .freeicon {  position: relative;  float: left;  line-height: 20px; margin-top: 8px;  padding-left: 32px;}
.fonticons{  padding-left: 0;}
.fonticons a, .freeicon a, .freeicon a:hover{ background: transparent no-repeat 12px 0; padding-left: 36px; display: inline-block; height: 20px; width: auto;}
.freeicon a, .freeicon a:hover{  background-image: url(/local/images/commercial.png); margin-left: -12px; text-decoration: none !important; color: #1073B9 !important;}
.fonticons a:hover{  background-position: 12px -20px;}
.fonticons img{  vertical-align: middle;}
.fontname a, .fontname a:visited {  float: left;  color: #cc0101;  text-decoration: none;}
.fontcategory {  line-height: 20px;  padding-left: 32px;}
.extrabox {  position: relative;  float: right;  text-align: center;  height: 24px;}
.extrabox ul {  list-style: none;}
.extrabox li {  display: inline-block;  float: left;  width: 18px;  height: 18px;}

.inputfield, .submitinputfield, .formtable input {  background-color: #FFF;  border: solid 1px #AAA;  margin-top: 5px;  margin-left: 4px;  position: relative;  width: 135px;}
.pagenumbers {  font-family: Arial, Tahoma;  margin: 0 auto;}
.pagenumbers a, .pagenumbers .currpage, .pagenumbers .inactive, .submitbtn, .framered, .framegray{  margin: 2px;  padding: 3px 5px 3px 5px;  line-height: 10px;  display: inline-block;  background-color: #d7d8de;  border: solid 1px #9292a1;  text-decoration: none;  color: #444;}
.framered, .framegray {  width: 675px;  margin: 0 auto;  padding: 8px;  text-align: center;}
.framegray {  background-color: #EEE;}
.pagenumbers a:hover {  background-color: #dcd7d7;}
.pagenumbers .currpage {  cursor: default;  background-color: #9292a1 !important;}
.pagenumbers .inactive {  cursor: default;  color: #9faaaa;  background-color: #d7d8de !important;  border-color: #9f8181;}
.submitinputfield, .formtable input {  width: 300px;}
.submitbtn { width: 75px !important;  height: 25px;  margin-left: 4px;  padding: 2px;  border: none; background-color: #d7d8de;  }
.featuredfontbox {  height: 100px;  width: 688px;  margin: 16px 5px;}
.featuredfontbox .fontpreview{  overflow: hidden;  width: 500px;  float: left;  margin: 0;}
.featuredfontbox .img {  height: 100px;}
.featuredfontbox .arrow {  float: right;  margin: 0 16px;}
.highlighted {  background-color: Yellow }
.formtable {  margin: 0 auto;}

.magnifier { position:absolute; top:0; left:0; width:200px; height:200px; }
.magnifier-eye { position:absolute; bottom:0; left:0; width:50px; height:50px; border:1px solid #444; }
.magnifier-img { position:absolute; top:0; right:0; width:150px; height:150px; border:5px solid #DDD; overflow:hidden; background:#E3E8EC; }
.magnifier-image { position:absolute; top:0; left:0; }

.alphabet{  font-size: 150%;  margin-top: -6px;  text-align: center;}
.alphabet a{  display: inline-block;  height: 16px;  width: 16px;  background: url(/local/images/alphabet.png) no-repeat 0 0;  margin: 0;  padding: 0;}
.alphabet a:hover{  background-color: #d7d8de;}
.commentbox{  background: #ededf5 url(/local/images/quote1.png) no-repeat 16px 38px;  border: solid 1px #c49999;  margin: 0;  margin-bottom: 16px;  padding: 0;}
.commentbox .header{  height: 30px;  line-height: 30px;  background: url(/local/images/commentheader.gif) repeat-x 0 0;  padding: 0 8px;  color: #000;}
.commentbox p{  margin: 0;}
.commentbox .commentend{  background: transparent url(/local/images/quote2.png) no-repeat right bottom;  height: 100%;  min-height: 35px;  margin-left: 64px;  padding-top: 16px;}
.commentbox .adminpanel{  margin: 0 auto;  text-align: center;   max-width: 275px;   min-width: 175px;  height: 24px;   float: right;   line-height: 18px;  text-align: right;}
.commentbox .adminpanel div{  float: left;  margin: 5px 2px;}
.cleardiv{  clear: both;  height: 24px;}
.clear{ clear:both;}

/* Contact form: */
.cf label { float:left; width:100px; padding:5px 0 0 0; clear:both; }
.text { width:200px; padding:2px; vertical-align:top;}
.cf .button { margin:5px 0 5px 120px; }
textarea { padding:2px; vertical-align:text-top; width:400px; }