@charset "UTF-8";
/* CSS Document */
@import url(reset.css);
@import url(fonts.css);
@import url(footer.css);
@import url(nav.css);
@import url(forms.css);

body{
	background:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
}

h1.katinka_admin{
	background:url(../images/resources/katinka_header_admin.jpg);
	text-indent:-9999px;
	display:block;
	width:387px;
	height:32px;
	float:left;
}

h1{

}


h2{


}

h3{
font-size:11px;
font-weight:bold;

}
h4{
font-size:10px;
font-weight:bold;

}

div{
overflow:hidden;
}

div#container{
z-index: 0;
text-align:left;
	width:820px;
	margin:auto;
	padding-top:20px;
}

div#content{
min-height:500px;
}

p{
line-height:14px;
}

a{
color:#FF3300;
text-decoration:none;
}

a:hover{
color:#66CCFF;}

.warning{
font-style:italic;
color:#ED1C24;
font-weight:bold;
margin-bottom:1em;
}

.note{
font-style:italic;
margin-bottom:1em;
}

.project_year{
font-size:13px;
margin-bottom:0.5em;
}

ul.projects_list{
margin-bottom:1em;
}

ul.projects_list li, ul.links_list li{
padding-top:.25em;
padding-bottom:.25em;
border-bottom:#000000 1px dotted;
overflow:hidden;
}

ul.projects_list li a, ul.links_list li a{
margin-left:1em;
}

ul.projects_list li span{
margin-left:1em;
}
ul.projects_list li span.list_title{
margin-left:0;
display:block;
width:20em;
float:left;
}

ul.links_list span{
float:right;
}

ul.links_list li span.list_title{
margin-left:0;
display:block;
width:10em;
float:left;
}

div.admin_nav{
width:100%;
padding-top:5px;
padding-bottom:5px;
border-bottom:#000000 1px solid;
}

ul.admin_nav{
float:right;
font-size:11px;
}

ul.admin_nav li{
float:left;
margin-right:2em;
margin-top:1em;
}

ul.admin_nav li.logout{
margin-right:0;
}

div.main_content{
float:left;
width:600px;
margin-right:20px;
}

div.sub_content{
float:left;
width:180px;
}

.projectlist_container{
float:left;
width:500px;
margin-right:20px;
}

.projectlist_sub_content{
float:left;
width:280px;
}

div.project_list_holder{
overflow:auto;
height:500px;
}


ul.thumbs{
overflow:hidden;
position:relative;
}

ul.thumbs a img{
border:1px solid #f6f6f6;
}

ul.thumbs a:hover img{
border:1px solid #999999;
}

ul.thumbs li.thumb{
	float:left;
	width:60px;
	height:60px;
	padding-right:5px;
	padding-bottom:5px;

}

ul.thumbs li.thumb p{
	position:absolute;
	text-indent:-9999px;
}

p.img_note{
margin-bottom:3em;
font-style:italic;
}

.strongnote{
font-style:italic;
font-size:12px;
}

div.textareas, div.sub_content{
float:left;
}

ul.attachments{
margin-top:0.5em;
border-top:1px dotted #999999;
}

ul.attachments li{
padding-bottom:0.5em;
padding-top:0.5em;
border-bottom:1px dotted #999999;
}


div.image_detail{
padding-top:20px;
padding-bottom: 60px;
height: 100%;

}
div.image_detail p{
color:#999999;
padding-bottom:1em;
}

p.copyright{
padding-top:10px;

}

div#image{
position: absolute;
text-align: center;
left: 0;
top:0;
z-index: 200;
width: 100%;
display: block;
background: #f6f6f6;

}

div#flash{
position: absolute;
z-index: 1;
}

.article{
width: 600px;

}

.article h1{
margin-bottom: 1em;
margin-top: 1em;
font-size:16px;
font-weight:bold;

}

.article h2{
margin-bottom: 1em;
margin-top: 1em;
font-size:14px;
font-weight:bold;

}

.article p{
margin-bottom: 2em;

}