@import url(../css/reset.css);
html { font-size:0.81em;}
body { font:100% Tahoma, Arial, Helvetica, sans-serif; color:#444; min-width:760px; }


h2 {padding:.5em 0 .3em 0; font-size:1.35em; color:#444; }
h3 {padding:.5em 0 .3em 0; font-size:1.28em; color:#444; }

hr { overflow:hidden; border:0; padding:0; margin:5px 0px; background:#e2e2e2; height:1px; }

img {border-width:10px; margin: 10px; }

strong { font:100% Tahoma, Arial, Helvetica, sans-serif; color:#444; min-width:760px; font-weight: bold; }


a { color:#0096ff; text-decoration:underline; }
a:hover { color:#ffbd00; text-decoration:none; }
p { margin-bottom:1em; }
input,textarea {border:1px solid #000; margin:0 .1em .3em; padding:1px;}
button { background:#0096ff; border:0; font-weight:bold; cursor:pointer; font-size:1.18em; padding:0 2px 1px; color:#fff; }
button:hover { background-color:#ffbd00; }

#header { height:162px; background:url(../img/header-background.jpg) 0 12px repeat-x #2e81c2; position:relative;}
#header .border,
.border { height:12px; background:url(../img/border.gif) repeat 20% 0 #474747; display:block;}
#header .image { background:url(../img/header-img.png) no-repeat; width:214px; height:145px; position:absolute; bottom:0; left:15px;}
#header-banner {position:absolute; width:468px; height:60px; bottom:center; left:250px; }
#header h1 { width:158px; height:128px; font-size:1.2em; text-align:center; position:absolute; bottom:0; right:3.4%; text-transform:lowercase; font-weight:bold; overflow:hidden; }
#header h1 span { display:block; margin:10px; background:#fff; padding:5px 0; height:76px; overflow:hidden; }
#header h1 a { color:#000; }
#header h1 i { display:block; cursor:pointer; width:158px; height:128px; z-index:2; background:url(../img/header-logo.png) no-repeat left top; position:absolute; top:0; left:0; }

.header-links { background:#474747; color:#fff; text-align:right; padding:6px 0 6px; overflow:hidden; }
.header-links a { text-decoration:underline; color:#ffb400; }
.header-links a:hover { text-decoration:none; }
.header-links ul { float:right; overflow:hidden; position:relative; padding-bottom:1px; }
.header-links li  {float:left; border-left:1px solid; line-height:.8; padding:0 10px 2px; margin:0 1px 0 -1px; }

.main { overflow:hidden; padding:6px 0 0; }

#nav,#side { width:180px; position:relative; }
#nav { float:left; }
#side { float:right; }

#nav .block,
#side .block { font-size:.84em; background-color:#f7f7f7; padding:.7em 10px .3em 20px; }

#nav2 {margin-left:15px; }

#content { margin:0 210px 0 210px; }
#content ul li { padding:0 0 .4em 11px; background:url(../img/li-blue.gif) 0 .4em no-repeat; }
.list .col { width:49%; margin-right:1%; float:left; font-size:.84em; padding-bottom:1.6em; }
.list .col h2 { font-size:1.636em; }
#content .date { padding:1em 0 0; margin:0; font-size:.84em;}
#content .subj { padding:0 0 1em; margin:0; font-size:.84em;}
#content .more { text-align:right; line-height:12px; font-size:0.84em; margin-bottom:.2em; margin-top:-.7em;  }
#content .more a { background:url(../img/ic-more.gif) no-repeat 0 50%; padding-left:15px; }

#footer { padding:1em 20px 0; margin-top:2em; border-top:1px solid #c2c2c2; overflow:hidden; font-size:0.84em;}
#footer .copyrights { float:left; }
#footer ul { float:right; }
#footer .counters { float:right; clear:right; letter-spacing:6px; padding-bottom:1em; white-space:nowrap; }

#footer  ul { float:right; overflow:hidden; position:relative; right:-7px; margin-bottom:1em; }
#footer  li  {float:left; border-left:1px solid; line-height:.8; padding:0 7px 2px; margin:0 1px 0 -1px; }

.border { width:100%; clear:both; position:relative; }

/*nav list*/

#nav h2,
#side h2 { padding-left:20px; font-size:1.38em; color:#444; }
#nav h2 span,
#side h2 span { color:#000;}
#nav ul li,
#side ul li {background:#f4f4f4; border-bottom:1px solid #fff;  }
#nav ul li li,
#side ul li li {border-top:1px solid #fff; border-bottom:0; }
#nav ul a,
#side ul a { display:block; padding:.2em 10px .25em 20px; color:#444; text-decoration:none; }
#nav ul a:hover,
#side ul a:hover { background-color:#ffbd00; color:#fff; }
#nav ul ul,
#side ul ul { font-size:.84em; }
#nav ul ul a,
#side ul ul a { padding:.4em 10px .4em 34px; background-image:url(../img/li-gray.gif); background-repeat:no-repeat; background-position:20px .8em; }
#nav ul ul a:hover,
#side ul ul a:hover { background-color:#ffbd00; color:#fff; }

/*login form*/
.login-form dl { padding:1em 0; }
.login-form dt { width:40px; float:left; line-height:150%; }
.login-form dd { width:97px; margin-left:45px; }
.login-form dd input { width:93px; margin-left:0; }
.login-form dd button { margin:.3em 0;}

table {	font-family:"Trebuchet MS", Tahoma, Arial, sans-serif; font-size:1em; margin-bottom:.4em; width:100%; text-align:center; }
table td, th {padding:5px; border:1px solid #fff; vertical-align:middle;}
th { font-weight:normal; color:#fff; background-color:#898474; text-align:center }
td { font-weight:bold; color:#4c5960; height:20px; background-color:#eeebe4; text-align:center }
