/* RESET */

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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset, form, label, legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent} body{line-height:1} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} 
code, kbd, samp, pre, tt, var { font-family: monaco, "Lucida Console", courier, monospace; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

/* BASIC TYPOGRAPHY */

html { font-size: 62.5%; font-family: Helvetica, Arial, verdana;             }
.container { line-height: 1.5em; font-size:1.2em; }

strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: 700; }

p { word-spacing:0em; letter-spacing:0; font-size:1.1em;line-height:1.38em;}
p.img { margin: 0 0 1.5em 0; padding: 0;}
p img { margin: 0; padding: 0; }
p img.right { float: right; margin: 0 0 1em 1em;  }

h1,h2{ font-weight:700; color: #000; font-family:Helvetica, Arial, verdana; letter-spacing: 0; word-spacing:0.1em;  }
h3,h4,h6 { font-weight: normal; color: #000; font-family:Helvetica, Arial, verdana; }

h1 { font-size: 4.4em;  margin-bottom: 0.682em; }
h2 { font-size: 1.9em;  margin-bottom: 0.79em; }
h3 { font-size: 1.7em;  margin-bottom: 0.882em; }
h4 { font-size: 1.4em;  margin-bottom: 1.071em; }
h5 { font-size: 1.1em; line-height:1.25em;}
h6 { font-weight:700; }


ul { margin: 0 1.5em 1.5em 1.5em; }
ol { list-style-position: outside; list-style-type: decimal; margin: 0 2.5em 1.5em 2.5em; }

li ul, li ol  { margin:0 1.5em; }
ol ol, ul ol { margin-left: 2.5em; }
ul li { margin-left: .75em; }
ul { list-style-type: disc; }
ul ul { list-style-type: square; }
ul ul ul { list-style-type: circle; }

dl { margin: 0 0 1.5em 0; }
dt { font-weight: bold; margin-top: 1.5em; }
dd { margin-left: 1.5em; }
dd ul {margin-left:0;}

/* TABLE */
table {  margin-bottom: 1.5em; table-layout: fixed;}
tr, th, td { margin:0; padding:0 1.5em 0 1em; height:18px; }
caption { text-align:center; font-family:Georgia, serif;  }

/* QUOTES */

blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }
blockquote *:first-child { margin: .75em 0; }
blockquote { padding-left:1.5em; margin: 1.5em; border-left:3px solid #ccc; font-style:italic; }

/* FORMS */

fieldset { padding:1.5em; margin: 0 0 1.5em 0; border: 1px solid #ccc; position:relative; }
legend { font-weight: 700; padding-left: .8em; padding-right: .8em;}
label { float:left; width:9em; display:block; clear:left; margin-right:1em; text-align:left;}
textarea, input[type='text'], input[type='password'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ffffaa; }
input, select { cursor: pointer; }
input[type='text'],input[type='password'] { cursor: text; }
input { padding: .3em .4em .15em .4em; }
textarea { padding: .4em; }
input[type='submit'], input[type='button'], input[type='reset'] { padding:0; }
select { padding: .1em .2em 0 .2em; }
option { padding: 0 .4em; }
form div { margin-bottom: .5em; }
form p { padding-bottom: 1em;	}

/* COLORS */

a:link { text-decoration: underline; color: #000; }
a:visited { text-decoration: underline; color: #000; }
a:hover { text-decoration: none; color: #000; }
a:active, a:focus { text-decoration: underline; color: #000; }
code, pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */
a.nor { text-decoration: none; color: #000; }
a.nor:hover { text-decoration: underline; color: #000; }

/* 24 COLUMN GRID */
.wrapper { min-width:1100px; background:transparent;}
.container { margin:20px 20px;}
.showgrid {background:url(../img/grid.png);}
.showlines {background:url(../img/lines.png);}


.zi1{ z-index:1;} .zi2{ z-index:2;} .zi3{ z-index:3;} .zi4{ z-index:4;} .zi5{ z-index:5;} .zi100{ z-index:100;}

.bgt { background:transparent}
.bgf { background:#fff;}
.bg0 { background:#000;}

hr {background:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.5em;border:none;}
hr.space {background:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;max-height:0;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* other */

.relative { position: relative; }
.absolute {position: absolute; }
.left { float:left;}
.right { float:right; }
.hidden { display:none; }
.larger { font-size:1.3em;}
.small {font-size:.9em !important;}
.normal{ font-weight:normal; }
.box { margin:0; padding:0; font-weight:700;}
.txtr { text-align:right !important; }
.txtl { text-align:left !important; }
.txtc { text-align:center !important; }
.cap {white-space:nowrap;}
.tu {text-decoration:underline;font-size:1.1em;}
/*****************/
/*
/* Custom
/*
/****************/
.administrator {
    position:absolute;
    top:20px;
    left:0;
    background:#f2f2f2;
    z-index:10000;
    padding:3px;
}

h1 {
    line-height:.8em;
}

#mtext { width: 420px; }
.box {width:340px;}

.newsbox {
    width:340px;
    margin-bottom:20px;
    overflow:hidden;
}
.newsimg {
    display: block;
    float: right;
    margin-left:10px;
}
.newsdate{
    margin-bottom: 7px;
    padding:0;
}
.sel {
    text-decoration:underline;
}
dl.hor {
    float:left;
    margin:0 30px 0 0;
    text-align:left;
    width:275px;
}
li.hor {

}

#mtext p {
    text-indent: 16px;
}
#mtext p:first-child {
    text-indent: 0px;
}
.box p {
    margin-bottom:1.3em;
}
.newstext { width: 340px; }
.newstext p {
    text-indent: 16px;
}
.newstext p:first-child {
    text-indent: 0px;
}
