/****************** GENERAL STYLING ******************/
body 
{
	padding:0px;
	margin:0px;
	height:100%;
	font-size: 12px;
	line-height: 14px;
	font-family: Arial,Verdana;
	background-color: #00235D;
}

h1
{
	color: #D31145;
	margin: 0 0 15px 0;
	font-size: 24px;
	line-height: 26px;
	font-weight: normal;
	font-family: Century Gothic,Arial;
}

h2
{
	font-size: 18px;
	font-weight: normal;
	font-family: Century Gothic, Arial;
	color: #00235D;
	padding: 0 0 12px 0;
}

p
{
	margin: 0 0 15px 0;
}

a
{
	color: #D31145;
	text-decoration: none;
}

a:hover 
{
    text-decoration: underline;
}

.link_
{
	text-decoration:none;
	border-bottom: dashed 1px black;
}

img
{
	padding:0px;
	border:0px;
}

form
{
	padding:0px;
	margin:0px;
}

/****************** GENERIC CLASSES ******************/
.spacer
{
    height: 0;
    clear: both;
    overflow: hidden;
}

.highlight,
.error,
.required
{
    font-weight: bold;
    color: #FF0000;
}

.featureBox
{
    padding: 8px;
    background-color: #F9F9F9;
    border: Solid 1px #CFCFCF;
    margin: 20px 0;
}

.featureBox ul
{
    margin: 10px 0 10px 30px;
}

.phoneNumber
{
    font-size: 18px;
    font-weight: bold;
    color: #D31145;
}

ul.tickList
{
    list-style-type: none;
    padding: 7px 0 8px 0 !important;
}

ul.tickList li
{
    padding: 0 0 5px 30px;
    background-image: url(../../Media/Images/checkmark.gif);
    background-repeat: no-repeat;
    background-position: 7px 0;
}

.linkSeparator
{
    margin-left: 10px;
    margin-right: 10px;
}

/****************** WEBSITE LAYOUT ******************/
#website
{
    width: 970px;
    background-color: #FFFFFF;
    margin: 12px auto 0 auto;
    position: relative;
}

#header
{
    position: relative;
    height: 123px;
    margin-bottom: 4px;
    background-image: url(../../Media/Images/header.jpg);
    background-repeat: no-repeat;
}

#header .logo
{
    position: absolute;
    top: 29px;
    left: 23px;
}

#header .logo a
{
    display: block;
    width: 165px;
    height: 55px;
    text-decoration: none;
}

#body
{
    overflow: hidden;
    padding: 0 0 30px 0;
    display: block;
    width: 100%;
}

#columnLeft,
#columnRight
{
    float: left;
    margin: 0 4px;
    display: inline; /* Hack to handle IE6's float double margin bug */
    width: 196px;
    overflow: hidden;
}

#columnMiddle
{
    float: left;
    width: 562px;
    padding: 0;
    margin: 0;
}

#columnMiddle #pageHeader
{
    background-color: #00235D;
    width: 562px;
    height: 118px;
    overflow: hidden;
}

#columnMiddle #contentArea 
{
    padding: 16px 21px; 
    line-height: 15px;
}

#columnMiddle #contentArea ul
{
    padding: 5px 0 5px 20px;
}

#footer
{
    clear: both;
    font-size: 8pt;
    padding: 12px 0;
    color: #FFFFFF;
    overflow: hidden;
    background-color: #00235D;
    width: 100%;
}

#footer .copyright,
#footer .ddgLink
{
    float: left;
    width: 485px;
}

#footer .ddgLink { text-align: right; }

