body {
background: #f4fcd3 url(images/bg.jpg) repeat-x top left;
text-align:center;
margin:0;
padding:0;
font-family: arial, "lucida console", sans- serif;
font-size:12px;
line-height:16px;
color:#404040;
}
img {
border:0 none;
}

a {
color:#648302;
text-decoration:underline;
}
a:hover {
text-decoration:none;
}
#wrapper {
margin:0 auto 0 auto;
text-align:left;
width:900px;
}
#footer {
background: #f4fcd3 url(images/bgfooter.jpg) repeat-x top left;
text-align:center;
margin:0;
padding:0;
height:100px;
clear:both;
color:#fff
}
#footer a {
color:#dffaff;
padding-left:5px;
padding-right:5px;
text-decoration:none;
}

#footer a:hover, #footer a.active {
color:#fff;
}

.logo {
float:left;
width:810px;
padding-top:20px;
}
.login {
background: transparent url(images/login.jpg) no-repeat top right;
float:right;
width:90px;
height:103px;
text-align:center;
line-height:30px;
}
.login a {
color:#dffaff;
text-decoration:underline;
}
.login a:hover {
text-decoration:none;
color:#fff;
}
.clear {
clear:both;
}

.headleft {
background: transparent url(images/bgheadleft.jpg) no-repeat;
float:left;
width:423px;
height:267px;
}
.inheadleft h1 {
color:#fff;
font-size:18px;
font-weight:normal;
margin-top:0;
margin-bottom:15px;
}
.inheadleft {
padding-left:40px;
padding-right:20px;
padding-top:40px;
color:#404040;
}
.headright {
background: transparent url(images/bgheadright.jpg) no-repeat;
float:left;
width:477px;
height:267px;
}

.submeniu {
background:#233F55;
line-height:22px;
width:898px;
text-align:left;
margin-left:1px;
font-size:12px;
}

.submeniu a {
background: url(images/separator-mic.jpg) no-repeat right;
color:#dffaff;
text-decoration:none;
padding-left:15px;
padding-right:15px;
}
.submeniu a:hover, .submeniu a.activ  {
background: url(images/separator-mic.jpg) no-repeat right;
text-decoration:none;
color:#fff;
}


span.small {
font-size:10px;
text-transform: italic;
}

.tabcontent h4 {
font-size:16px;
font-weight:bold;
color:#9a1922;
margin-top:15px;
margin-bottom:15px;
}
span.color {
color:#9a1922;
font-weight:bold;
}
.tabcontent {
padding-left:15px;
}
#menu {
background:#2f5d74;
line-height:40px;
width:898px;
text-align:center;
margin-left:1px;
font-size:13px;
}
#menu a {
background: url(images/separator.jpg) no-repeat right;
color:#fff;
font-weight:bold;
text-decoration:none;
padding-left:16px;
padding-right:16px;
padding-top:11px;
padding-bottom:11px;
}
#menu a:hover, #menu a.active{
background: #2a8db4 url(images/separator.jpg) no-repeat right;
padding-left:16px;
padding-right:16px;
font-weight:bold;
text-decoration:none;
padding-top:11px;
padding-bottom:11px;
}
#content {
padding-top:25px;
}
.left {
float:left;
width:540px;
}
.right {
float:right;
width:360px;
}
.inright {
padding-left:20px;
}
.redbox {
background: #2a8db4 url(images/redboxbg.jpg) no-repeat top left;
width:540px;
height:240px;
}
.inredbox {
padding:25px 20px 20px 20px;
}
.inleft {
padding:20px;
}
.inleft h3 {
margin:0;
padding:0;
font-size:18px;
font-weight:normal;
}
.inleft h4 {
font-size:14px;
font-weight:bold;
}

.redleft {
width:180px;
text-align:center;
float:left;
}
.redright {
width:300px;
float:right;
text-align:left;
color:#fff;
font-style: italic;
font-size:12px;
text-align:right
}
.redright h2 {
margin:0;
padding:0;
font-size:16px;
color:#f4fcd3;
}
.featproj {
background: #2a8db4 url(images/featproj.jpg) no-repeat top left;
width:338px;
height:133px;
}
.infeat {
padding:25px;
color:#ffeb63;
font-weight:normal;
font-size:18px;
text-align:center;
line-height:25px;
}