/*<![CDATA[*/
/* ------ COLOR REFERENCE ------         */
/* Bright Red - #DE0000                  */
/* Dark Red - #640000                    */
/* White - #FFFFFF                       */
/* LT Blue (nav active/hover) - #64A6FF  */
/* Grey (BG) - #E5E5E5                   */
/* Light Grey - #F9F9F9                  */



body
{
    margin: 0px;
    margin-top: 7px;
    background-image: url(img/bg.gif);
    background-color: #8F887F;
    background-repeat: repeat-x;
    font-size: 12px;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
}

h1, h2, h3, p, div, form
{
    margin: 0px;
}

.clr999
{
    color: #999999;
}

.dropDownFont
{
    font-size: 11px !important;
}

#MainHeaderContainer
{
    width: 960px;
}
#MainHeaderContainer .headerbg
{
    background: url(img/headerbg.jpg) no-repeat right top;
    width: 732px;
    min-height: 100px;
}

#MainHeaderContainer .menu
{
    color: #7d8d97;
}
/*#MainHeaderContainer .menu  a {color:#02273f; text-decoration:none; text-transform:uppercase; font-size:11px; font-weight:bold;}*/
#MainHeaderContainer .menu a
{
    color: #02273f;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 11px;
}
#MainHeaderContainer .slogan
{
    color: #006eaa;
    font-style: italic;
}

#MainHeaderContainer .topnavi
{
    color: #454545;
    font-size: 9px;
}
#MainHeaderContainer .topnavi a
{
    color: #454545;
    text-decoration: none;
    font-size: 9px;
}

#MainBannerContainer
{
    width: 960px;
}


