/* Redbrick Home Page Only */

body {
background-image: url(/images/body_backgrnd_home.jpg);
background-position: top left;
background-repeat: repeat-x;
margin: 0;
padding: 0;
font-family: "Trebuchet ms", arial, sans-serif;
}

#mainwrap {
width: 960px;
margin: 0 auto;
padding: 0;
}

/* -------- START Sticky Footer CSS -------- */

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

* {margin:0;padding:0;}

html, body, #mainwrap {height: 100%;}

body > #mainwrap {height: auto; min-height: 100%;}

#main {
width: 960px;
margin: 0 auto;
padding-bottom: 130px; /* must be same height as the footer */
}  

/* STICKY FOOTER CLEAR FIX*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* -------- END Sticky Footer CSS -------- */

/* -------- Top Logo Area --------- */

#top-area {
width: 960px;
height: 115px;
margin: 0;
}

#logo {
float: left;
display: inline;
width: 226px;
height: 64px;
margin: 33px 0 0 46px;
padding: 0;
}

#top-nav {
width: 680px;
float: right;
display: inline;
margin: 60px 0 0 0;
text-align: right;
}

#navlist {
font-family: helvetica, arial, sans-serif;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0;
}

#navlist li {
display: inline;
list-style-type: none;
padding: 0 30px 0 0;
}

#navlist a:link {color: #fff; text-decoration: none;}
#navlist a:visited {color: #fff; text-decoration: none;}
#navlist a:hover {color: #000; text-decoration: none;}

.clearboth {
clear: both;
}

/* ---- Inside Banner Area ---- */

#home-banner {
width: 960px;
height: 268px;
margin: 0;
background-image: url(/images/banner_crowd.jpg);
background-position: bottom left;
background-repeat: no-repeat;
}

.home-banner-title {

margin: 0;
float: right;
padding: 110px 120px 0 0;
font-size: 40px;
letter-spacing: -1px;
color: #0e0e0e;
line-height: 46px;
}

.red {color: #b32317;}

.bold {font-weight: bold;}

#title-banner-holder {
width: 500px;
margin: 0;
padding: 35px 0 0 50px;
}

.title-banner {
font-family: helvetica, arial, sans-serif;
font-size: 20px;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0 0 5px 0;
}

.black-title {
font-family: "Trebuchet ms", arial, sans-serif;
font-size: 24px;
letter-spacing: -1px;
color: #0e0e0e;
margin: 0;
}

/* -------- Inside Page Content Area ----------- */

a:link {color: #b32317; text-decoration: underline;}
a:visited {color: #b32317; text-decoration: underline;}
a:hover {color: #000; text-decoration: underline;}

/* Left Hand Column Area */

#inside-column-a {
width: 580px;
float: left;
margin: 40px 0 0 0;
padding: 0 0 0 40px;
}

p {
font-size: 16px;
line-height: 22px;
margin: 0;
padding: 0;
}

#inside-column-a p {
margin: 0 0 15px 0;
}

.title-content {
font-size: 24px;
letter-spacing: -1px;
color: #0e0e0e;
line-height: 26px;
margin: 0;
}

.image-holder {
width: 170px;
float: right;
margin: 0 0 20px 20px;
text-align: center;
}

.pic-text {
font-size: 12px;
color: #5f5f5f;
font-style: italic;
line-height: 16px;
margin: 10px 0 0 0;
text-align: left;
}

.bullets {
margin: 0 0 0 30px;
padding: 0;
}

.bullets li {
margin: 0;
padding: 0 0 5px 0;
}

.bigger {
font-size: 20px;
padding: 10px 0 0 0;
color: #b32317;
}

/* Sign Up Area */

#signup-holder {
width: 268px;
background-image: url(/images/envelope.gif);
background-position: top;
background-repeat: no-repeat;
background-color: #f0f0f0;
margin: 20px 0 0 0;
}

.sign-up-title {
font-family: helvetica, arial, sans-serif;
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 30px 0 5px 15px;
}

.sign-up {
padding: 2px 0 20px 15px;
}


/* -------- Footer Area --------- */

#footer {
position: relative;
width: 100%;
height: 130px;
margin: -130px auto 0 auto; /* negative value of footer height used for sticky footer */
clear:both;
background-image: url(/images/footer_backgrnd.gif);
background-position: top;
background-repeat: repeat-x;
background-color: #fff;
}

#footer-content {
width: 960px;
margin: 0 auto;
}

#footer-left {
float: left;
width: 270px;
margin: 30px 0 0 0;
padding: 0;
background-image: url(/images/footer_logo.gif);
background-position: top left;
background-repeat: no-repeat;
}

.copyright {
margin: 0;
padding: 30px 0 0 32px;
font-size: 11px;
color: #747474;
}

#footer-right {
float: right;
width: 680px;
margin: 30px 0 0 0;
padding: 0;
text-align: right;
}

#footer-list {
font-size: 11px;
margin: 30px 0 0 0;
}

#footer-list li {
display: inline;
list-style-type: none;
padding: 0 20px 0 0;
}

.shiftit {
margin: 0 0 0 30px;
}

#footer-list a:link {text-decoration: none;}
#footer-list a:visited {text-decoration: none;}
#footer-list a:hover {text-decoration: none;}