/*=========== Global reset ======================*/
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
html, body, div, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, th, td { margin:0; padding:0 }
table { border-collapse: collapse; border-spacing:0 }
fieldset, img { border:0 }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration: none }

/* The below restores some sensible defaults */
table, p {
margin: 0 0 1.6em 0;
padding: 0;
}
ul, dl, ol {
margin: 0 0 1.6em 2.8em;
padding: 0;
}
strong { font-weight: bold }
em { font-style: italic }
a img { border: none } /* Gets rid of IE's blue borders */
/*=========== END: Global reset ======================*/



html {
/*font-family: helvetica, verdana, geneva, arial, helevtica, sans-serif;*/
font-family: arial, helevtica, sans-serif;
font-size: 0.75em;
color: #333;
}

body {
/*background: #fff url(/tmpl_images/bg-body.jpg) repeat-x left 146px;*/
background: #fff;
margin: 0 0 2em 0;
}

#wrapper {
margin: 0 auto;
background: #fff url(/tmpl_images/bg-body.jpg) repeat-x left 146px;
position: relative;
text-align: center;
}

/*
#wrapper-body {
width: 963px;
margin: 0 auto;
}
*/

/*======== printer friendly styles ========*/
#pf-header {
display: none;
}

#pf-footer {
display: none;
}
/*======== END: printer friendly styles ========*/


/*======== header ========*/
#header {
clear: both;
height: 146px;
background: #6c0a0c url(/tmpl_images/header-bg-repeat.jpg) repeat-x left top;
text-align: center;
}

#header-body {
width: 923px;
height: 146px;
background: #6c0a0c url(/tmpl_images/header-bg.jpg) no-repeat left top;
margin: 0 auto;
position: relative;
}

#header h1.logo {
float: left;
width: 300px;
height: 50px;
background: transparent url(/tmpl_images/logo-interactions.jpg) no-repeat left top;
margin: 20px 0 0 0 !important;
padding: 0 !important;
text-indent: -9999px;
}

#header h1.logo a {
width: 300px;
height: 50px;
display: block;
}

#header h2.slogan {
float: right;
clear: right;
margin: 7px 4px 0 0;
padding: 0;
text-transform: uppercase;
letter-spacing: 0.06em;
font-size: 0.95em;
font-weight: normal;
color: #fff;
}

#header ul.sb-icons {
float: right;
list-style: none;
margin: 30px 0 0 0;
padding: 0;
}

#header ul.sb-icons li {
float: right;
margin: 0 4px;
}

#header ul.sb-icons li.rss {

}

#header ul.sb-icons li.twitter {

}

/*
#header .rss-icon {
float: right;
clear: right;
margin: 30px 4px 0 0;
}
*/

form.header-search {
margin: 0;
padding: 0;
position: absolute;
left: 520px;
top: 85px;
width: 370px;
}

.header-search ul {
list-style: none;
margin: 0;
padding: 0;
font-size: 0.95em;
}

.header-search li {
float: right;
}

.header-search label {
display: block;
float: left;
margin: 0.2em 0 0 0;
letter-spacing: 0.06em;
text-transform: uppercase;
font-weight: bold;
}

.header-search .text-field {
width: 125px;
height: 19px;
margin: 0 0.4em;
border: 1px solid #b37a36;
}

.header-search .button {
cursor: pointer;
width: 31px;
height: 21px;
margin: 0;
padding: 0;
border: 1px solid #b37a36;
background: #402b20 url(/tmpl_images/buttons/submit-arrow-01.jpg) no-repeat left top;
}

.header-search .radio {
margin: 0.3em 0.2em 0 1em;
}
/*======== END: header ========*/



/*======== navs ========*/
ul.header-nav {
position: absolute;
left: 42px;
top: 88px;
}

ul.footer-nav {
float: left;
margin: 20px 0 0 42px !important;
}

ul.nav {
list-style: none;
margin: 0;
padding: 0;
}

ul.nav li {
float: left;
margin: 0 2.5em 0 0;
text-transform: uppercase;
letter-spacing: 0.06em;
font-size: 0.95em;
font-weight: bold;
}

ul.nav a {
text-decoration: none;
color: #3c3c3c;
}

ul.nav a:hover {
text-decoration: underline;
color: #3c3c3c;
}

ul.nav li.active a, ul.nav li.active a:hover {
color: #64090a;
}

/** left-nav **/
#left-nav-top {
height: 11px;
background: transparent url(/tmpl_images/left-nav-top.png) no-repeat left -5px;
}

#left-nav-bottom {
height: 15px;
background: transparent url(/tmpl_images/left-nav-bottom.png) no-repeat left top;
}

/** Static left nav.. for Image Bank template **/
ul.left-nav {
overflow: auto;
background: transparent url(/tmpl_images/left-nav-bg.png) repeat-y left top;
list-style: none;
margin: 0;
padding: 0 1.4em;
}

ul.left-nav li {
margin: 1.1em 0;
text-transform: uppercase;
font-size: 0.9em;
font-weight: bold;
}

ul.left-nav a {
text-decoration: none;
color: #3c3c3c;
}

ul.left-nav a:hover {
text-decoration: underline;
color: #3c3c3c;
}
/** END: Static left nav **/

/** END: left-nav **/

/*======== END: navs ========*/



/*======== content-row ========*/
#content-row {
width: 923px;
min-height: 400px;
_height: 400px; /** IE6 Hack **/
margin: 14px auto 1.5em auto;
text-align: left;

overflow: auto;
_overflow: none;
}

#content-row-body {

}

#left-column {
float: left;
width: 188px;
}

#middle-column {
float: left;
width: 517px;
margin: 0 15px;
}

#right-column {
float: right;
width: 188px;
}

#right-column-wide { /** for 2-column layout **/
float: right;
width: 722px;
overflow: hidden;
}

#middle-column,
#right-column,
#right-column-wide {
line-height: 1.4em;
}
/*======== END: content-row ========*/



/*======== footer ========*/
#footer {
width: 923px;
height: 54px;
background: transparent url(/tmpl_images/footer-bg.jpg) repeat-x left top;
margin: 0 auto;

clear: both;
}

#footer-body {
width: 923px;
height: 54px;
background: transparent url(/tmpl_images/footer-left.jpg) no-repeat left top;
}
#footer-body2 {
width: 923px;
height: 54px;
background: transparent url(/tmpl_images/footer-right.jpg) no-repeat right top;
}

p.footer-text {
float: right;
margin: 20px 42px 0 0;
text-transform: uppercase;
letter-spacing: 0.06em;
font-size: 0.95em;
font-weight: bold;
}
/*======== END: footer ========*/