body {
margin:0px;
padding:40px 0px 0px 0px;
font-family: Calibri, Arial, Helvetic, sans-serif;
font-size:90%;
text-align:center;
background:#808080 url(../images/bg_top.jpg) top left repeat-x;
}

#headerwrap {
margin:0px;
padding:0px;
background:#ffffff;
}

#header {
width:980px;
height:80px;
margin:0px auto;
padding:0px;
}

#logo {
float:left;
width:300px;
height:73px;
margin:0px 0px 5px 0px;
padding:0px;
}

#tagline {
float:left;
width:580px;
height:30px;
margin-top:0px;
margin-left:100px;
color:#808000;
font-size:140%;
}

#navwrap {
background:#ffffff;
height:45px;
}

#nav {
width:980px;
margin:0px auto;
text-align:right;
padding:0px;
height:45px;
}

.home {
background: url(../images/bg_navproject.jpg) bottom left no-repeat;
height:45px;
}

#nav ul {
margin:0px 0px 0px 250px;
padding:0px;
vertical-align:bottom;
}

#nav ul li {
width:120px;
margin:0px 1px 0px 0px;
padding:0px;
float:left;
text-align:center;
list-style:none;
vertical-align:bottom;
height:45px;

}

#nav ul li a {
width:120px;
display:block;
color:#eeeeee;
text-decoration:none;
background:#666666 url(../images/bg_navitem.jpg) bottom left no-repeat;
border-bottom:1px solid #ffffff;
font-size:120%;
padding-top:23px;
}

#nav ul li a:hover {
background:#666666 url(../images/bg_navitem_over.jpg) bottom left no-repeat;
}

#nav ul li a#current {
background:#000000 url(../images/bg_navitem_c.jpg) bottom left no-repeat;
border-bottom:1px solid #000000;
color:#ffffff;
margin-bottom:0px;
padding-top:23px;
}

#contentwrap {
background:url(../images/bg_content.jpg) top left repeat-x;
margin:0px;
min-height:300px;
padding-top:36px;
}

#contentwrap2 {
background:url(../images/bg_content.jpg) top left repeat-x;
margin:0px;
min-height:300px;
}

#content {
width:980px;
margin:0px auto;
padding:0px;
position:relative;
clear:both;
}

#content li,#page li {
list-style-image:url(../images/bullet.gif);
}

#new {
position:absolute;
top:-20px;
left:150px;
width:48px;
height:48px;
z-index:10;
}

#projects {
float:left;
width:200px;
height:470px;
margin:0px 0px 0px 0px;
background:#dddddd url(../images/bg_project.jpg) top left repeat-y;
}

#projects h1 {
background:#cc0000 url(../images/bg_projecttitle.jpg) top left no-repeat;
color:#ffffff;
font-size:140%;
font-weight:normal;
height:39px;
padding-top:24px;
border-bottom:1px solid #ffffff;
margin-top:0px;
}

#projects p {
height:30px;
color:#666666;
text-align:left;
padding-left:20px;
background:url(../images/bg_projectitem.gif) center left no-repeat;
}

img.right {
float:right;
margin:0px 25px;
}


#thumbs {
float:left;
width:140px;
margin:40px 0px 0px 20px;
}

#thumbs p {
margin: 10px 0px 0px 0px;
}

#thumbs img {
border:1px solid #ffffff;
}

#bigpic {
float:left;
width:600px;
margin:51px 0px 0px 15px;
position:relative;
}

#bigpic img {
border:1px solid #ffffff;
}

#page {
margin-left:250px;
width:720px;
background:#dddddd;
border:1px solid #ffffff;
text-align:left;
font-size:110%;
line-height:1.3em;
padding-bottom:25px;
min-height:450px;
clear:both;
}

#page2 {
float:left;
margin-left:30px;
width:720px;
background:#dddddd;
border:1px solid #ffffff;
text-align:left;
font-size:110%;
line-height:1.3em;
padding-bottom:25px;
min-height:450px;
clear:both;
}

#page h1, #page2 h1 {
background:#cc0000 url(../images/bg_h1.jpg) top left repeat-x;
color:#ffffff;
font-size:140%;
font-weight:normal;
padding:40 0px 15px 25px;
border-bottom:1px solid #ffffff;
margin-top:0px;
}

#page h2,#page2 h2 {
color:#FF8F33;
font-size:120%;
padding:5px 0px 5px 35px;
font-weight:normal;
height:22px;
background:url(../images/subtitle.jpg) center left no-repeat;
margin-left:25px;
}

#page p, #page table, #page2 p, #page2 table {
padding-left:25px;
padding-right:25px;
}

#page table.podia {
border-collapse:collapse;
border-spacing:0px;
border-left:1px solid #666666;
border-top:1px solid #666666;
margin-left:25px;
}

#page table.podia th {
text-align:left;
width:150px;
vertical-align:top;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
padding:2px 5px;
}

#page table.podia td {
text-align:left;
vertical-align:top;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
padding:2px 5px;
}

#page p a, #page ul li a, #page2 p a, #page2 ul li a {
color:#cc0000;
border-bottom:1px dotted #cc0000;
text-decoration:none;
}

#page p a:hover, #page ul li a:hover, #page2 p a:hover, #page2 ul li a:hover {
border-bottom:1px solid #cc0000;
}

#page p table tr td a, #page2 p  table tr td a {
border-bottom:0px;
}

#page p table tr td a:hover, #page2 p  table tr td a:hover {
border-bottom:0px;
}

#footerwrap {
clear:both;
}

#footer {
width:980px;
margin:0px auto 0px auto;
text-align:right;
color:#eeeeee;
padding:35px 0px 20px 0px;
}

#footer a {
color:#eeeeee;
}

#footer a:hover {
text-decoration:none;
color:#ffffff;
}

input, textarea {
margin-top:2px;
}

.label {
width:250px;
}

/* admin */

#adminnav {
float:left;
width:150px;
margin-right:30px;
margin-top:50px;
}

#adminnav ul {
margin:0px;
padding:0px;
}

#adminnav ul li {
margin:0px;
padding:0px;
list-style:none;
list-style-image:none;
width:150px;
}

#adminnav ul li a {
display:block;
width:150px;
background:#cc0000;
color:#ffffff;
text-decoration:none;
padding:2px 5px;
margin-bottom:3px;
border:1px solid #ffffff;
}

#adminnav ul li a:hover {
font-weight:bold;
}

table.admin th, table.admin td {
vertical-align:top;
text-align:left;
padding:5px;
}

table.admin td {
vertical-align:top;
text-align:left;
padding:5px;
}

input.disabled {
background:#dddddd;
}

a img {
border:none;
}

input, textarea {
border:2px solid #666666;
}

.button {
border:2px solid #666666;
background:#eeeeee;
color:#666666;
}