/* ================= Frame & Matte ==================================== */
html, body {
    height: 100%;
}
body {
    background-image:  url("bg.jpg");
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    padding: 5px;

    
} 
#header #logo a {
    position: absolute;
    zoom: 1;
    height: 65px;
    width: 125px;
    background: url("viant_logo.jpg") top left no-repeat;
}
.mainBody {
    position: relative;
    width: 980px;
    height: 600px;
    height: auto;
}
.matte {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    position: absolute;
    height: auto;
    top: 20px;
}
/* #Splash {
    margin: 0 auto;
    text-align: left;
    width: 750px;
    height: auto;
    background: #CCC;
    min-height: 100%;
    height: auto;
    vertical-align: middle;
    top: 20px;
} */

.tablePlace {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    min-height: 100%;
    top: 0px;
    left: 0px;

} 

/*  ====================== Generic Links===================== */
a:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #ea7e1d;
    vertical-align: middle;
    text-decoration: none;
    line-height: 14px;
}
a:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #9c9da1;
    vertical-align: middle;
    text-decoration: none;
    line-height: 14px;
}
a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #ea7e1d;
    vertical-align: middle;
    text-decoration: none;
    line-height: 14px;
}
a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #9c9da1;
    vertical-align: middle;
    text-decoration: none;
    line-height: 14px;
}


/*  ====================== Main Navs ===================== */

.mainNav {
    background-color: #d7e1d9;
    text-indent: 10px;
    vertical-align: middle;
}
.navMain {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #9c9da1;
    vertical-align: middle;
    text-indent: 10px;
}
a.navMain:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #9c9da1;
    vertical-align: middle;
    text-indent: 10px;

}
a.navMain:active {
    color: #9c9da1;

}
a.navMain:visited {
    color: #9c9da1;

}
a.navMain:hover {
    color: #000000;

}
/*  ================== */
a.morelink:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #ea7e1d;
    vertical-align: middle;
    text-decoration: none;
    white-space: nowrap;
    text-indent: 10px;
    text-align: right;
}
a.morelink:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #ea7e1d;
    vertical-align: middle;
    text-decoration: none;
    white-space: nowrap;
}
a.morelink:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #ea7e1d;
    vertical-align: middle;
    text-decoration: none;
    white-space: nowrap;
}
a.morelink:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #9c9da1;
    vertical-align: middle;
    text-decoration: none;
    white-space: nowrap;
}
/*  ================== */
a.bodylink:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #ea7e1d;
    vertical-align: middle;
    text-decoration: none;
    white-space: nowrap;
    text-indent: 10px;
}
a.bodylink:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #ea7e1d;
    vertical-align: middle;
    text-decoration: none;
    white-space: nowrap;
}
a.bodylink:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #ea7e1d;
    vertical-align: middle;
    text-decoration: none;
    white-space: nowrap;
}
a.bodylink:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #9c9da1;
    vertical-align: middle;
    text-decoration: none;
    white-space: nowrap;
}
/*  ================== */
a.leftnav:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #9c9da1;
    vertical-align: middle;
    text-decoration: none;
    white-space: nowrap;
    padding: 0px;
    line-height: 16px;
}
a.leftnav:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #9c9da1;
    vertical-align: middle;
    text-decoration: none;
    white-space: nowrap;
    padding: 0px;
    line-height: 16px;
}
a.leftnav:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #9c9da1;
    vertical-align: middle;
    text-decoration: none;
    white-space: nowrap;
    padding: 0px;
    line-height: 16px;
}
a.leftnav:hover {
    
    color: #ea7e1d;

    
}
/*  ==========Right Column Headlin Link======== */
a.rightColHeadlink:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #ea7e1d;
    vertical-align: middle;
    text-decoration: none;
    white-space: nowrap;
    line-height: 28px;
}
a.rightColHeadlink:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #ea7e1d;
    vertical-align: middle;
    text-decoration: none;
    white-space: nowrap;
    line-height: 28px;
}
a.rightColHeadlink:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #ea7e1d;
    vertical-align: middle;
    text-decoration: none;
    white-space: nowrap;
    line-height: 28px;
}
a.rightColHeadlink:hover {
    
    color: #ea7e1d;
    
}
/*  ================== */
a.bodylink:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #ea7e1d;
    vertical-align: middle;
    text-decoration: none;
    white-space: nowrap;
    text-indent: 10px;
}
a.bodylink:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #ea7e1d;
    vertical-align: middle;
    text-decoration: none;
    white-space: nowrap;
}
a.bodylink:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #ea7e1d;
    vertical-align: middle;
    text-decoration: none;
    white-space: nowrap;
}
a.bodylink:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #9c9da1;
    vertical-align: middle;
    text-decoration: none;
    white-space: nowrap;
}

