/* page frame half

*  NewBDX Style Sheet
*  Last Update - November 24, 2008
*
*
*
*/        

html { height: 100%; overflow-y: scroll; }
body { height: 100%; color: #000; font-size: 11px; font-family: arial, verdana, tahoma, sans-serif; margin: 0; padding: 0; background: #C0C0C0; text-align: center; }

div.page { position: relative; text-align: center; border: solid 1px #003663; width: 920px; margin-top: -5px; background: #FFF; }     
div.content-news { position: relative; text-align: left; width: 920px; background: #F5F5F5; }     
div.banner { background-image: url(/img/vericle-banner-bg.jpg); font-size: 11px; height: 100px; width: 920px; color: #003663; margin-top: 4px;text-align: center; }
/* div.topnav { background: #003663; color: #ecb426; font-size: 11px; height: 25px; width: 100%; text-align: left; } */
div.topnav { position: relative; color: #003663; font-size: 11px; padding-right: 34px; text-align: center; }
div.topnav table, div.topnav td, div.topnav a, div.topnav a:visited { color: #003664; text-decoration: none; font-size: 20px; font-weight: bold; text-align: center; }
div.topnav a:hover, div.topnav a:active { color: #b3a600; }
div.content { padding-left: 2px; font-size: 11px; width: 900px; }
div.content-left { text-align: justify; font-family: verdana, tahoma, arial; margin-top: 20px; padding-left: 20px; font-size: 12px; width: 880px; }

div.special { background: #fbaf5d; }
div.special span.title { color: #547520; font-size: 18px; font-weight: bold; }
div.special span.text { color: #FFF; font-size: 12px; }

div.highlight { background: #FFF; width: 337px; }
div.hititle { margin-top: 8px; color: #000; font-size: 18px; font-weight: bold; }
div.hitext { color: #FFF; line-height: 17px; font-size: 13px; }

div.headline { position: relative; background: #FFF; margin-top: 10px; margin-left: 4px; }
div.hltitle { position: relative; width: 94%; right: 3px; top: 30px; font-size: 18px; text-align: center; color: #800000; font-weight: bold;}
div.hltext { position: relative; top: 10px; width: 94%; right: 3px; font-size: 16px; text-align: center; color: #003663; }
ul.hlbullet { position: relative; top: 10px; font-size: 16px; text-align: left; color: #003663; }

div.hl_thumbs { border: solid 1px #C0C0C0; padding: 2px 4px 2px 4px; position: absolute; top: 160px; right: 320px; z-index: 100;}

div.product { position: relative; font-size: 13px; border: solid 1px #000; height: 225px; text-align: left; width: 221px; }
div.prodtitle { font-weight: bold; text-align: left; font-size: 16px; padding: 6px 0px 0px 6px; height: 20px; }
div.prodmore { text-align: right; padding: 4px 4px 4px 4px; position: absolute; right: 4px; bottom: 2px; color: #ECEC00; font-weight: bold; font-size: 12px;}
ul.prodlist { font-size: 11px; text-align: left; }
div.product a, div.product a:hover, div.product a:visited { color: #FFF; font-size: 13px; text-decoration: none; }
div.prodmore a, div.prodmore a:hover, div.prodmore a:visited { color: #ECEC00; font-size: 13px; text-decoration: none; }

div.footer { border-top: solid 1px #003663; vertical-align: center; margin-left: -2px; padding-top: 8px; width: 920px; bottom: 4px; }
div.stamp { color: #003663; vertical-align: middle; font-size: 10px; text-align: center; }

div.lgHeader { text-align: left; margin-top: 10px; padding: 6px 0px 6px 10px; width: 910px; background: #E0E0E0; color: #003664; font-size: 18px; font-weight: bold; margin-bottom: 16px; }

.vrcgold { color: #ecb426; }
.vrcblue { color: #003663; }

table.formtable { width: 880px; }
table.formtable.tr { margin: 20px 0px 20px 0px; }

input { border: solid 1px gray; height: 18px; font-size: 10px; background-image: url(/img/input-text-bg.gif); background-repeat: repeat-x; color: #000; }
input.xlarge { width: 750px; }   
input.large { width: 400px; }   
input.medium { width: 300px; }
input.small { width: 150px; }
input.xsmall { width: 50px; }
input.xxsmall { width: 20px; }
input:focus { background-color: #FFFFC0; background-image: none; color: #000; }

textarea { border: solid 1px gray; font-size: 11px; background-image: url(/img/input-text-bg.gif); background-repeat: repeat-x; color: #000; }
textarea.xlarge { width: 750px; }
textarea.large { width: 400px; }
textarea.medium { width: 300px; }
textarea.small { width: 150px; }
textarea:focus { background-color: #FFFFC0; background-image: none; color: #000; }

select { font-size: 10px; height: 18px; border: solid 1px gray; border-color: gray; }
select.medium { width: 300px; }
select.large { width: 402px; }


div.shadow-l {
    position: absolute;
    width: 8px;
    top: 0;
    left: -8px;
    background-image: url( ../img/shadow_left.gif );
    background-repeat: repeat-y;
    background-position: 0 0;
    height: 100%;
}

div.shadow-r {
    position: absolute;
    width: 8px;
    top: 0;
    right: -8px;
    background-image: url( ../img/shadow_right.gif );
    background-repeat: repeat-y;
    background-position: 0 0;
    height: 100%;
}

table.rads { display: block; }
table.rads.td { vertical-align: middle; }

td.flabel { font-size: 12px; font-weight: bold; }
td.felem { font-size: 12px; }

ul.normal {
    list-style-image: url(../img/red-bullet-ul.gif);
}

ul.small {
    list-style-image: url(../img/red-bullet-ulsmall.gif);
}

ul.bdx {
    list-style-image: url(../img/small-x.gif);
}

a:link, a:visited {
    color: #333385;
    text-decoration: none;
    background-repeat: no-repeat;
}

a:hover, a:active {
    text-decoration: underline;
    color: #0099ff;
}

div.topbar {
    position: relative;
    float: left;
    border-bottom: solid 1px gray; 
    width: 100%;
    height: 16px;
    padding: 2px 0px 2px 8px; 
    text-align: left;
    color: #fff;
    background-color: navy;
    font-size: 14px;
    font-weight: bold;
}

div.topbar.nobg {
    position: relative;
    color: navy;  
    margin-bottom: 6px;
    padding: 4px 0 0px 4px;
    border-bottom: none; 
    background-color: transparent;
}

div.topbar.header {
    position: relative;
    color: #000080;
    margin-bottom: 6px;
    padding: 2px 0 0px 0px;
    border-bottom: none; 
    background-color: transparent;

}

.ctitle {
    font-size: 12px;
    font-weight: bold;
    color: #800000;
}   

hr {    
    height: 1px;
}

.red {
    color: #800000;
}

.gold {
    color: #DCB001;
}

.blue {
    color: #003664;
}


.highlight {
    color: #800000;
}

submit {
    font-family: arial, verdana, sans-serif !important;
    border: thick solid 1px;
    border-color: gray;
    background-color: navy;
    color: #FFFF00;
}


div.more {
    height: 16px;
    position: absolute; 
    bottom: 2px; 
    right: 5px;
}

div.more a {
    color: #333385;
    font-weight: bold; 
}

div.funFact-container {
    position: realtive;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 212px;
    border: solid 1px silver;
}

div.funFactTitle {
    position: relative;
    margin:0px;
    padding-top: 4px;
    padding-left: 6px;
    padding-bottom: 4px;
    background-color: #800000;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

div.funFact {
    padding: 4px;
    position: relative;
    font-size: 11px;
}

div.leftnav {
    width: 212px;
    position: relative;
    color: #1a146f;
    border: solid 1px navy;
    font-family: arial, tahoma, verdana;
    font-weight: bold;
    font-size: 11px;
    padding-top: 0px;
    padding-bottom: 4px;
    line-height: 16px;
    float: left;     
    /*background-color: #b3c8e8;*/
    background-image: none;
}              

/*div.leftnav:hover {
    background-color: #c9d9f9;
} */                       

div.leftnav a:active {
    /*color: #FF8040;*/
    color: #000;
}

div.leftnav a:hover {
    color: #800000;
    text-decoration: underline;
}

div.leftnavtitle {
    position: relative;
    margin: 0px;
    font-size: 14px;
    padding: 2px 4px 2px 4px;
    background-color: #1a146f;
    color: #e8d194;
}

div.leftnavitems {
    position: relative;
    margin-top: 4px;
}
 
div.left-container {
    position: relative;   
    float: left;
    width: 220px;
    /*border: solid 1px gray;*/
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 4px;
    margin-right: 4px;
    background-color: #fff;    
}

div.right-container {
    position: relative;
    float: right;
    min-height: 400px;
    color: #000;
    padding: 10px 14px 10px 10px; 
    width: 630px;
    /*border: solid 1px gray;*/
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 4px;
    background-color: #fff; 
}

/* styles for News related Content */

.newsdate {    
    font-size: 10px;
    color: #000;
}

.newsurl {
    color: #000;
    font-size: 12px;
}
 
div.newslist {
    width: 880px;
    text-align: left;
    position: relative;
    margin: 4px; 
    padding: 4px 10px 4px 10px;
}

div.newspage {
    text-align: left;
    width: 880px;
    position: relative;
    font-size: 11px;
    margin: 2px; 
    padding: 10px;
}

a.newstitle {
    font-size: 12px;
    font-weight: bold;
}
/* styles for Video related content */


/* End of new Home Page Styles */