@charset "utf-8";
/* CSS Document */

* {padding:0; margin:0; font-size:100%; line-height:120%; text-align:left}
html, body {background:#FFF; color:#555; font-family:Arial, Geneva, Helvetica, sans-serif; text-align:center}

a {color:#1C3080; text-decoration:underline; cursor:pointer}
a:hover, a:visited:hover {text-decoration:none; color:#0000CC; cursor:pointer}

h1 {font-size:25px; line-height:30px; font-weight:normal}
h3 {font-size:19px; font-weight:normal; margin:25px 0 4px 0}
h4 {font-size:16px; margin:4px 0 4px 0}

p {margin-bottom:10px}

table, td, img {border:0; vertical-align:top; border-collapse:collapse}
table {width:90%; font-size:11pt; margin:0 auto 30px auto}

/*============================== grid ====================================*/
/*---------- header ----------*/

tr.head td {vertical-align:bottom}
tr.head td.left {background:url(/images/logo.gif) top center no-repeat; height:185px; vertical-align:top}
tr.head td.left a {display:block; height:110px}
tr.head  div h2 {font-size:17px; font-weight:normal; line-height:20px; position:absolute; z-index:10; top:-80px; left:0; width:500px}
.ttl {font-size:17px; font-weight:normal; margin: 50px 0 0 15px; line-height:20px; /*position:absolute;*/ z-index:10; /*top:-80px; left:0;*/ width:400px}
/*---------- content ----------*/
td.left, td.right {width:21%}
td.mid {width:19%}
tr.mid td .block, tr.foo td .block, div.block  {display:block; background-position:top center; background-repeat:no-repeat}
tr.mid td .block span, tr.foo td .block span, div.block span {display:block; margin:0 18px 0 18px; padding-top:170px; /*min-height:102px;*/ min-height:inherit}
td.left, td.left div.nolink {text-align:right}
/*td.left .block, td.left div.block {margin-left:auto}*/
td.left .block, td.right .block, td.left div.block, td.right div.block {width:90%; position:relative}

.tag .project_holder .block span {margin:0px;}
td.left .project_holder .block span {margin:0px;}
/*td.left .project_holder span.taglink {margin-left:10%;}*/
.project_holder a span {font-size:14px;}
/*---------- foo ----------*/
tr.foo td .block, tr.foo td div.block {background-position:18px 0}
tr.foo td .block span, tr.foo td div.block span {padding-top:60px; min-height:2px; font-size:8pt}
tr.foo td.left img, tr.foo td.right img, tr.foo td.mid img {width:245px; height:1px}
tr.foo td.mid {width:25%;}
tr.foo td.mid img {width:208px}
tr.foo td.right {white-space:nowrap;}
tr.foo td div.block, .copyright {color:#A3A3A3}
/*tr.foo td  {border: 1px solid red;}*/



/*============================== navigation ====================================*/

.nav {position:relative; height:11pt; margin:auto 18px 40px 18px; text-align:center}
.nav a.left {padding-left:28px; background:url(/images/left.gif) 0 6px no-repeat; white-space:nowrap; margin-left:-30px; position:relative}
.nav a.right {padding-right:28px; background:url(/images/right.gif) 100%  6px no-repeat; white-space:nowrap}

.menu {width:160px; margin:0 auto 0 auto; font-size:8pt}
.menu ul {list-style:none; margin:6px 0 24px 0}
.menu li {margin:8px 0; padding-left:16px; background:url(/images/dash.gif) 0 5px no-repeat}
.menu h4 {font-weight:normal; font-size:15px}
.menu p {margin-bottom:30px; font-size:10pt}

/*============================== content ====================================*/

.content {margin:0 0 0 18px; width:600px; padding-bottom:20px}
.content .img {color:#999; width:533px; margin:0 0 30px 0}
.content ul {list-style:none; margin:16px 0 16px 0}

.content h4 {padding-bottom:20px}
.content h6 {padding:10px 0 4px 0}
.content p img {width:533px; margin:10px 0 36px 0; display:block; background:#EEE;}

p.small, ul.small {font-size:8pt; width:500px}

.address {position: relative; margin:56px 68px 20px 18px; float: right; line-height:130%; width:220px;}
.topadr{margin:50px 18px 20px 18px; float:right;}
.copyright {position:absolute; left:18px; width:300px; bottom:-38px; font-size:8pt}

/*============================== index ====================================*/

#index tr.head  div h2 {font-size:20px; line-height:30px; top:-100px}
#index tr.head td.left a {display:none}

#index tr.mid h4 {margin:40px 0 0 0px;}
#index.tag .mid h4 {margin:0px;}
#index tr.mid ul {margin:0;padding:0;list-style:none;}
#index tr.mid ul a {line-height:20px;}
#index td.mid table {margin-left:0;margin-top:20px;}
#index td.mid table td .block {width:auto;}

.tag tr.head td.left a {display:block!important;}

/*============================== taglinks ====================================*/
.taglink a, .taglink span {white-space:nowrap;}
 .taglink a:link{
   font-size:10px; color:#ff6700; text-decoration: underline;
 }
 .taglink a:visited{
   font-size:10px; color:#ff6700; text-decoration: underline;
 }
 .taglink a:hover, .taglink span{
   font-size:10px; color:red; text-decoration: none;
 }
 .taglink a:active{
   font-size:10px; color:#ff6700; text-decoration: underline;
 }
 .taglink {margin-left:0px; display:block;}
 .project_holder {text-align:left; margin:0px 20px 40px 20px; min-height:200px;max-width:400px; min-width:200px;}
 .left .project_holder {min-width:245px; margin:0px 0px 40px 20px; }
 .tag .left .project_holder {min-width:200px; margin:0 20px 40px 20px;}

 /*.project_holder a.block {font-size:12pt;}*/
 .tag td.left, .tag td.right {width:12%}

 .tag .content {width:auto;}

 .img-block {display:block;}