/****************** BORDER EDGES ******************/
.borderTop,
.borderBottom
{
    display: block;
    width: 520px;
    height: 4px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.borderTop { background-image: url(../../Media/Images/BorderEdges/fixedTop.gif); }
.borderBottom { background-image: url(../../Media/Images/BorderEdges/fixedBottom.gif); }

.borderTopLeft,
.borderTopRight,
.borderBottomLeft,
.borderBottomRight
{
    position: absolute;
    width: 5px;
    height: 4px;
    display: block;
    z-index: 100;
    background-repeat: no-repeat;
}

.borderTopLeft { top: 0; left: 0; background-image: url(../../Media/Images/BorderEdges/topLeft.jpg); }
.borderTopRight { top: 0; right: 0; background-image: url(../../Media/Images/BorderEdges/topRight.jpg); }
.borderBottomLeft { bottom: 0; left: 0; background-image: url(../../Media/Images/BorderEdges/bottomLeft.jpg); }
.borderBottomRight { bottom: 0; right: 0; background-image: url(../../Media/Images/BorderEdges/bottomRight.jpg); }

/****************** MASTER MENU ******************/
#columnLeft #masterMenu { margin: 4px 0 0 0; }

#columnLeft #masterMenu ul { list-style-type: none; }
#columnLeft #masterMenu ul li { border-bottom: Solid 1px #CCCCCC; }

#columnLeft #masterMenu ul li a 
{
    display: block;
    color: #00235D;
    min-height: 20px;
    padding: 5px 0 0 29px;
    font-family: Century Gothic, Arial;
    font-weight: bold;
    font-size: 13px;
    background-image: url(../../Media/Images/Master.Menu/level1.jpg);
    background-position: 8px 9px;
    background-repeat: no-repeat;
}
* html #columnLeft #masterMenu ul li a /* Hack to handle IE6's inability to read "min-height" */
{
    height: 20px;
}

#columnLeft #masterMenu ul li a:hover { text-decoration: none; color: #656A6D; }

#columnLeft #masterMenu ul li.last,
#columnLeft #masterMenu ul li ul li,
#columnLeft #masterMenu ul li.segment ul li
{
    border-bottom: none;    
}

#columnLeft #masterMenu ul li ul li a
{
    background-image: url(../../Media/Images/Master.Menu/level2.jpg);
    background-position: 21px 8px;
    padding: 2px 0 2px 35px;
    min-height: 10px;
    font-size: 13px;
    font-weight: normal;
}
* html #columnLeft #masterMenu ul li ul li a /* Hack to handle IE6's inability to read "min-height" */
{
    height: 10px;
}

#columnLeft #masterMenu ul li ul li a.last { padding-bottom: 10px; }

/* Segment Section of the Master Menu */
#columnLeft #masterMenu ul li.segment
{
    background-image: url(../../Media/Images/Master.Menu/segment-background.jpg);
    background-position: left top;
    background-repeat: repeat-x;
    background-color: #BD0924;
}

#columnLeft #masterMenu ul li a.segment
{
    color: #FFFFFF;   
    text-transform: uppercase;
    background-image: url(../../Media/Images/Master.Menu/segment.jpg);
}

#columnLeft #masterMenu ul li a.segment:hover { color: #FFFFFF; }

#columnLeft #masterMenu ul li.segment ul li { background-color: #FFFFFF; }
#columnLeft #masterMenu ul li.segment ul li a 
{ 
    font-weight: bold; 
    padding: 6px 0 0 29px; 
    background-position: 14px 13px;
}

#columnLeft #masterMenu ul li.segment ul li.first { border-top: Solid 1px #CCCCCC; }
#columnLeft #masterMenu ul li.segment ul li.last { padding-bottom: 7px; }

/****************** HOMEPAGE SEGMENT STYLES ******************/
#segments 
{
    margin: 16px 0 0 0;
}

#segments .item,
#segments .item-alt
{
    width: 253px;
    float: left;
    margin: 0 0 12px 0;
    background-image: url(../../Media/Images/segment-background.jpg);
    background-position: 77px 0;
    background-repeat: no-repeat;
    height: 64px;
    overflow: hidden;
}

#segments .item
{
    margin-right: 14px;
}

#segments .item .image,
#segments .item-alt .image
{
    float: left;
    width: 75px;
    height: 62px;
    border: Solid 1px #C5C5C5;
}

#segments .item .details,
#segments .item-alt .details
{
    float: left;   
    margin: 8px;
    width: 155px;
    font-size: 10px;
    line-height: 11px;
}
#segments .item .details .header,
#segments .item-alt .details .header
{
    display: block;
}

#segments .details .header a
{
    color: #00235D;
    font-weight: bold;
    font-size: 14px;
    line-height: 1;
}

#segments .details .header a:hover
{
    text-decoration: none;
    color: #D31145;
}

#segments .details .header .arrows
{
    padding: 0 18px 0 0;
    background-image: url(../../Media/Images/arrows.gif);
    background-repeat: no-repeat;
    background-position: right center;
}

#segments .item .details .homepageText,
#segments .item-alt .details .homepageText
{
    height: 37px; 
    overflow: hidden; 
    padding: 2px 0 0 0;
}


#segments .helpItem
{
    float: left;
    width: 253px;
    height: 49px;
    padding: 15px 0 0 0;
    display: block;
    text-align: center;
    background-image: url(../../Media/Images/blankSegment.jpg);
    background-repeat: no-repeat;
    overflow: hidden;
    font-size: 12px;
}

#segments .helpItem .header
{
    display: block; 
    padding: 0 0 8px 0;
}

#segments .helpItem a 
{
    color: #000000;
}

#segments .helpItem .header a
{
    font-size: 18px; 
    font-weight: bold; 
    color: #00235D;
}

#segments .helpItem .header a:hover
{
    text-decoration: none;
    color: #D31145;
}


/****************** COLUMN LEFT STYLES ******************/
#columnLeft .callNowPanel
{
    height: 118px;
    display: block;
    position: relative;
    font-family: Century Gothic, Arial;
}

#columnLeft .callNowPanel a
{
    display: block;
    width: 184px;
    height: 18px;
    padding: 84px 0 16px 12px;
    color: #D31145;
    font-size: 18px;
    font-weight: bold;
    background-image: url(../../Media/Images/ColumnLeft/callNowPanel.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    overflow: hidden;
}

#columnLeft .callNowPanel a:hover
{
    text-decoration: none;
    background-position: 0 -118px;
}

#columnLeft .callNowPanel .phoneNumber
{
    position: absolute;
    top: 80px;
    left: 12px;
}


/****************** COLUMN RIGHT STYLES ******************/
#columnRight a.panel
{
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 57px;
    width: 196px;
    margin: 0 0 4px 0;
    float: left;
}

#columnRight a.panel:hover
{
    text-decoration: none;
    background-position: -196px 0;
}

#columnRight a.panel:active
{
    background-position: 0 0;
}

#columnRight a.info { background-image: url(../../Media/Images/ColumnRight/infoPanel.jpg); }
#columnRight a.forms { background-image: url(../../Media/Images/ColumnRight/formsPanel.jpg); }
#columnRight a.help { background-image: url(../../Media/Images/ColumnRight/helpPanel.jpg); }
#columnRight a.media { background-image: url(../../Media/Images/ColumnRight/mediaPanel.jpg); }

#columnRight #newsletterPanel
{
    width: 196px;
    height: 118px;
    background-image: url(../../Media/Images/ColumnRight/newsletterPanel.jpg);
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
}

#columnRight #newsletterPanel .details
{
    padding: 15px 0 0 12px;
    font-family: Arial;
    font-size: 12px;
    width: 140px;
    overflow: hidden;
}

#columnRight #newsletterPanel .details a 
{
    color: #D31145; 
}

#columnRight #newsletterPanel .details .header
{
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 8px 0;
    font-family: Century Gothic, Arial;
}

#columnRight #newsletterPanel .details .link 
{ 
    margin: 8px 0 0 0; 
}


/****************** ADROIT DIFFERENCE STYLES ******************/
#segment .body
{
    margin: 0 0 25px 0;
}

#segment #adroitDifference
{
    background-color: #F9F9F9;
    width: 520px; 
    margin: 0 auto 20px auto;
}

#segment #adroitDifference .header
{
    border: Solid 1px #CFCFCF;
    border-top: none;
    border-bottom: none;
    padding: 7px 0 15px 8px;
    font-size: 18px;
    font-weight: normal;
    font-family: Century Gothic, Arial;
    color: #00235D;
}

#segment #adroitDifference .sectionTitle
{
    border: Solid 1px #CFCFCF; 
    border-bottom: none; 
    padding: 7px 11px 0 8px;
    height: 19px; 
    overflow: hidden;
    font-weight: bold;
    color: #D31145;
    font-size: 14px;
    font-family: Arial;
}

#segment #adroitDifference .sectionTitle a
{
    color: #D31145;
}

#segment #adroitDifference .sectionTitle .unexpandedLink,
#segment #adroitDifference .sectionTitle .expandedLink
{
    float: right;
    padding-bottom: 3px;
}

#segment #adroitDifference .sectionTitle .unexpandedLink { display: block; }
#segment #adroitDifference .sectionTitle .expandedLink { display: none; }

#segment #adroitDifference .sectionTitle .unexpandedLink a,
#segment #adroitDifference .sectionTitle .expandedLink a
{
    font-size: 14px;
    font-weight: normal;
    color: #00235D;
    padding: 0 18px 0 0;
    background-position: right;
    background-repeat: no-repeat;
}
#segment #adroitDifference .sectionTitle .unexpandedLink a { background-image: url(../../Media/Images/downArrow.gif); }
#segment #adroitDifference .sectionTitle .expandedLink a { background-image: url(../../Media/Images/upArrow.gif); }

#segment #adroitDifference .sectionPoints
{
    border: Solid 1px #CFCFCF; 
    border-bottom: none;
    font-size: 14px;
}

#segment #adroitDifference .sectionPoints ul
{
    list-style-type: none;
    padding: 7px 0 8px 0;
}

#segment #adroitDifference .sectionPoints ul li
{
    padding: 0 0 5px 30px;
    background-image: url(../../Media/Images/checkmark.gif);
    background-repeat: no-repeat;
    background-position: 7px 0;
}


/****************** SEGMENT PRODUCT STYLES ******************/
#products
{
    margin: 10px auto 20px auto; 
    width: 520px;
}

#products .product
{
    margin: 0 0 10px 0;
}

#products .product .body
{
    background-color: #F9F9F9; 
    border-left: Solid 1px #CFCFCF; 
    border-right: Solid 1px #CFCFCF; 
    padding: 5px 0 5px 10px;
}

#products .product .body .header
{
    font-size: 14px;
    color: #00235D; 
    padding: 0 0 0 20px; 
    background-image: url(../../Media/Images/arrows.gif); 
    background-repeat: no-repeat; 
    background-position: left center;
}

#products .product .body table
{
    table-layout: fixed;
}

#products .product .body .details
{
    vertical-align: top; 
    width: 420px;
}

/* Old styles for the "more" links on the products page.
#products .product .body table td.more { vertical-align: bottom; text-align: right; width: 80px; }
#products .product .body table td.more a { font-size: 12px; color: #D31145; display: block; padding: 0 0 4px 0; }
*/

#products .product .body ul
{
    list-style-type: none;
    padding: 3px 0;
}

#products .product .body ul li
{
    font-size: 12px;
    background-image: url(../../Media/Images/dotPoint.gif);
    background-repeat: no-repeat;
    background-position: 0 6px;
    padding: 0 0 0 20px;
    line-height: 16px;
}

/****************** PRODUCT STYLES ******************/
#product
{
    width: 520px;
}

#product .keyFeatures
{
    background-color: #F9F9F9; 
    border-left: Solid 1px #CFCFCF; 
    border-right: Solid 1px #CFCFCF;
}

#product .keyFeatures .header
{
    font-family: Century Gothic, Arial; 
    font-size: 18px; 
    color: #00235D;
    padding: 7px 0 0 7px;
}

#product .keyFeatures ul
{
    list-style-type: none;
    padding: 7px 0 8px 0;
    width: 450px;
}

#product .keyFeatures ul li
{
    padding: 0 0 5px 30px;
    background-image: url(../../Media/Images/checkmark.gif);
    background-repeat: no-repeat;
    background-position: 7px 0;
    font-size: 12px;
    line-height: 16px;
}

#product .intro
{
    margin: 17px 0 0 0; 
    color: #00235D; 
    font-size: 12px; 
    font-weight: bold;
}

#product .details
{
    margin: 17px 0 0 0;
    font-size: 12px;
    line-height: 16px;
}

/****************** FORMS AND BUTTONS ******************/
table.form
{
    margin: 20px 0 0 0;
    width: auto;
}

table.form td
{
    vertical-align: middle;
    height: 28px;
}

table.form td.titleCell
{
    font-size: 11px;
    font-weight: bold;
    color: #00235D;
    width: 170px;
}

table.form td.inputCell 
{ 
    text-align: left; 
}

table.form .inputField
{
    border: Solid 1px #00235D;
    height: 18px;
    width: 320px;
    font-size: 11px;
    font-family: Verdana;
}

table.contactUs td.titleCell { width: 103px; }
table.contactUs td.inputCell { vertical-align: middle; text-align: left; width: auto; }
table.contactUs .inputField { width: 147px; }
table.contactUs textarea.inputField { height: auto; }

table.workCoverCheck td.titleCell { width: 190px; }

a.button
{
    display: block;
    width: 155px;
    height: 16px;
    float: right;
    overflow: hidden;
    background-image: url(../../Media/Images/button.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    text-align: center;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    color: #00235D;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 12px;
    padding: 4px 0 0 0;
}

a.button:hover { background-position: 0 -20px; text-decoration: none; }

/* Used to float buttons into place */
a.left { float: left; }

table.contactUs a.button
{
    right: 6px;
}


/****************** DOCUMENT TYPE LISTS (HOMEPAGE) ******************/
#columnRight #lists
{
    margin: 10px 0 0 0;
}

#columnRight #lists .list
{
    margin: 0 0 4px 0;
}

#columnRight #lists .list .header
{
    background-image: url(../../Media/Images/ColumnRight/listHeader.jpg);
    background-repeat: no-repeat;
    height: 21px;
    overflow: hidden;
    padding: 8px 0 0 12px;
}

#columnRight #lists .list .header a 
{
    font-size: 14px;
    font-family: Century Gothic, Arial;
    font-weight: bold;
    color: #00235D;
    text-transform: uppercase;
}

#columnRight #lists .list .content
{
    border-left: Solid 1px #CFCFCF;
    border-right: Solid 1px #CFCFCF;
    padding: 8px 0 0 12px;
    clear: both;
}

#columnRight #lists .list .content ul { list-style-type: none; }
#columnRight #lists .list .content ul li { margin: 0 0 9px 0; }
#columnRight #lists .list .content ul li.last { margin: 0 0 7px 0; }
#columnRight #lists .list .content ul li a { color: #000000; }

#columnRight #lists .list .footer
{
    height: 4px;
    overflow: hidden;
    background-image: url(../../Media/Images/ColumnRight/listFooter.jpg);
    background-repeat: no-repeat;
}

/****************** DOCUMENT TYPE LISTS ******************/
.documentList 
{
    margin: 20px 0 0 0;
}

.documentList .categories 
{ 
    margin: 0 0 20px 0; 
    width: 520px; 
}

.documentList .categories .body 
{
    background-color: #F9F9F9; 
    border-left: Solid 1px #CFCFCF; 
    border-right: Solid 1px #CFCFCF; 
    padding: 7px 0 7px 10px; 

}

.documentList .categories .body ul { margin: 0 0 0 25px; }

.documentList .category 
{ 
    margin: 0 0 10px 0; 
    width: 520px; 
}

.documentList .category .body 
{
    background-color: #F9F9F9; 
    border-left: Solid 1px #CFCFCF; 
    border-right: Solid 1px #CFCFCF; 
}

.documentList .category .header { padding: 7px 0 0 10px; }
.documentList .category .header a { text-decoration: none; }

.documentList .category .item 
{
    padding: 5px 10px; 
    border-top: Solid 1px #CFCFCF; 
    font-size: 12px; 
}

.documentList .category .item .title a 
{
    color: #D31145; 
    font-size: 14px; 
    font-weight: bold; 
}

.documentList .category .item .details { margin: 2px 0 0 0; }

/****************** DOCUMENT TYPE LISTS ******************/
.document .details { margin: 0 0 15px 0; }
.document .file { margin: 0 0 20px 0; }


/****************** HIGHLIGHTED SECTIONS ******************/
.highlightedSection
{
    margin: 20px 0;
    position: relative;
    width: 100%;
}

.highlightedSection .header,
.highlightedSection .footer
{
    height: 4px;
    display: block;
    width: 100%;
    overflow: hidden;
    background-position: 0 0;
    background-repeat: no-repeat;
    position: absolute;
}

.highlightedSection .header
{
    background-image: url(../../Media/Images/BorderEdges/fixedTop.gif);
    top: 0;
}

.highlightedSection .footer
{
    background-image: url(../../Media/Images/BorderEdges/fixedBottom.gif);
    bottom: 0;
}

.highlightedSection .content
{
    background-color: #F9F9F9;
    border-left: Solid 1px #CFCFCF;
    border-right: Solid 1px #CFCFCF;
}

.highlightedSection .content .contentHeader
{
    color: #00235D;
    font-family: Century Gothic,Arial;
    font-size: 18px;
    font-weight: normal;
    padding: 7px 0 15px 8px;
}

.highlightedSection .content .topBorder
{
    border-top: Solid 1px #CFCFCF;
}

.highlightedSection .content a.expandLink
{
    display: block;
    color: #D31145;
    font-family: Arial;
    font-size: 13px;
    overflow: hidden;
    padding: 0 11px 0 8px;
    line-height: 26px;
    border-top: Solid 1px #CFCFCF;
    cursor: pointer;
}

.highlightedSection .content a.expandLink .name
{
    /* Used by Directors */
    width: 150px;
    display: block;
    font-weight: bold;
    float: left;
}


.highlightedSection .content a.expandLink .title
{
    /* Used by Directors */
    float: left;
}

.highlightedSection .content .section,
.highlightedSection .content .director
{   
    padding: 7px 7px 7px 8px;
    display: block;
    border-top: Solid 1px #CFCFCF;
    overflow: hidden;
}

.highlightedSection .content .section .image
{
    /* Used by News */
    float: left; 
    width: 90px;
    margin: 5px 13px 5px 5px;
}

.highlightedSection .content .section .image img
{
    border: Solid 1px #CFCFCF;
}

.highlightedSection .content .director .image
{
    background-color: Red;
    float: right;
    display: block;
    width: 110px;
    height: 110px;
    margin: 0 0 10px 10px;
}

.highlightedSection .content .section .text
{
    /* Used by News */
    float: left; 
    width: 391px;
}

.highlightedSection .content .section .text .title a
{
    /* Used by News */
    font-weight: bold;
    font-size: 14px;
}

.highlightedSection .content .section .text .summary
{
    /* Used by News */
    margin: 3px 0;
}

.highlightedSection .content .director .subSection
{
    margin: 0 0 10px 0;
}

.highlightedSection .content .director .subSection .title
{
    font-weight: bold;
    margin: 0 0 3px 0;
}

/****************** NEWS ARTICLE ******************/
.newsArticle .title h2
{
    padding-bottom: 10px;
}

.newsArticle .date
{
    font-weight: bold;
    margin: 0 0 10px;
}

.newsArticle .summary
{
    font-style: italic;
}

.newsArticle .body
{
    margin: 15px 0 0;
}

.newsArticle .attachment
{
    margin: 5px 0 0;
    font-style: italic;
}

.newsArticle .backLink
{
    margin: 20px 0 0;
}


/****************** AFTER HOURS CONTACT FORMATTING ******************/
#afterHoursContact table
{
    border-collapse: collapse;
    width: 520px;
}

#afterHoursContact table td
{
    width: 260px;
    padding: 0;
    vertical-align: top;
}

#afterHoursContact table td table
{
    margin: 0 0 30px;
    width: 250px;
}

#afterHoursContact table td table td
{
    width: 125px;
    padding: 3px 0;
}