html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{ vertical-align: baseline; font-weight: inherit; font-family: inherit; font-style: inherit; font-size: 100%; border: 0 none; outline: 0; padding: 0; margin: 0; }
:focus { outline: 0; }

/*Clear after*/
.clearfix:after { content:"."; display: block; height:0; clear:both; visibility:hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

body { font: 68.75% Arial, Helvetica, sans-serif; color: #666666; text-align: center; background-color: #77777E; margin: 0; padding:5px; line-height: 1.3em; } /* 11px at medium size in IE, 100% is 16px*/
ul { margin-left:1.5em; }
a { font-size:12px; color: #ff1a00; text-decoration: none; }
a:hover { text-decoration:underline; }
a:visited { color: #ff1a00; text-decoration: none; }
h1, h2, h3 { color:#000000; font-weight:normal; padding-bottom:10px; }
h1 { font-family:Lucida Sans Unicode; font-size:2.4em; }  /* displayed at 26px */
h2 { font-size:1.5em; }  /* displayed at 16.5px */
h3 { font-size:1.3em; text-transform:uppercase; }  /* displayed at 14px */
h3 a:link, h3 a:visited { color:#000000; }
h4 { font-size:1.2em; font-weight:bold; padding-bottom:10px; }  /* displayed at 12.1px */
input, select, th, td { font-size:1em }
ul li, li li, li p, td p, blockquote p, div p, div span { font-size:1.1em; } /* displayed at 12.1px */
p { margin:10px 0 10px 0; }
img { border:0; }

/* Dynamic Section */
#helpblock p, #helpblock li, #toolsblock p { margin-left: 24px; margin-bottom: 16px;}
#helpblock h3 {  margin-bottom: 0;  margin-top: 32px;}
.formtable { margin-left:130px; }
.formtable td { font-size:1.1em; }
.pagenumbers {  font-family: Arial, Tahoma;  margin: 0 auto;}
.pagenumbers a, .pagenumbers .currpage, .pagenumbers .inactive
{ 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;}
.pagenumbers a:hover {  background-color: #dcd7d7;}
.pagenumbers .currpage {  cursor: default;  background-color: #9292a1 !important;}
.pagenumbers .inactive {  cursor: default;  color: #9faaaa !important;  background-color: #d7d8de !important;  border-color: #9292a1; text-decoration: none !important; }
.fonticons, .freeicon { float: left; }
.fonticons img{  vertical-align: middle;}
.fonticons a, .freeicon span { background:transparent none no-repeat scroll 12px 0; display:inline-block; height:20px; padding:0 0 0 32px; width:auto; text-decoration:none; font-size:1.1em; color:#333333; }
.fonticons a:hover { text-decoration:underline; }
.freeicon span {  background-image: url(/local/css/img/12-em-check.png); padding: 0 0 0 30px; margin-left:-12px; }
.fontcategory { padding-bottom:10px; font-size:1.3em; }
.framered { border:1px solid #9292a1; padding:10px; }
.infoframe { font-size: 1.1em; }
.smalltext { font-size: 0.8em; }
.fontbox {  width: 805px; }
.fontbox .fontpreview { width: 785px; margin-bottom:10px; overflow: hidden; background-color: #ffffff; padding: 10px; }
.framegray { width: 773px; padding:15px; border:1px solid #9292a1; }
.framegray .fontpreview { width: 745px; margin:10px 0 0 4px; }
.extrabox { float:right; width:85px; text-align:center; }
.fontname { font-size:1.5em; font-weight:bold; }
.cleardiv{  clear: both;  height: 24px;}
.submitinputfield { padding:3px; margin:3px; border:1px solid #9292A1; }
.downloadButton { text-align:center; margin-top:25px; }
.markButton { background:transparent url(/local/css/img/buttonbg.png) repeat-x scroll 0 0; }
.commentend { padding-left:20px; }
.commentbox { margin-bottom: 20px; border-bottom: 1px solid #9292A1; }
textarea#Comment { margin-bottom:10px; }
input[type="button"],input[type="submit"], button { background:transparent url(/local/css/img/buttonbg.png) repeat-x scroll 0 0; border:1px solid #9292A1; color:#FFFFFF; font-family:Arial; font-size:11px; font-weight:bold; padding:3px; height:25px; cursor:pointer; }

/* Layout Section */
#container { width: 972px; background-color: #77777E; margin: 0 auto; text-align: left; position:relative; }
#header { width:972px; height:101px; background: url(/local/css/img/menutile.gif) no-repeat bottom left; }
#searchsection { width:340px; height:101px; float:left; }
#fonteologo { height:54px; padding:9px 0 0 36px; }
#searchbox { height:38px; padding:0 0 0 52px; }
#searchbox button { padding-top:20px; }
#navigation { width:503px; height:101px; padding:0; float:left; }
#navigation ul { margin: 0; padding: 0; float: left; }
#navigation li { list-style-type: none; float: left; }
#navigation a { background-image: url(/local/css/img/topmenu.png); display: block; padding-top: 101px; height: 0; overflow:hidden; }
#navigation .lnk1 a { width: 101px; background-position: 0 0; }
#navigation .lnk1 a:hover { background-position: 0 -100px; }
#navigation .lnk1 a.currpage { background-position: 0 -202px; }
#navigation .lnk2 a { width: 101px; background-position: -101px 0; }
#navigation .lnk2 a:hover { background-position: -101px -100px; }
#navigation .lnk2 a.currpage { background-position: -101px -202px; }
#navigation .lnk3 a { width: 101px; background-position: -202px 0; }
#navigation .lnk3 a:hover { background-position: -202px -100px; }
#navigation .lnk3 a.currpage { background-position: -202px -202px; }
#navigation .lnk4 a { width: 101px; background-position: -303px 0; }
#navigation .lnk4 a:hover { background-position: -303px -100px; }
#navigation .lnk4 a.currpage { background-position: -303px -202px; }
#navigation .lnk5 a { width: 99px; background-position: -404px 0; }
#navigation .lnk5 a:hover { background-position: -404px -100px; }
#navigation .lnk5 a.currpage { background-position: -404px -202px; }
#loginsection { width: 127px; height:101px; float:left; }
#loginsection a { background-image: url(/local/css/img/login.jpg); background-repeat:no-repeat; display: block; background-position: 2px 13px; padding-top: 101px; height: 0; overflow:hidden; }
#loginsection a.logout { background-image: url(/local/css/img/logout.jpg); background-repeat:no-repeat; }
#middlesection { background-color: #E1E2E3; }
#maincolumn { float:left; width:845px; background-color: #e1e2e3; }
#pagenumbers { font-size:1.3em; letter-spacing: 2px; }
#letters { width:498px; font-size:2em; font-weight:bold; padding:8px 0 8px 0; letter-spacing: 2px; float:left; }
#letters a { color:#787880; }
#letters a:hover { color:#ff1a00; }
#displayLoginStatus { width:320px; padding:8px 0 0 20px; float:left; font-size:1.1em; }
.welcome { padding-bottom: 5px; }
#favImg { float:left; width:24px; }
#viewFav { margin: 4px 0 0 25px; }
#viewFav a { color:#333333; }
#lettersBottom { font-weight:bold; float: left; width: 505px; padding: 0px 20px 15px 20px; background-color: #E1E2E3; letter-spacing: 2px; }
#maincolpadding { padding:15px 20px 10px 20px; clear:both; }
#maincolpadding h1 { padding-bottom:10px; }
#sidebar { float:left; width:127px; margin-top:-10px; background-color: #e1e2e3; }
#categoryTopImage { background-image: url(/local/css/img/category.png); background-repeat:no-repeat; width:127px; height:72px; }
#categoryTopImage h2 { display:none; }
#categories { padding:10px 5px 10px 8px; line-height: 22px; }
#categories ul { margin:0; padding:0; list-style-type: none; }
#categories a { color:#787880; font-size:1.1em; }
#categories a:hover { text-decoration:underline; color:#ff1a00; }
#footer { background-color: #E1E2E3; width:972px; padding-top:25px; }
#footer a { color:#787880; }
#footer a:hover { color:#ff1a00; }
#navBottom { font-weight:bold; float: left; width: 407px; padding: 0px 20px 15px 0px; background-color: #E1E2E3; text-align:right; }
#pagingBottom { padding: 0px 0px 17px 20px; width: 952px; }

input.searchText { background-color:#E1E2E3; border:1px solid #333333; color:#000000; font-size:12px; height:15px; width:190px; vertical-align:top; padding:1px; }
#searchbox input.searchbtn { background: transparent url(/local/images/searchBtn.gif) no-repeat scroll 0 0;  width: 56px;  height: 20px; cursor: pointer; vertical-align:middle; margin-left:2px; border:0 }
#letters a.currletter, #lettersBottom a.currletter, #navBottom a.currpage { color:#ff3300; }

.popup { display: none; position: absolute; z-index: 100; width: 250px; height: 130px; }
#login { right: 0px; top: 0px; border:2px solid #d92652; background-color:#ffffff; text-align:left; padding:5px; font-size:11px; }
#login a { color:#999999; font-size:11px; }
.lgnEmail, .lgnPass { width: 155px; height: 17px; padding: 3px; text-align:right; vertical-align:middle; }
.lgnEmail input, .lgnPass input { border:1px solid #d92652; font-size:12px; width:143px; padding:3px; color:#000000; }
.formLabel { vertical-align:middle; text-align:right; font-size:12px; }
td.styledbtn { text-align:left; vertical-align:middle; padding-left:7px; }
td.styledbtn submit { cursor:pointer; padding:0; margin:0; }
.submitbtn { padding-left:3px; }

.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 #DB4568; }
.magnifier-img { position:absolute; top:0; right:0; width:150px; height:150px; border:5px solid #DB4568; overflow:hidden; background:#E3E8EC; }
.magnifier-image { position:absolute; top:0; left:0; }

/* 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; }