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

body {
border-top:4px solid #3d3d3d;
width:100%;
height:100%;
}

a {text-decoration:none; color:#286099; font:16px Trebuchet MS;}

a:hover, a:focus {color:#3e78b3; border-bottom:1px dotted #4e4e4e;}

section, aside, article, header, footer, nav {display:block;}

#wrap {
width:960px;
margin:0 auto;
overflow:hidden;
height:100%;
}

section#wrap > header, #header > header {
width:100%;
height:100px;
overflow:hidden;
position:relative;
}

section > header > a, body > section > * > header > a {
width:310px;
height:70px;
position:absolute;
top:0;
left:0;
margin:20px 0 0 0;
display:block;
outline:none;
background:url(../images/logo.jpg) no-repeat center;
}

section > header > a:hover, section > header > a:focus, body > section > * > header > a:hover, body > section > * > header > a:focus {border:0;}

section > header h3, header a h1, .invisible, aside > header > h2, section > header > h2, body > section > * > header > nav > h3 {display:none;}

header > nav {
margin-left: 380px;
overflow:hidden;
}

header > nav ul {height:1%;overflow:hidden;}

header > nav ul li {
list-style:none;
float:left;
margin:0 0.5em 0 0;
}

header > nav ul li a {
display:block;
text-decoration:none;
color:#fff;
background:#286099;
padding:14px 0.8em;
font:12px arial;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-webkit-border-bottom-left-radius:8px;
-webkit-border-bottom-right-radius:8px;
}

header > nav ul li a:hover, nav ul li a:focus {
font-style:italic;
border:0;
color:#fff;
}

header > nav ul li a.active {
height:40px;
}

#content {
width:580px;
margin:40px 0 0 380px;
height:1%;
}

section#content > footer {height:1%;}

aside {
width:310px;
float:left;
font:16px Trebuchet MS;
margin:40px 0 0 0;
color: #4e4e4e;
height:1%;
}

aside h3 {
font:25px Trebuchet MS;
background: url(../images/h.jpg) no-repeat left center;
padding-left:80px;
margin: 30px 0 0 0;
}

#searchform {
margin: 0 0 40px 0;
}

#searchform #searchsubmit {display:none;}
#searchform #s {
width:220px;
border:1px solid #ccc;
height:28px;
font:20px Trebuchet MS;
padding:2px 4px;
}

#searchform #s:hover, #searchform #s:focus {
border:1px solid #4e4e4e;
}

#searchform h3, #searchform fieldset {display:inline; height:28px; background:none; padding:0;}

aside ul {
list-style:none;
margin: 8px 0 8px 82px;
}

aside div {
margin: 8px 0 8px 82px;
}

aside ul li a {
text-decoration:none;
color:#286099;
display:block;
font-variant:small-caps;
}

aside ul li a:before {
content: '→';
color:#4e4e4e;
padding:0 4px 0 0;
}
aside ul li a:hover span, aside ul li a:hover span, aside ul li a:hover:before, aside ul li a:focus:before {font-style:normal;}

aside ul li a span {color:#4e4e4e;}

aside ul li a:hover, aside ul li a:focus {
font-style:italic;
color:#3e78b3;
border:0;
}

article {
font:16px Trebuchet MS;
color:#3d3d3d;
line-height:1.4em;
position:relative;
margin:0 0 40px 0;
}

article > header {position:relative;}

article h3 {
margin:0 0 8px 0;
padding:0 55px 0 0;
}

article h3 a {
font:25px Trebuchet MS;
color:#286099;
border:0;
text-transform:capitalize;
}

article h3 a:hover:after, article h3 a:focus:after {
content:'¶';
color:#ccc;
padding-left:4px;
}

article a.speak {
top:0;
right:0;
height:29px;
width:46px;
background:url(../images/speak.jpg) no-repeat top center;
position:absolute;
border:0;
color:#fff;
font:18px georgia;
display:block;
text-align:center;
}
article a.speak:hover, article a.speak:focus {
background:url(../images/speak.jpg) no-repeat bottom center;
}

article p {
font:14px Lucida Grande, Tahoma, serif;
line-height:1.6em;
text-indent:12px;
}

article small.meta a {font-variant:small-caps;}

hr {border-bottom:1px solid #ccc;}
p small, p small a {font:10px arial, sans-serif; color:#4c4c4c;}
p small span, p small a {color:#286099;}

p.right {float:right;}
p.right a:hover, p.right a:focus {border:0; color:#4e4e4e;}