/*  ==========News/Event/PR Headline Link======== */
a.newsHeadlink:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #919195;
    vertical-align: middle;
    text-decoration: none;
    white-space: nowrap;
    line-height: 28px;
}
a.newsHeadlink:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #919195;
    vertical-align: middle;
    text-decoration: none;
    white-space: nowrap;
    line-height: 28px;
}
a.newsHeadlink:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #919195;
    vertical-align: middle;
    text-decoration: none;
    white-space: nowrap;
    line-height: 28px;
}
a.newsHeadlink:hover {
    color: #ea7e1d;
}
/*  ========Left link========== */
a.listlink:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #ea7e1d;
    line-height: 20px;
    text-decoration: none;
}
a.listlink:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #ea7e1d;
    line-height: 20px;
    text-decoration: none;
}
a.listlink:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #ea7e1d;
    line-height: 20px;
    text-decoration: none;
}
a.listlink:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #9c9da1;
    line-height: 20px;
    text-decoration: none;
}

/*  ===========  left link nav ======= */
.leftNav {
    padding-top: 5px;
    border: 1px solid #CCCCCC;
    
}
.leftNavP {
        padding-top: 10px;
}
/*  ================== */
.pipe {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #9c9da1;
    vertical-align: middle;
}
.moreLink {
    float: right;
    
}
/*  ====================== Footer Navs ===================== */

.footerNav {
    background-color: #d7e1d9;
    text-indent: 10px;
}
.copyRight {
    background-color: #d7e1d9;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: #9c9da1;
    vertical-align: middle;
    text-decoration: none;
    white-space: nowrap;
    text-align: center;
    }
.footerSearch {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #9c9da1;
    vertical-align: middle;
    text-decoration: none;
    background-color: #d7e1d9;
    text-indent: 10px;
}
/* ================== Footer Search Forms ====================*/
form.menusearch{
    display:inline;
    margin:0;
    padding:0;
    vertical-align: middle;
    text-indent: 10px;
}
input.menusearch{
    width:150px;
    font-size:8pt;
    padding-top:0;
    padding-bottom:0;
    vertical-align: middle;
    border:1px solid #e5e5e5;
    text-indent: 10px;
}
/* ================== Main Image ====================*/
.mainImg {
    
}
/* ================== Main Content ====================*/
.contactBox {
    background-color: #d7e1d9;

}
.boxHead {
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #9c9da1;
    padding: 5px;
    line-height: 12px;
    
} 
.boxText {
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #9c9da1;
    padding: 5px;
    line-height: 12px;
    
}
.mainContent {
    position: relative;
    left: 3px;
    top: 91px;
    height: 150px;
}
.dottedLine {
    background-image:  url("dotted_line.gif");
    background-repeat: repeat-y;
}
.cellText {
    padding: 5px;
}
.Text {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
}
.grayText {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #9c9da1;

}
.homepageText {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #9c9da1;
    line-height: 16px;

}
.dateText {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: italic
    color: #000000;
    padding: 5px;
}


