/* PAGE STRUCTURE */
html, body
{
height: 100%;
}
body
{
font-size: .9em;
font-family: Helvetica, Arial, sans-serif;
background: #7B4820 url(http://recognizetrauma.org/images/body-bg.png) center center;
}
.aura
{
width: 1126px;
margin: 0 auto;
background: transparent url(http://recognizetrauma.org/images/container-background.png) repeat-y center top;
}
.container
{
width: 1080px;
margin: 0 23px;
}
.float-fix
{
float: none;
clear: both;
}
/* GROSS PAGE ELEMENTS */
/* header */
.header
{
position: relative;
width: 1080px;
height: 139px;
background: transparent url(http://recognizetrauma.org/images/border-line-orange.png) repeat-x left bottom;
}
.nav-top
{
position: absolute;
top: .5em;
right: 1em;
font-size: .9em;
}
.nav-top li
{
display: inline;
padding: 0 .5em;
border-right: 1px solid white;
}
.nav-top li a
{
color: white;
}
.nav-top li a:link,
.nav-top li a:visited
{
text-decoration: none;
}
.nav-top li a:hover,
.nav-top li a:active
{
text-decoration: underline;
}
.nav-top li:last-child
{
border-right: none;
}
/* main navigation and hero image */
.top-heavy
{
width: 1080px;
height: 267px;
background: transparent url(http://recognizetrauma.org/images/border-line-orange.png) repeat-x left bottom;
}
.nav-main
{
width: 259px;
height: 263px;
float: left;
background-color: #863b0a;
}
.nav-main ul
{
height: 263px;
}
.nav-main li
{
height: 33px;
line-height: 33px;
}
.nav-main li a
{
display: block;
height: 31px;
line-height: 31px;
color: white;
text-decoration: none;
font-size: .9em;
padding-left: 2em;
}
.nav-main li a:link,
.nav-main li a:visited
{
background: transparent url(http://recognizetrauma.org/images/nav-main-bg.png) repeat-y left top;
}
.nav-main li a:hover,
.nav-main li a:active,
.nav-main li a.active
{
background: transparent url(http://recognizetrauma.org/images/nav-main-bg-active.png) repeat-y left top;
}
.nav-main>ul ul
{
position: relative;
z-index: 999;
left: 259px;
top: -31px;
width: 150px;
height: auto;
background-color: #1a3d60;
}
.nav-main>ul ul li a:link,
.nav-main>ul ul li a:visited
{
background: #347cc3;
}
.nav-main>ul ul li a:hover,
.nav-main>ul ul li a:active
{
background: #347cc3;
color: #ffb933;
}
table.nav-main
{
width: 259px;
height: 263px;
float: left;
background-color: #863b0a;
}
table.nav-main td
{
height: 33px;
line-height: 33px;
}
table.nav-main td a
{
display: block;
height: 31px;
line-height: 31px;
color: white;
text-decoration: none;
font-size: .9em;
padding-left: 2em;
}
table.nav-main td a:link,
table.nav-main td a:visited
{
background: transparent url(http://recognizetrauma.org/images/nav-main-bg.png) repeat-y left top;
}
table.nav-main td a:hover,
table.nav-main td a:active
{
background: transparent url(http://recognizetrauma.org/images/nav-main-bg-active.png) repeat-y left top;
}
.hero-image
{
width: 821px;
height: 263px;
overflow: hidden;
float: right;
background-color: black;
}
/* main content */
.content
{
clear: both;
width: 1080px;
height: 100%;
min-height: 50em;
}
.two-column-layout .content
{
background: transparent url(http://recognizetrauma.org/images/content-bg.jpg) repeat-y left top;
}
.single-column
{
height: 100%;
width: 1080px;
}
.single-column .col-1
{
float: left;
width: 560px;
padding: 30px 60px;
}
.single-column .col-1 h1
{
font-size: 1.3em;
font-weight: bold;
color: #204f7b;
margin-bottom: 1em;
}
.single-column .col-1 p
{
font-size: .9em;
line-height: 1.5em;
margin-bottom: 1em;
}
.single-column .col-1 ul
{
font-size: .9em;
line-height: 1.5em;
list-style-type: disc;
margin-left: 3em;
}
.single-column .col-1 ul li
{
margin-bottom: 0;
}
.single-column .col-1 .term
{
color: #204f7b;
font-size: 1.1em;
font-weight: bold;
}
.single-column .col-2
{
float: right;
width: 370px;
padding: 30px;
padding-left: 0;
}
.single-column .col-2 img
{
width: 100%;
}
.left-column
{
float: left;
height: 100%;
width: 259px;
color: white;
font-size: 1.2em;
}
.left-column .item {
padding: 2.5em 1em;
background: transparent url(http://recognizetrauma.org/images/content-left-border.png) no-repeat center bottom;
}
.left-column .item:last-child
{
margin-bottom: 2.5em;
}
.left-column .item h2
{
font-size: 2em;
color: #da9757;
line-height: 1.1em;
}
.left-column .item p
{
font-size: 1em;
margin-right: 2em;
line-height: 1.7em;
}
.left-column .item p a:link,
.left-column .item p a:visited
{
color: #da9757;
text-decoration: none;
}
.left-column .item p a:hover,
.left-column .item p a:active
{
color: #da9757;
text-decoration: underline;
}
.right-column
{
float: right;
height: 100%;
width: 821px;
}
.right-column .col-1
{
float: left;
width: 461px;
padding: 30px;
}
.right-column .col-1 h1
{
font-size: 1.3em;
font-weight: bold;
color: #204f7b;
margin-bottom: 1em;
}
.right-column .col-1 p
{
font-size: .9em;
line-height: 1.5em;
margin-bottom: 1em;
}
.right-column .col-1 ul
{
font-size: .9em;
line-height: 1.5em;
list-style-type: disc;
margin-left: 3em;
}
.right-column .col-1 ul li
{
margin-bottom: .25em;
}
.right-column .col-1 .term
{
color: #204f7b;
font-size: 1.1em;
font-weight: bold;
}
.right-column .col-2
{
float: right;
width: 300px;
padding: 30px 0;
}
/* footer */
.footer
{
clear: both;
width: 1080px;
height: 75px;
padding-top: 4px;
background: #2B4473 url(http://recognizetrauma.org/images/border-line-orange.png) repeat-x left top;
}
.footer-logo
{
display: block;
float: right;
margin: 13px 2em;
}
.footer p
{
color: white;
line-height: 75px;
margin-left: 2em;
}
.nav-bottom
{
clear: both;
width: 1080px;
margin: .5em auto;
text-align: center;
}
.nav-bottom li
{
display: inline;
border-right: 1px solid white;
padding: 0 .5em;
}
.nav-bottom li a
{
color: white;
font-size: .8em;
}
.nav-bottom li a:link,
.nav-bottom li a:visited
{
text-decoration: none;
}
.nav-bottom li a:hover,
.nav-bottom li a:active
{
text-decoration: underline;
}
.nav-bottom li:last-child
{
border-right: none;
}