/* CSS Document */

div#banner-bar{
margin-top:0px;
margin-bottom:0px;
width:770px;
height:202px;
background:url(../images/banner-back.gif) repeat-y
}

div#bannerdetails{
float:left;
width:320px;
padding:5px 10px 5px 10px;
}
div#bannerdetails p{
color:#fff;
font-size:11px;
line-height:1.2em;
}

div#photo{
width:420px;
float:right;
background:transparent;
}
div#photo img{
width:415px;
margin:0px 0 0 2px;
top:81px;
position:absolute;
padding:0;
z-index:0;
}
html>body div#photo img{
top:81px;
}
div#sections-bar{
margin-top:0px;
padding-top:1px;
padding-bottom:0px;
border-top:2px solid #436571;
border-bottom:2px solid #436571;
width:774px;
}
div#alpha{
width:257px;
height:150px;
float:left;
background:url(../images/sections/blog.gif) no-repeat;
margin-right:1px;
}
#alpha h1{
color:#4c591d;
}
div#beta{
width:257px;
height:150px;
float:left;
background:url(../images/sections/scripts.gif) no-repeat;
margin-right:1px;
}
#beta h1{
color:#9f2531;
}
div#delta{
width:255px;
height:150px;
float:left;
background:url(../images/sections/databases.gif) no-repeat;
}
#delta h1{
color:#313a5c;}
div#sections-bar h1{
text-align:right;
margin-right:10px;
}
div#sections-bar p{
text-align:right;
margin:2px 10px 2px 100px;
line-height:1.1em;
font-size:10px;
}
div#sections-bar p.more{
margin:60px 5px 0 0;
font-weight:bold;
}
div#sections-bar p.more a{
text-decoration:none;
}
div#sections-bar p.more a:hover{
text-decoration:underline;
color:#436571;
}
div#updates-bar{
margin-top:0px;
padding:1px 2px 1px 2px;
background:#eee;
border-bottom:2px solid #436571;
width:770px;
}
ul.updates{
	list-style:none;
	margin-left:10px;
	margin-bottom:2px;
}
ul.updates li{
border-right:1px solid #436571;
color:#333;
font-size:9px;
width:155px;
float:left;
padding:0 2px;
}
ul.updates a{
text-transform:none;
color:#333;
text-decoration:none;
}

ul.updates a.date{
text-transform:uppercase;
color:#436571;
text-decoration:none;
}
ul.updates li img{
border:1px solid #333;
width:150px;
height:50px;
margin:1px;
}