/*  =================== Text  ============================*/
.sectionHeader {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #ea7e1d;
    font-weight: bold;
    line-height: 28px;
}
.pageHeader {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #ea7e1d;
    font-weight: bold;
    line-height: 28px;
    padding: 5px;
}
.subHeadLine {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #919195;
    font-weight: bold;
    line-height: 20px;
}
.subHeadLineOrg {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ea7e1d;
    font-weight: bold;
    line-height: 20px;
    padding: 5px;
}
.subHead {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #919195;
    font-weight: bold;
    padding-Left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.sbioImage {
    padding-Left: 5px;
    padding-right: 5px;
    padding-top: 15px;
    padding-bottom: 0px;
}
.topDottedLine {
    border-top: 1px dotted #9c9da1;
}
.eventSubHeadLine {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #919195;
    line-height: 14px;
}

/*  =================== Right Column  ============================*/
.rightLinkBox {
    position: relative;
    left: 5px;
}
.newsHeadLine {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #919195;
    font-weight: bold;
    line-height: 28px;
}
.gradient {
    background-image:  url("gradient.jpg");
    background-repeat: repeat-x;
    padding: 5px;
}
.newsRightCol {
    background-image:  url("gradient_two.jpg");
    background-repeat: repeat-x;
    padding: 5px;
}



/*************************
 * Generic List 
 *************************/

.border {
list-style: none;
margin: 0 0 15px 0;
padding: 0 0 7px 0;
border-top: 1px dotted #a6aaad;
border-bottom: 1px dotted #a6aaad;
border-bottom:'1px' 'dotted' '#000000';
position: relative;
align:left;

} 
.contactborder {
list-style: none;
margin: 0 0 15px 0;
padding: 0 0 7px 0;
border-top: 1px dotted #a6aaad;
border-bottom: 1px dotted #a6aaad;
position: relative;
align:left;
}
.callOutBox {
background-color: #027eba;
}
.callOutHead {
margin: 10;
padding:'5' '0' '0' '0';
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ea7e1d;
}
.callOutText {
margin: 5;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
}
.graycallOutHead {
margin: 10;
padding:'5' '0' '0' '0';
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #616265;
}
.graycallOutText {
margin: 5;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #616265;
}
/*************************
 * Generic List 
 *************************/
ul.list {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0 0 7px 0;
    border-bottom: 1px solid #a6aaad;
    position: relative;
    zoom: 1;
}
 
ul.sublist {
list-style: none;
margin: 5px 0 0px 0;
padding: 0 0 10px 0;
list-style: none;

}
ul.sublistTwo {
    list-style: none;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 7px;
    padding: 0 0 0px 0;
    list-style: none;
}
ul.list li.text {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    padding: 5px;
    line-height: 12px;
    
} 
ul.list li {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #919195;
    vertical-align: middle;
    text-decoration: none;
    line-height: 14px;
    margin: 7px 0 0 0;
    padding: 7px 0 0 0;
    border-top: 1px dotted #a6aaad;
    background-image: none;
    position: relative;
    zoom: 1;
}
ul.list li.first {
    margin-top: 0px;
    padding-top: 0px;
    border-top: none;
}
ul.list li .image {
    float: left;
    width: 22%;
    position: relative;
    zoom: 1;
}
ul.list li .top-right {
    float: right;
    color: #666;
}
ul.list li .title {
    font-weight: bold;
    color: #E53D45;
    padding: 0 0 3px 0;
}
ul.list li .with-image {
    margin: 0 0 0 95px;
}
ul.list li .date {
    color: #666;
    padding: 3px 0 0 0;

}
ul.list li .word {
    padding: 2px 0 2px 23px;
    background: url() 0 0 no-repeat;
}
ul.list li .pdf {
    padding: 2px 0 2px 23px;
    background: url() 0 0 no-repeat;
}
ul.list li .powerpoint {
    padding: 2px 0 2px 23px;
    background: url() 0 0 no-repeat;
}
ul.list li .print {
    padding: 2px 0 2px 23px;
    background: url() 0 0 no-repeat;
}
ul.list li .zip {
    padding: 2px 0 2px 23px;
    background: url() 0 0 no-repeat;
}
ul.list li .other {
    padding: 2px 0 2px 23px;
    background: url() 0 0 no-repeat;
}

/************************
 * Center lists
 ************************/
ul.centerList {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 35px;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 5px;
    line-height: 15px;
    position: relative;
    list-style-image:url(double_arrow.png);
}
/************************
 * Right lists
 ************************/
ul.rightList {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 10px;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 5px;
    line-height: 15px;
    position: relative;
    list-style-image:url(double_arrow.png);
}
/************************
 * Homepage Right lists
 ************************/
ul.HomerightList {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    line-height: 15px;
    position: relative;
    list-style-type: none;
}
/************************
 * clearfix, a class to clear floated elements
 ************************/
 
/* clearfix for good browsers */
html > body .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* clearfix for IE/mac */
.clearfix {
    display: inline-block;
}
/* Hides from IE-mac, clearfix for IE/win and reset for not IE/mac */
@media all {
    * html .clearfix {
        _height: 0;
    }
    
    .clearfix {
        display: block;
    }
}
 
#footer #footer-links-container {
    clear: both;
    display: block;
} 
 
#footer #left-footer-links {
    float: left;
    display: inline;
    width: 49%;
    padding-left: 2px;
}
/************************
 * PIPELIST: a list which is displayed inline with ' | ' as a seperator
 ************************/
.pipe-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.pipe-list li {
    float:  left; display: inline;
    border-left: 1px solid #9c9da1;
    padding: 0 8px 0 5px;
    margin: 0 5px 0 -5px;
}
.pipe-list li:first-child { 
    border-left: 0;
    border-right: 0;
}
 
/*******************************
*Misc.
*********************************/

input.btn {
  color:#050;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font: bold 84%;
  background-color:#fed;
  border: 1px solid;
  border-color: #696 #363 #363 #696;
  filter:progid:DXImageTransform.Microsoft.Gradient
  (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');
}

.topBorder{
border-top: 1px dotted #a6aaad;
}
.bottomBorder{
border-bottom: 1px dotted #a6aaad;
}
.grayCelltext{
background-color:#e6e5e5;
padding: 5px;
}
ul.tlist {
list-style:none;
margin: 0px 10px 15px 20px;
padding: 0px 0px 0px 0px;
overflow: hidden;
line-height: 20px;
}

/************************
* Form
************************/

form {
  border : 1px solid #d7e1d9;
  padding : 5px;
}

input.btn {
  color:#707071;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font: bold 84%;
  background-color:#fed;
  border: 1px solid;
  border-color: #d7e1d9 #b4cdb9 #b4cdb9 #d7e1d9;
  filter:progid:DXImageTransform.Microsoft.Gradient
  (GradientType=0,StartColorStr='#ffffff',EndColorStr='#d7e1d9');
}
 
.fld {
  color:#d7e1d9;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border: 1px solid;
  border-color: #d7e1d9;
  
}
select.fld {
  color:#d7e1d9;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border: 1px solid;
  border-color: #d7e1d9;
  
}

.redStar{
    color: #FF0000;
    font-weight: bold;
    font-size: 12px;
}