#MainBodyContainer
{
    width: 960px;
}
#MainBodyContainer .sidepanelmainbg
{
    width: 228px;
    height: 100%;
    background: url(img/spmainbg.jpg);
    color: #31b4fa;
}
#MainBodyContainer .sidepanelinnerbg
{
    width: 228px;
    height: 100%;
    background: url(img/spbginner.jpg) left top;
    color: #31b4fa;
}
#MainBodyContainer .bodyarea
{
    background-image: url(img/bodytopheading.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #f8f4e4;
}
#MainBodyContainer .body1
{
    width: 496px;
    padding: 16px;
}
#MainBodyContainer .bodysp
{
    width: 172px;
    padding: 16px;
    font-size: 10px;
}
#MainBodyContainer h1
{
    color: #0c71a9;
    font-size: 18px;
    font-weight: normal;
}
.body1 p
{
    line-height: 18px;
}
.bodysp .header
{
    background: url(img/icon.gif) no-repeat right;
}
.bodysp h2
{
    color: #0c71a9;
    font-size: 14px;
    font-weight: normal;
}
.bodysp p
{
    line-height: 16px;
    font-size: 12px;
}

.sidepanelinnerbg a
{
    color: #31b4fa;
    text-decoration: none;
}

#MainFooterContainer
{
    width: 960px;
}
#MainFooterContainer .text
{
    color: #4d4d4d;
    font-size: 10px;
}
#MainFooterContainer .text a
{
    color: #4d4d4d;
    text-decoration: none;
}
#MainFooterContainer .menu
{
    color: #666666;
    font-size: 10px;
    background: url(img/footerbg.jpg) no-repeat left top;
}
#MainFooterContainer .menu a
{
    color: #666666;
    text-decoration: none;
}

#ManagementPage
{
    background: #E5E5E5 url(img/bg_page.gif) repeat-x top center;
    margin: 0px auto;
}

#container
{
    width: 95%;
    margin: 10px auto;
}
#header_left
{
    float: left;
    width: 70%;
    text-align: left;
    height: 43px;
    margin-top: 8px;
}
#header_right a
{
    color: #DE0000;
    font-size: 10px;
    text-decoration: underline;
}
#header_right
{
    text-align: right;
    color: #DE0000;
    font-size: 10px;
}

.ContentH1
{
    background: url(img/innerbanner.jpg);
    width: 960px;
    height: 80px;
}

#content_left
{
    float: left;
    width: 24%;
    margin-top: 30px;
    background: #E5E5E5;
    text-align: left;
}
#content_right
{
    float: right;
    width: 100%;
    margin-top: 10px;
    text-align: left;
}
#content_full
{
    float: left;
    width: 100%;
    margin-top: 30px;
    text-align: left;
}
#maincontent
{
    padding: 20px;
    background: #FFFFFF;
}
#sidebar
{
    margin-right: 30px;
}

#footer
{
    text-align: right;
    clear: both;
    padding: 10px 5px 10px 0;
}
#nav
{
    margin: 0;
}

/* the styling */
#nav
{
    float: left;
    width: 100%;
    height: 63px;
    position: relative;
}

#nav .select, #nav .current
{
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}

#nav li
{
    display: inline;
    margin: 0;
    padding: 0;
    height: auto;
}

#nav .select a, #nav .current a
{
    display: block;
    height: 27px;
    float: left;
    background: #BE390E url(img/nav_left.gif) no-repeat left top;
    padding: 0 0 0 5px;
    text-decoration: none;
    font-size: 12px;
    line-height: 27px;
    white-space: nowrap;
    margin-left: 3px;
    border-bottom: 1px solid #2576E2;
}
* html #nav .select a, * html #nav .current a
{
    width: 1px;
}

#nav .select a b, #nav .current a b
{
    height: 100%;
    display: block;
    background: #BE390E url(img/nav_right.gif) no-repeat right top;
    padding: 0 8px 0 5px;
    color: #FFF;
}

#nav .select a:hover, #nav .select li:hover a
{
    background-position: 0 -50px;
    cursor: pointer;
    background-color: #FFC027;
}

#nav .select a:hover b, #nav .select li:hover a b
{
    background-position: 100% -50px;
    color: #FFFFFF;
    background-color: #FFC027;
}

#nav .sub
{
    display: none;
}

/* for IE5.5 and IE6 only */
#nav table
{
    position: absolute;
    border-collapse: collapse;
    left: 0;
    top: 0;
    font-size: 11px;
}

#nav .current a
{
    background-position: 0 -100px;
    border-color: #16459F;
    background-color: #FFD83F;
}
#nav .current a b
{
    background-position: 100% -100px;
    color: #FFFFFF;
    background-color: #FFD83F;
}


#nav .sub li a:hover, #nav .select a:hover .sub li a:hover, #nav .select li:hover .sub li a:hover
{
    background: transparent url(img/nav_sep.gif) no-repeat right center;
    color: #64A6FF;
    text-decoration: none;
}

#nav .sub_active .current_sub a, #nav .sub_active a:hover
{
    background: transparent url(img/nav_sep.gif) no-repeat right center;
    color: #64A6FF;
    text-decoration: none;
}

#nav .select li a:hover .sub, #nav .select li:hover .sub
{
    display: block;
    position: absolute;
    width: 780px;
    top: 27px;
    left: 0;
    background: transparent url(img/nav_bg.gif) repeat-x;
    margin-top: 1px;
    padding: 0;
    z-index: 100;
}

#nav .sub, #nav .sub_active
{
    margin: 0;
    padding: 0;
    list-style: none;
}
#nav .sub_active
{
    display: block;
    position: absolute;
    width: 780px;
    top: 27px;
    left: 0;
    background: transparent url(img/nav_bg.gif) repeat-x;
    margin-top: 1px;
    padding: 0;
    z-index: 10;
    color: #640000;
}
* html #nav .sub_active, * html #nav .select a:hover .sub
{
    z-index: -1;
    margin-top: 0;
    margin-top: 1px;
}

#nav .sub_active a
{
    height: 27px;
    float: left;
    text-decoration: none;
    line-height: 27px;
    white-space: nowrap;
    font-weight: bold;
}
#nav .sub_active a, #nav .select a:hover .sub li a, #nav .select li:hover .sub li a
{
    display: inline;
    background: transparent url(img/nav_sep.gif) no-repeat right center;
    padding: 0 10px;
    margin: 0;
    font-size: 11px;
    width: auto;
    white-space: nowrap;
    font-weight: bold;
    border: 0;
    color: #FFFFFF;
    height: 27px;
    line-height: 27px;
}


h2
{
    color: #AF3607;
    font-size: 18px;
    font-weight: normal;
    padding-bottom: 10px;
    margin-bottom: 10px;
    background: transparent url(img/bg_border.gif) repeat-x bottom left;
}

.pageTitle
{
    color: #640000;
    font-size: 18px;
    font-weight: normal;
}
h3 
{  
	font-size: 18px;
  font-weight: normal;
  padding-bottom: 10px;
  margin-bottom: 10px;
  background: transparent url(img/bg_border.gif) repeat-x bottom left;
    color : #006eaa;
}

.h3 
{  
	font-size: 18px;
  font-weight: normal;
  padding-bottom: 10px;
  margin-bottom: 10px;
  background: transparent url(img/bg_border.gif) repeat-x bottom left;
	color: #006eaa;
}

a
{
    color: #006eaa;
    text-decoration: underline;
}
a:hover
{
    text-decoration: none;
}
p
{
    margin-bottom: 10px;
}

div.shadow
{
    float: left;
    padding: 0px 3px 5px 0px;
}
div.shadow div#maincontent
{
    display: block;
    position: relative;
    top: -2px;
    left: -2px;
    border: 1px solid;
    border-color: #ccc #999 #999 #ccc;
}


/*Forms defaults - change as needed*/
input, textarea
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #404040;
}
select
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #404040;
}
.label
{
    color: #999;
    cursor: pointer;
    padding-left: 2px;
    line-height: 16px;
}
label.chosen
{
    color: #333;
}

