/* 
These styles govern generic content across the site.
*/

body, html, div, p
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

body
{
    padding-left: 10px !important;
    font-size: 0.7em;
    background-image: url(/resources/img/common/inside_body_bg.gif);
    background-repeat: repeat-y;
    background-color: #fff;
}
.bold
{
    font-weight: bold;
}

.italic
{
    font-style: italic;
}

.indent20
{
    margin-left: 20px;
}
.nodisplay
{
    display: none;
}
/* Generally speaking, we don't want borders appearing around images inside of links */
a img
{
    border-width: 0px;
}

/* 
These generic styles create left and right floating divs, which can be nested.
Note that they'll need to be followed by the clear div, or weirdness may result.
*/
div.leftcol
{
    float: left;
}
div.rightcol
{
    float: right;
}
div.clear
{
    clear: both;
    font-size: 1px;
    line-height: 1px;
    height: 1px; /* Caveat: This overflow: hidden may trigger the peekaboo bug in IE6.     Modify using specificity as needed. */
    overflow: hidden;
}
div#callout_floater
{
    float: right;
}

/* The site width is controlled here. */
div.layout_toplevel
{
    width: 960px;
}

/* Image floats */
img.float_left
{
    float: left;
    padding-right: 1em;
    padding-bottom: .5em;
    padding-top: .5em;
}
img.float_right
{
    float: right;
    padding-left: 1em;
    padding-bottom: .5em;
}
/* Some layout details, to get framing right */
div#layout_content
{
    position: relative;
    z-index: 200;
}
div#column_leftnav
{
    padding-left: 6px;
}
div#column_content
{
    width: 750px;
    overflow: hidden;
}

/* 
Header Tags 
*/

/* Default appearance for H3 headers...these get sIFRed */
div#column_content h3
{
    font-size: 150%;
    font-family: Helvetica, san-serif;
    margin: 0px;
    padding: 0px;
    padding-bottom: .2em;
}

/* H4 tags */
div#column_content h4
{
    margin: 0px;
    padding: 0px;
    font-size: 120%;
    margin: 0px;
    padding-top: 1em;
}
/* H5 tags */
div#column_content h5
{
    margin: 0px;
    padding: 0px;
    color: #8d0b0b;
    font-size: 110%;
    padding-top: 1em;
}

/* Default styling for paragraphs within main content area */
div#column_content p
{
    padding-top: 1em;
}

/* Default styling for links within the main content area */
/* Bold, black, underlined */
/* override these either with special classes or with an in-page style sheet */
div#column_content a
{
    color: #000000; /*font-weight: bold;*/
    text-decoration: underline;
}
div#column_content font a
{
    color: #666;
}
bold /* special type of links */ div#column_content p a.toplink
{
    color: #8d0b0b;
}
div#column_content a.alink
{
}

div#column_content a img
{
    padding-right: .5em;
}


/* No columns, just content */
body.noleftcol div#column_leftnav
{
    display: none;
}
body.noleftcol div#column_content
{
    width: 100%;
}

/* Dividers in content area */
div#column_content div.divider
{
    height: 1px;
    background-image: url(/resources/img/mainmenu_divider_bg.gif);
    background-repeat: repeat-x;
    background-position: 0 top;
    margin-top: 1em;
}
div.short
{
    width: 500px;
}

/* Unordered Lists */
div#column_content ul
{
    display: block;
    margin-top: 0px;
    padding-top: 0px;
}
div#column_content ul.toc
{
    list-style-type: disc;
    list-style-image: url(/resources/img/icon_redarrowright_6x7.gif);
    margin-top: 1em;
    margin-bottom: 0;
}
div#column_content ul.three-col
{
    display: block;
    margin: 0px;
    padding: 1em 0px 0px 0px;
}
div#column_content ul.three-col:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html .div#column_content ul.three-col
{
    height: 1%;
}

div#column_content ul.three-col li
{
    display: block;
    list-style: none;
    float: left;
    width: 163px;
    margin: 0px;
    padding: 0px 8px 0px 0px;
}
div#column_content ul.three-col li.last
{
    padding-right: 0px;
    width: 163px;
}
div.matrix_description
{
    padding-left: 8px;
    padding-top: 10px;
}

/* Layout for top utility bar */
div#layout_searchutil
{
    margin-top: 28px;
}

.pHeader
{
    text-decoration: underline;
}

div#column_content p.subheader
{
    font-weight: bold;
    padding-bottom: 0px;
}

#inside_main
{
    width: 980px;
    padding-left: 20px;
}

#inside_header
{
    float: left;
    width: 990px;
    height: 73px;
}

#inside_header #search
{
    float: left;
}

.search_but
{
    padding-bottom: 1px;
    padding-right: 5px;
}

#inside_header #utilnav
{
    float: right;
    width: 300px;
    margin-top: 18px;
    padding-right: 0px;
}

.utilnav_item
{
    width: 306px;
    text-align: right;
}

.utilnav_item_inside
{
    padding-bottom: 7px; 
    float: right; 
    margin-right: 38px
}

#inside_nav
{
    width: 960px;
    height: 40px;
    float: left;
    padding-bottom: 5px;
}

#inside_nav .nav_item
{
    float: left;
    z-index: 999;
    position: relative;
}

#footer
{
    width: 100%;
    text-align: center;
    color: #909090;
    padding: 6px 0 6px 0;
}

#footer a
{
    color: #909090 !important;
    text-decoration: none !important;
    line-height: 1.6em !important;
    font-size: 10px;
}

#footer a:hover
{
    text-decoration: underline;
}

.footer_small
{
    font-size: 10px;
    line-height: 2em;
}

#pdf-logo
{
    width: 204px;
    height: 54px;
    padding: 10px 0 0 700px;
}

/**sitefinity editor overrides**/

#column_content div.ZoneDesigner, #column_content div.ZoneDesignerSel, #column_content .ZoneDesignerFull, #column_content div.ZoneDesignerFullSel
{
    clear: none !important;
    float: left !important;
    width: 500px !important;
}


#column_content #callout_floater div.ZoneDesigner, #column_content #callout_floater div.ZoneDesignerSel, #column_content #callout_floater .ZoneDesignerFull, #column_content #callout_floater div.ZoneDesignerFullSel
{
    width: 200px !important;
}

.sf_wrapper #callout_floater
{
    width:250px !important;
}

.sf_wrapper div.layout_callout
{
    float: left !important;
}


.sf_wrapper div.layout_callout div
{
    float: left !important;
    width: 212px !important;
}


.sf_wrapper div.layout_callout div.ContentArea, 
.sf_wrapper div.layout_callout div.ContentArea div
{
    width: 200px !important;
}

.sf_wrapper div.layout_callout div.content
{
    width: 196px !important;
}

.sf_wrapper div.layout_callout div.content div
{
    width: 190px !important;
}

.sf_wrapper div.layout_callout div.ControlTitle, 
.sf_wrapper div.layout_callout_leftnav div.ControlTitle
{
    height: 17px !important;
    width: 179px !important;
}

.sf_wrapper div.layout_callout div.ControlTitle span.controlName, 
.sf_wrapper div.layout_callout_leftnav
{
    color: #333333 !important;
    font-weight: bold !important;
}

.sf_wrapper div.layout_callout div.ControlTitle span, 
.sf_wrapper div.layout_callout_leftnav div.ControlTitle span
{
    cursor: default !important;
    display: block !important;
    float: left !important;
    font-size: 11px !important;
    line-height: 16px !important;
    padding: 0 5px !important;
    text-align: left !important;
    background: none !important;
}