/* SCREEN STYLESHEET FOR ISTITUT KATTOLIKU */

/* CSS reset - placed here to reduce http requests */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, textarea, p, blockquote, table, tr, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''; }

/* IE5.5 patch for centering the page */

body { text-align:center; position:absolute; height:100.1%; width:100%; }
body div { text-align:left; }

/* globals */

body { background:#5b5847 url(../images/bg7.177x163.png) 0% 0%;  }
body, input, select, textarea { font-family:tahoma,trebuchet ms, arial, helvetica, sans-serif; font-size:11px; line-height:15px; color:#555; }
strong { font-weight:bold; }
em { font-style:italic; }
h1, h2, h3, h4, h5, h6, p, blockquote { margin:0 0 12px 0; }
h1 { font-family:arial,"trebuchet ms"; font-size:32px; color:#444; font-weight:bold; height:90px; line-height:85px; margin:0 0 0 200px; float:left; display:inline; }
h1 span { color:#60612d; color:#974843; font-family:georgia; font-style:italic; font-size:37px; font-weight:normal; padding-left:2px; letter-spacing:-1px; }
h2 { color:#974843; font-family:georgia; font-style:italic; font-size:22px; line-height:30px; }
h3 { color:#974843; font-weight:bold; font-size:13px; }
h4 { color:#974843; font-weight:bold; }
a { color:#60612d; text-decoration:none; border-bottom:1px dotted #60612d; }
a:hover { color:#974843; border-bottom:1px dotted #974843; }

/* generics */

.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }
.floatLeft { float:left; display:inline; }
.floatRight { float:right; display:inline; }
img.floatLeft { margin:2px 10px 10px 0; }
img.floatRight { margin:2px 0 10px 10px; }
.top { vertical-align:top; }
.middle { vertical-align:middle; }
.bottom { vertical-align:bottom; }
.inline { display:inline; }
.strong { font-weight:bold; }
.clearer { height:0px; clear:both; line-height:0px; overflow:hidden; font-size:0; }
.pad { padding:20px; }

/* layout */

#divTop { width:800px; height:10px; margin:30px auto 0 auto; background:#aba897 url(../images/bg6.10x500.jpg) 0% 0% repeat-x; }
#divPageWrapper { width:800px; margin:0 auto; background:#aba897 url(../images/bg11.800x20.gif); border-bottom:1px solid #665; }
#divPage { background:url(../images/bg6.10x500.jpg) 0% -10px repeat-x; }
#divPageInner { background:url(../images/stpaul.160x290.gif) 20px 0px no-repeat; }
#divColMain { float:right; display:inline; width:599px; background:#fff url(../images/bg10.10x300.jpg) 0% 0% repeat-x; min-height:500px; height:auto !important; height:500px; border-top:1px solid #776; border-left:1px solid #776; }
#divColSide { float:right; display:inline; width:200px; margin-top:190px; }


/* header */

#divLangs { text-align:right; font-size:11px; padding:35px 20px 0 0; }
#divLangs a { border:0; }
#divLangs a:hover { text-decoration:none; color:#ffe; }
#divLangs img { vertical-align:middle; padding:0 2px 0 20px; }

/* main col */

.masthead { height:150px; border:1px solid #776; margin:0 0 15px 0; }
#divMasthead1 { background:url(../images/masthead1.560x150.jpg) center no-repeat; }
#divMasthead2 { background:url(../images/masthead2.560x150.jpg) center no-repeat; }
#divMasthead3 { background:url(../images/masthead3.560x150.jpg) center no-repeat; }

#divColMain ul { list-style:square outside; margin:0 0 15px 15px; }
#divColMain ol { list-style:decimal outside; margin:0 0 15px 20px; }
#divColMain li { padding:2px 0; }
#divColMain img.bordered { background:#eaebe5; padding:5px; border:1px solid #776; }
#divColMain blockquote { background:#eaebe5; border:1px solid #776; padding:10px; color:#333; }

/* front page only */

.smallPosters { border:1px solid #776; background:#eaebe5; text-align:center; padding:15px; font-weight:bold; margin:0 0 12px 0; }
.smallPosters .leftPoster { float:left; display:inline; text-align:center; }
.smallPosters .rightPoster { float:right; display:inline; text-align:center;  }
.smallPosters div a { border:0; }
.smallPosters img { margin:0 0 10px 0; }

.singlePoster { width:200px; margin:0 auto 12px auto; padding:15px; border:1px solid #776; background:#eaebe5; text-align:center; font-weight:bold; }
.singlePoster a { border:0; }
.singlePoster img { margin:0 0 10px 0; }

/* only required for forms */

.standardForm { display:block; border:1px solid #776; padding:5px 15px 15px 15px; background:#eaebe5; position:relative; margin:15px 0; }
.standardForm .row { clear:both; }
.standardForm .full { clear:both; padding-top:10px; }
.standardForm label { float:left; display:inline; width:32%; text-align:right; padding-top:10px; font-size:11px; }
.standardForm .field { float:right; display:inline; width:65%; padding-top:10px; }
.standardForm .text { border:1px solid #776; padding:2px; font-size:11px; }
.standardForm .checkbox, .standardForm .radio { vertical-align:middle; }
.standardForm .button { background:#dadbd5; border:1px solid #cacbc5; padding:5px 10px; font-weight:bold; color:#974843; border-top:1px solid #fafbf5; border-left:1px solid #fafbf5; }
.standardForm label.error { float:none; width:auto; text-align:left; padding:0; }

/* side col */

#divMenu { border-top:1px solid #776; border-bottom:1px solid #776; padding:25px 20px; background:#eaebe5; font-size:13px; }
#divMenu ul { list-style: square inside; color:#974843; border-top:1px dotted #aba897; }
#divMenu ul li { padding:5px 0; border-bottom:1px dotted #aba897; color:#60612d; }
#divMenu ul li a { border:0; }
#divMenu ul li a span { float:right; display:inline; visibility:hidden; }
#divMenu ul li a:hover { text-decoration:none; }
#divMenu ul li a:hover span { visibility:visible; }
#divMenu ul li.current a { font-weight:bold; }
#divMenu ul li.current a span { visibility:visible; }
#divMenuShadow { height:10px; background:url(../images/bg9.10x10.png); }
#divMasks { height:170px; background:url(../images/bg12.200x150.gif) 50% 0% no-repeat; margin-top:40px; }

/* footer */

#divFooterWrapper { width:800px; margin:0 auto; background:#878578 url(../images/bg8.40x40.jpg) 0% 100% repeat-x; }
#divFooter { padding:0px 20px; color:#eaebe5; font-size:11px; height:60px; line-height:60px; }
#divFooter a { color:#eaebe5; border:0; }
#divFooter a:hover { color:#ffe; }
#divBottom { height:30px; }