*{
margin:0px;
padding:0px;
}

html, body{
height:100%;
}

body{
background:#fff;
color:#000;
font-family:Ariel, Helvetica, sans-serif;
}

a, a:link{
color:#5492bd;
text-decoration:none;
}
a:hover{
text-decoration:underline;
cursor:pointer;
}

p{
margin:0 0 1em;
line-height:1.5em;
}

ul, ol{
margin:0.5em 0 1em 2em;
}

h1,h2,h3,h4,h5,h6{
margin:0 0 0.6em;
}
h1,h4,h6{
color:#305771;
}
h1{
font-size:20px;
font-weight:normal;
}
h2{
font-size:18px;
font-weight:normal;
}
h3{
font-size:16px;
font-weight:bold;
font-style:italic;
}
h4{
font-size:14px;
font-weight:bold;
font-style:italic;
}
h5{
font-size:12px;
text-decoration:underline;
}
h6{
font-size:11px;
font-weight:bold;
text-decoration:underline;
}

.render{
background:url(f036_render.jpg) no-repeat;
}

.title{
font-size:18px;
font-style:italic;
font-weight:bold;
text-decoration:underline;
margin:0px 0px 10px;
}

#container{
min-height:100%;
min-width:960px;
background:#eeedea url(f036_background.gif) repeat-y 0px 0px;
position:relative;
}

#header{
background:url(f036_header.gif) repeat-x 0px 0px;
height:130px;
}
#header-inner{
background:url(f036_header-inner.gif) repeat-x 0px 0px;
height:130px;
float:left;
position:relative;
}
#site-name{
position:absolute;
top:10px;
left:65px;
width:100%;
font-size:28px;
}
#slogan{
position:absolute;
top:45px;
left:104px;
width:100%;
font-size:18px;
font-style:italic;
}
#header-inner .render{
background-position:0px 27px;
height:130px;
width:235px;
}
#header-image{
background:url(f036_header-image.jpg) no-repeat 0px 0px;
height:130px;
width:708px;
float:left;
}

#menu1{
background:url(f036_menu1.gif) repeat-x 0px -360px;
height:40px;
}
#menu1 ul{
margin:0px;
padding:0px;
list-style:none;
float:left;
}
#menu1 li{
list-style:none;
float:left;
height:40px;
line-height:40px;
margin-left:-45px;
}
#menu1 a, #menu1 a .left, #menu1 a .right{
background-image:url(f036_menu1.gif);
height:40px;
float:left;
}
#menu1 a{
background-repeat:repeat-x;
background-position:0px 0px;
font-size:13px;
font-weight:bold;
text-decoration:none;
color:#fff;
border:none;
position:relative;
}
#menu1 a .left{
background-repeat:no-repeat;
background-position:0px -80px;
padding:0px 0px 0px 45px;
}
#menu1 a .right{
background-repeat:no-repeat;
background-position:right -80px;
padding:0px 45px 0px 0px;
}
#menu1 li:first-child a .left{
background-position:0px -200px;
}
#menu1 li:last-child a .right{
background-position:right -280px;
}
#menu1 a:hover{
background-position:0px -40px;
z-index:100;
}
#menu1 a:hover .left{
background-position:0px -120px;
}
#menu1 a:hover .right{
background-position:right -160px;
}
#menu1 li:first-child a:hover .left{
background-position:0px -240px;
}
#menu1 li:last-child a:hover .right{
background-position:right -320px;
}
#menu1 #last-child-hack{
display:none;/* hide last-child-hack for non-IE browsers */
}
#menu1 .render{
float:left;
height:40px;
width:264px;
background-position:0px -103px;
}

#page{
padding:0px 0px 80px;
}

#sidebar{
float:left;
padding:50px 20px;
width:210px;
}
#sidebar.render{
background-position:0px -143px;
}
#sidebar .title{
color:#fff;
}
#sidebar a{
color:#305771
}

.content{
margin:0px 30px 0px 250px;
padding:20px 30px 50px;
}

#footer{
position:absolute;
left:0px;
bottom:0px;
padding:30px 0px 0px;
height:50px;
width:100%;
text-align:center;
background:#fff url(f036_footer.gif) repeat-x 0px 0px;
}

.clearfix{
clear:both;
height:1px;
}

/** IE hacks **/
#ie-wrapper, #ie-wrapper #container{
height:100%;
}
#ie-wrapper #menu1 #last-child-hack{
display:block;
float:left;
width:45px;
height:40px;
margin-left:-45px;
background:url(f036_last-child-hack.gif) no-repeat 0px 0px;
position:relative;
z-index:200;
}