/*Transparent items*/
.outtaHere
{
    position: absolute;
    left: -3000px;
}

/*Radio buttons*/
.radioArea, .radioAreaChecked
{
    display: block;
    float: left;
    clear: left;
    width: 15px;
    height: 14px;
    font-size: 0;
    cursor: pointer;
}
.radioArea
{
    background: url(img/radio.gif) no-repeat left top;
}
.radioAreaChecked
{
    background: url(img/radio.gif) no-repeat left bottom;
}

/*Checkboxes*/
.checkboxArea, .checkboxAreaChecked
{
    display: block;
    float: left;
    clear: left;
    width: 13px;
    height: 13px;
    font-size: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
}
.checkboxArea
{
    background: url(img/checkbox.gif) no-repeat left top;
}
.checkboxAreaChecked
{
    background: url(img/checkbox.gif) no-repeat left bottom;
}
.focused
{
    border: 1px dotted #ddd;
}

/*Text inputs*/
.textinput, .textinputHovered
{
    height: 15px;
    background: url(img/input_bg.gif) repeat-x left top;
    border: none;
    padding: 4px 0;
    vertical-align: middle;
}
.textinputHovered
{
    background-position: left bottom;
}
.inputCorner
{
    padding-bottom: 0;
    vertical-align: middle;
}

