body {
padding: 0 0 30px 0;
margin: 0;
background-color: #aea8aa;
text-align: center;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #303030;
}

#wrapper {
margin: 0 auto;
border-left: 1px solid #262626;
border-right: 1px solid #262626;
border-bottom: 1px solid #262626;
background-color: #fff;
text-align: left;

width: 741px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 739px;
}

html>body #wrapper {
width: 739px;
}

#masthead {
border-bottom: 2px solid #fff;
}

#content {
background: #fff url(assets/shared/page_background.jpg) top left no-repeat;
padding: 20px;
}

#navigation {
float: right;
background: #303030 url(assets/shared/nav_stripe.gif) top repeat-x;
margin-left: 20px;
padding: 25px 15px;

width: 202px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 172px;
}

html>body #navigation {
width: 172px;
}


#pageContent {
float: right;
width: 476px;
}

#footer {
clear: both;
}


/* --  fonts -- */

h1 {
font: bold 20px Arial, Helvetica, sans-serif;
margin-top: 0;
margin-bottom: 10px;
text-transform: uppercase;}

h2 {
font: bold 15px Arial, Helvetica, sans-serif;
margin-top: 0;
margin-bottom: 10px;
}

p {
margin-top: 0;
margin-bottom: 1em;
}

ul {
margin-left: 1.4em;
padding-left: 0px;
}

li {
padding: 0;
margin: 0;
}

#navigation p, #navigation li, #navigation h2 {
color: #fff;
}

#navigation h2 {
font: bold 16px/18px Arial, Helvetica, sans-serif;
margin-top: 0;
margin-bottom: 6px; 
}

#navigation ul {
margin-top: 0;
margin-bottom: 1.4em;
}

.borderLarge {
border: 3px solid #303030;
}

/* -- links -- */

a {
font-weight: bold;
color: #303030;
}

a:hover {
color: #000;
}

#navigation a {
color: #fff;
text-decoration: none;
}

#navigation a:hover {
color: #ccc;
}