﻿body { text-align:center; background:#f2f5f8; margin:0; padding:0; border-width:0; font-family:arial; font-size:12px; }

.fontsetting{ font-size:18px;}

#wrap{width:924px; margin:0 auto; text-align:left;  }

#innerWrapper{ background-color:#FFF; width:924px; border-left:solid 1px #313131; border-right:solid 1px #313131; border-bottom:solid 1px #313131; }

#index #header { position:relative;width:924px; height:312px; background-color: #FFFFFF;}

#page #header { position:relative;width:924px; height:312px; background-color: #FFFFFF;}
#page .truckflash{ width:510px; height:274px; }
#header .topBlack { background-color:#000; width:924px; height:30px;}
#header .stripesGray { width:924px; height:3px; border-top: solid 1px #d1d1d1 ; border-bottom: solid 1px #d1d1d1 ; margin-top:2px; margin-bottom:2px ;}
#header .flash { width:650px; height:350px; }
#header .redBar { background-color:#de302a; width:24px; height:350px; margin-left:3px; }
#header .TopGreenBars { width: 924px; height: 44px; background-color: #AAC972; color: #FFFFFF; 	font-family: Arial, Helvetica, sans-serif; 	font-size: 12pt; font-weight: normal; 	text-transform: capitalize;}
.SmallGreenBar {  width: 924px; height: 4px; background-color: #6EB43F; }
.SmallOrangeBar { width: 924px; height: 4px; background-color: #F58026;  }
.SmallDarkGreenBar { position:relative; width: 924px; height: 4px; background-color: #6eb43f;  }
#SaultMedPhoto { width: 924px; 	height: 260px; }
.TopGreenBars { position:relative; width: 924px; height: 44px; background-color: #AAC972; color: #FFFFFF; 	font-family: Arial, Helvetica, sans-serif; 	font-size: 12pt; font-weight: normal; 	text-transform: capitalize;}
.NavGreenBars { width: 924px; height: 33px; background-color: #AAC972; color: #FFFFFF; 	font-family: Arial, Helvetica, sans-serif; 	font-size: 12pt; font-weight: normal; 	text-transform: capitalize;}
.positionclass{ padding:3px 0 ;}
#main_nav .menuItem{ text-align:center; cursor:pointer;  padding:10px 10px; height:21px; text-transform:uppercase; background-color:Transparent;}
#main_nav
{
    position:relative;
    z-index:10;
    width: 924px;
    height: 41px;
    background-image: url("../images/MainNav_BG.jpg");
    background-repeat: repeat-x;
}


#main_nav .dynamicMenuStyle a { color:#c47328; font-size:12px;  }
#main_nav .dynamicMenuStyle a:hover { color:#c47328; font-size:12px;}
#main_nav .staticMenuStyle a { color:#c47328; font-size:12px;  }
#main_nav .staticMenuStyle a:hover { color:#fff; font-size:12px;}
#main_nav .staticMenuItemStyle
{
    height: 41px;
    cursor: pointer;
}
#main_nav .staticMenuStyle{ height:41px;  }
#main_nav .staticHoverStyle{height: 41px; background-color:#F58026;  }
#main_nav .dynamicMenuItemStyle{ cursor:pointer;height: 27px; background-color:#ffffff; }
#main_nav .dynamicMenuStyle{ height:27px; width:231px; border-left: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; border-bottom: solid 1px #e6e6e6; }
#main_nav .dynamicHoverStyle{ background-color:#edf7db; }
#main_nav .dynMenuItem {position:relative; cursor:pointer; z-index:10;  width:211px; height:20px; padding:7px 10px 0 10px;}

#staticMenuBar
{
    position:relative;
    z-index:0;
    text-align: right;
    width: 924px;
    height: 33px;
    background-color: #AAC972;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: normal;
    text-transform: capitalize;
}
#staticMenuBar .staticMenu{ padding:0 30px 0 0; float:right;}
#staticMenuBar a { color:#fff; font-size:12px;  }
#staticMenuBar a:hover { color:#FFFFFF; font-size:12px;}
#staticMenuBar .staticMenuItemStyle{ height: 33px;}
#staticMenuBar .staticMenuStyle{ height:33px;  }
#staticMenuBar .staticHoverStyle{height: 33px; }
.contentwrapper
{
    position: relative;
    z-index: 0;
}

#content{ min-height:200px; width:690px; float:left;}
.border_right{ width:156px; background: url("../images/border.jpg") repeat-y top right;}
.border_left{ width:156px; background: url("../images/border.jpg") repeat-y top left;}

#formView { background-color:#f2f2f2;  font-size:12px; width:390px; margin: 0 10px 10px 0;  }
#formView .inner { background-color:#f2f2f2; padding:5px; font-size:12px; width:380px; }
#formView a:link {color: #000;}
#formView a:hover {color: #447bbf;}
#formView .req_row{}
#formView .req_chk{ border-style:inset; border-width:1px; border-color:#f7f7f7; }
#formView .req_data{}


.sitemapStyle{color:#8aa7cf; font-size:10px;}

.portal_banner{ color:#FFFFFF; text-align:center; padding-top:15px; font-size:30px; margin:0 0 10px 0; height:60px; background-color:#BA264A;}
#portal_lists{ position:relative; width:80%; margin:10px auto; text-align:left;}
.portal_lists{ position:relative; width:95%; margin:10px auto; text-align:left;}
.portalLists{ float:left; width:48%;text-align:left; margin-left:10px;}
.titlediv{ margin-bottom:10px;  border-bottom:solid 1px #BA264A;  }
.list_title{ font-size:12px; font-weight:bold; text-decoration:none;}
.list_items{text-decoration:none;}
.hyperclass{text-decoration:none; color:#1A2553;}

.left{float:left;}
.right{ float:right;}
.clear{ clear:both;}
.padding_ten{padding:10px;}
.padding_four{padding:10px 4px;}

#positions { float:left; padding-bottom:5px; width:220px; min-height:230px; font-size:10px; border-right:solid 1px #cbcbcb; overflow:hidden;}
#positions a{ color:#313131;}
#positions a:link{}
#positions a:hover{ color:#f58026;}
#positionsHeader{padding-left:10px;  padding-top:8px; width:220px; height:26px; font-family:Arial; font-size:18px; font-weight:bold; color:#313131; background-image:url("../images/PositionsHeader_BG.jpg"); background-repeat:repeat-x; }
#positions .positioncontent { padding-left:10px; }
#positions .positionhyperclass{ text-decoration:none;}

#SearchControl { padding:0 10px; text-align:left; position:absolute; bottom:0; right:50px; width:292px; height:28px; background-image:url("../images/SearchContainer.png"); background-repeat:no-repeat;}
.searchReults{ padding:10px;}
.hyperdiv
{
    color: #313131;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: bold;
}

#footer .stripesGray { width:924px; height:3px; border-top: solid 1px #d1d1d1 ; border-bottom: solid 1px #d1d1d1 ; margin-top:2px; margin-bottom:2px ;}
#footer{ width:924px; height:50px; margin:0 auto;  font-size:10px; text-align:center; }
#footer .innerfooter{width:575px; margin:0 auto;}
#footer .staticMenuItemStyle{}
#footer .staticMenuStyle{}
#footer .staticHoverStyle{}
#footer a { color:#000;}
#footer a:hover { color:#000;}
#footer .menuItem{ text-align:center; padding:0 20px; text-transform:uppercase;}

#locationTitle{ text-align:center;}
#dropdownlists{ text-align:left;}
.centre{ text-align:center;}
#locations{ border:solid 1px #1A2553; margin:10px; padding:10px;}
#locations .locationHeader{ font-weight:bold; color:#1A2553;}
#locations .locationSection{}
#locations .locationContent{}
#dropdownlists .ddlLabel{ width:300px; text-align:right; font-weight:bold; padding:10px;}
#dropdownlists .ddlDropdown{  padding:10px 0;}
.viewLocationButton{width:600px; text-align:center;}

#rightHeader{ width:300px; float:right; position:absolute; top:10px; left:520px;}
#SearchControl .content{}
.search_button{font-size:12px; color:#BA264A; font-weight:bold; text-decoration:none; }

.loginViewDiv {}

#wiz
{
    position: relative;
    text-align: left;
}
.formOuter
{
    padding: 5px;
}
.formLeft
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 200px;
    position: relative;
    text-align: left;
    float: left;
}
.formRight
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 300px;
    position: relative;
    text-align: left;
    float: left;
}

.formLabel
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #447bbf;
}
.formRblLeft
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 400px;
    position: relative;
    text-align: left;
    float: left;
}
.formRblRight
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 100px;
    position: relative;
    text-align: left;
    float: left;
}

.formRblLabel
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #447bbf;
}

.formText
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #447bbf;
}
.formVal
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #d96721;
    font-weight: bold;
}