/*Text areas*/
.txtarea .tr, .txtarea .tr_xon
{
    background: url(img/txtarea_tr.gif) no-repeat top right;
}
.txtarea .tr_xon
{
    background: url(img/txtarea_tr_xon.gif) no-repeat top right;
}
.txtarea img.txt_corner
{
    width: 5px;
    height: 5px;
    display: block;
}
.txtarea .br, .txtarea .br_xon
{
    background: url(img/txtarea_br.gif) no-repeat top right;
}
.txtarea .br_xon
{
    background: url(img/txtarea_br_xon.gif) no-repeat top right;
}
.txtarea .cntr
{
    background: url(img/txtarea_cntr.gif) repeat-y right top;
}
.txtarea .cntr_xon
{
    background: url(img/txtarea_cntr_xon.gif) repeat-y right top;
}
.txtarea .cntr_l, .txtarea .cntr_l_xon
{
    width: 5px;
    background: url(img/txtarea_l.gif) repeat-y left top;
    float: left;
}
.txtarea .cntr_l_xon
{
    background: url(img/txtarea_l_xon.gif) repeat-y left top;
}
.txtarea textarea
{
    border: 0;
    background: none;
    padding: 0;
    margin: 5px;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered, .buttonReset, .buttonResetHovered
{
    width: auto;
    height: 26px;
    color: #FFF;
    font-weight: bold;
    padding: 2px;
    background: url(img/button_bg.gif) repeat-x left top;
    cursor: pointer;
    border: none;
}
.buttonSubmitHovered, .buttonResetHovered
{
    background-position: left bottom;
}
.buttonImg
{
    vertical-align: bottom;
}
.title
{
    color: #FFFFFF;
    font-size: 24px;
    font-weight: normal;
}

.GridRow
{
    height: 22px;
}

.GridAltRow
{
    height: 22px;
    background-color: #f6f6f6;
}


.GridHeaderTR
{
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    height: 22px;
    background: url(img/lightCellHeader.gif);
}

.GridHeaderTR a
{
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    font-family: arial, san-serif;
    cursor: hand;
}

.GridHeaderTR a:link
{
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    font-family: arial, san-serif;
    cursor: hand;
}

.GridHeaderTR a:visited
{
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    font-family: arial, san-serif;
    cursor: hand;
}

.GridHeaderTR a:hover
{
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    font-family: arial, san-serif;
    cursor: hand;
}

#content table.tb_grid
{
    width: 100%;
}

.colorchart
{
    height: 10px;
    width: 10px;
}

.monthHeader
{
    background-color: #434316;
    color: White;
    font-family: arial, san-serif;
    font-size: 11px;
}

.toolTip
{
    border: solid 1px #434316;
    padding: 5px 5px 5px 5px;
    width: 250px;
    height: 260px;
    background-color: White;
}

.right
{
    text-align: left;
}

.right .col
{
    padding-right: 10px;
    min-width: 200px;
    padding-left: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
}
.right .dividerCol
{
    padding-right: 10px;
    min-width: 200px;
    padding-left: 20px;
    padding-bottom: 0px;
    border-left: #ccc 1px dotted;
    padding-top: 0px;
}
.right .col-highlight
{
    padding-right: 20px;
    padding-left: 20px;
    background: url(img/bg_left.gif) no-repeat left top;
    padding-bottom: 50px;
    line-height: 14px;
    margin-right: 9px;
    padding-top: 15px;
    height: auto;
}
.right .col-highlight .formContainer
{
    padding-right: 8px;
    padding-left: 8px;
    background: none transparent scroll repeat 0% 0%;
    padding-bottom: 6px;
    padding-top: 6px;
}
.right .dividerCol .formContainer
{
    background: #fff;
}
.right .col-highlight .formContainer LABEL
{
    width: 90px;
}
.right .col-close
{
    background: url(img/bg_right.gif) no-repeat left top;
    float: right;
    width: 15px;
    color: #f1f1f1;
    height: 190px;
}

.upperleft
{
    background-position: left top;
    background-image: url(img/upperleft.png);
    margin-left: auto;
    width: 100%;
    margin-right: auto;
    background-repeat: no-repeat;
    background-color: #f4f4f4;
}
.upperright
{
    background-position: right top;
    background-image: url(img/upperright.png);
    background-repeat: no-repeat;
}
.lowerleft
{
    background-position: left bottom;
    background-image: url(img/lowerleft.png);
    background-repeat: no-repeat;
}
.lowerright
{
    padding-right: 15px;
    background-position: right bottom;
    padding-left: 15px;
    background-image: url(img/lowerright.png);
    margin-bottom: 0px;
    padding-bottom: 10px;
    padding-top: 8px;
    background-repeat: no-repeat;
}

H1
{
    padding-right: 0px;
    padding-left: 0px;
    font-weight: bold;
    font-size: 16px;
    border-bottom-width: 0px;
    padding-bottom: 14px;
    margin: 0px;
    color: #FFFFFF;
    line-height: 22px;
    padding-top: 10px;
}

.h1Title
{
    padding-right: 0px;
    padding-left: 0px;
    font-weight: bold;
    font-size: 18px;
    border-bottom-width: 0px;
    padding-bottom: 14px;
    margin: 0px;
    color: #FFFFFF;
    line-height: 22px;
    padding-top: 10px;
}

.applicationTitle
{
    color: #FFFFFF;
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 0px;
    line-height: 0px;
    padding-top: 0px;
}
.emptyformContainer
{
    padding-right: 3px;
    padding-left: 3px;
    background: #e4e4e4;
    padding-bottom: 3px;
    margin: 5px 15px 15px;
    padding-top: 3px;
}
.formContainer
{
    padding-right: 3px;
    padding-left: 3px;
    background: #e4e4e4;
    padding-bottom: 3px;
    margin: 5px 0px 15px;
    line-height: 1.2;
    padding-top: 3px;
}

.formContainerInput
{
    padding-right: 3px;
    padding-left: 3px;
    background: #e4e4e4;
    padding-bottom: 3px;
    margin: 5px 0px 15px;
    line-height: 1.2;
    padding-top: 3px;
}

.formContainerInput TD
{
    vertical-align: middle;
}

#formBG
{
    padding-top: 5px;
}

.formBG
{
    padding-top: 5px;
}

.formContainer TD
{
    border-bottom: #d9d9d9 1px solid;
}

.formContainer TH
{
    border-bottom: #d9d9d9 1px solid;
}



H1 SPAN
{
    padding-left: 6px;
    font: 11px "Lucida Grande" , verdana, arial, helvetica, sans-serif;
    color: #afafaf;
}
H1 SPAN A
{
    font: 11px "Lucida Grande" , verdana, arial, helvetica, sans-serif;
}

H2 SPAN
{
    padding-left: 6px;
    font: 11px "Lucida Grande" , verdana, arial, helvetica, sans-serif;
    color: #afafaf;
}
H3 SPAN
{
    padding-left: 6px;
    font: 11px "Lucida Grande" , verdana, arial, helvetica, sans-serif;
    color: #afafaf;
}

.dataGrid TD
{
    border-bottom: #d9d9d9 1px solid;
    border-top: #d9d9d9 1px solid;
    border-left: #d9d9d9 1px solid;
    border-right: #d9d9d9 1px solid;
}

.dataGrid TH
{
    border-bottom: #d9d9d9 1px solid;
    border-top: #d9d9d9 1px solid;
    border-left: #d9d9d9 1px solid;
    border-right: #d9d9d9 1px solid;
    white-space: nowrap;
}

#secondaryListOptions
{
    border-top: #ececec 1px solid;
    margin-top: 15px;
    padding-top: 15px;
}
#secondaryListOptions H5
{
    padding-left: 18px;
    background: url(img/page.gif) no-repeat 2px 3px;
    line-height: 17px;
}

.col-highlight P
{
    font-size: 11px;
    color: #565656;
    line-height: 15px;
}

#contentUL ul
{
    padding-top: 0px !important;
    padding-left: 0px;
    margin-left: 15px;
}

ul
{
    padding-top: 25px;
    padding-left: 0px;
    margin-left: 15px;
}

LI
{
    padding-right: 0px;
    padding-left: 2px;
    font-size: 11px;
    padding-bottom: 2px;
    margin-left: 0px;
    line-height: 13px;
    padding-top: 2px;
}
LI IMG
{
    padding-right: 3px;
}
DL.icon-menu
{
    margin-top: 15px;
}
DL.icon-menu-notop
{
    margin-top: 5px;
}
DL.icon-menu DT
{
    float: left;
    width: 25px;
    height: 40px;
}
DL.icon-menu-notop DT
{
    float: left;
    width: 25px;
    height: 40px;
}
DL.icon-menu DD
{
    font-size: 11px;
    padding-bottom: 3px;
    margin-left: 25px;
    color: #565656;
}
DL.icon-menu-notop DD
{
    font-size: 11px;
    padding-bottom: 3px;
    margin-left: 25px;
    color: #565656;
}
DL.icon-menu DD A
{
    font-weight: bold;
    font-size: 12px;
}
DL.icon-menu-notop DD A
{
    font-weight: bold;
    font-size: 12px;
}
DL.icon-menu DD A.small
{
    font-weight: normal;
    font-size: 11px;
}
DL.icon-menu-notop DD A.small
{
    font-weight: normal;
    font-size: 11px;
}
DL.icon-menu DD.last
{
    margin-bottom: 8px;
}
DL.icon-menu-notop DD.last
{
    margin-bottom: 8px;
}

.inputFormGrey
{
    background-color: #e9e9e9;
    border: solid 1px #d9d9d9;
    padding: 5px 5px 5px 5px;
}

.navbackground
{
    background: url(img/nav-barbackground.gif) repeat-x;
}

.noscrollbar
{
    overflow: hidden;
}

.watermarkOn
{
    color: #CCCCCC;
    font-style: italic;
}
input.button {
  color: #ba3508; background: #f2ead5;
  font-size: 16px;
  font-weight:bold;
  font-family: Arial, Helvetica, sans-serif;
  border: solid 1px #e2dfd0;
  padding: 4px;
}
.testimonialname
{  
	font-size: 14px;
  font-weight: bold; font-style:italic;
	color: #006eaa;
}
.testimonialcat
{  
	font-size: 10px;
  font-weight: bold; font-style:italic;
	color: #666;
}