/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 13, 2012 */
@font-face {
    font-family: 'HelveticaLTStdRoman';
    src: url('assets/templates/osti/fonts/helveticaltstd-roman-webfont.eot');
    src: url('assets/templates/osti/fonts/helveticaltstd-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/templates/osti/fonts/helveticaltstd-roman-webfont.woff') format('woff'),
         url('assets/templates/osti/fonts/helveticaltstd-roman-webfont.ttf') format('truetype'),
         url('assets/templates/osti/fonts/helveticaltstd-roman-webfont.svg#') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* HTML5 ? Boilerplate  modified version by philipp schmidt v11.10.11* ==|== normalize ==========================================================*/
section, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 14px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
::-moz-selection { background: #91120A; color: #fff; text-shadow: none; }
::selection { background: #91120A; color: #fff; text-shadow: none; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/* ==|== primary styles =====================================================
   Author: philipp schmidt
   ========================================================================== */
body{
    font-family:HelveticaLTStdRoman, Arial, Helvetica, sans-serif;
    background:#fff;
}
.hidden{
    display:none;
}
.block{
    display:block;
}
p{
    margin:5px 0;
    padding:5px 0;
    width:100%;
}
h1, h2, h3, h4, h5, h6{
    margin:0;
    padding:0;
    font-weight:normal;
}
.clear{
    clear:both;
}
.italic{
    font-style: italic;
}
.bold{
    font-weight: bold;
}
.justify{
    text-align: justify;
}
.texts8{
    font-size:8px;
}
ul, ol{
    margin:0;
    padding:0 0 0 20px;
}
li{
    margin:5px 0 5px 0;
}
.just-list{
    margin:0;
    padding:0;
}
.just-list li{
    padding:0;
    margin:5px 0;
    list-style: none;
}
.text-center{
    text-align: center;
}
/*default headings*/
h1,h2,h3,h4,h5,h6{
    color:#7B1713;
}
h1{
    display:block;
    height:50px;
    width:700px;
    color:#91120a;
    margin:10px 0 10px 0;
    padding:0 0 0 85px;
    float:left;
    text-align: left;
    font-weight: normal;
    font-size:29px;
    background:#fff;
    text-transform: capitalize;
    line-height: 50px;
    clear: both;
}
h2{
    text-align:left;
    font-size:20px;
    font-weight: bold;
    text-shadow: 0px 0px 2px #fff;
    margin:15px 0 10px 0;
}
h3{
    margin:10px 0 5px 0;
    font-size:16px;
    font-style: italic;
    text-align: left;
    font-weight: bold;
}
/*blog pagenation*/
ul.pageList li{
    list-style: none;
    position:relative;
    float:left;
    padding:3px 5px;
    display:block;
}
/*default links*/
a, a:visited {
    text-decoration: none;
    color:#8b140e;
}
a:hover {
    color:#000000;
}
.underline{
    text-decoration: underline;
}
.readmore{
    height:15px;
    line-height:15px;
    font-style: italic;
    padding: 0 0 0 10px;
}
.image-left{
    position:relative;
    float:left;
    margin:0 10px 0 0;
    text-align: left;
    display: block;
}
.image-right{
    position:relative;
    float:right;
    text-align: right;
    margin:0 0 0 10px;
    display: block;
}
.links{
    position:relative;
    float:left;
    margin:10px 15px 10px 10px;
    width:100px;
    padding:0px 0 0px 0;
    text-align: center;
}
.word, .pdf{
    background:url('assets/templates/osti/images/Microsoft-Word-icon32.png') no-repeat;
	padding:0 0 0 40px;
    line-height: 32px;
    height:32px;
    display:block;
}
.pdf{
    background-image:url('assets/templates/osti/images/Adobe-PDF-icon32.png');
}
/*layout of the pages*/
div#wrapper{
    width:980px;
	min-height:800px;
    margin:0 auto;
	background:url('assets/templates/osti/images/bgcenter.png') repeat-y;
	padding:0 0 0 0;
    overflow-x: hidden;
}
img#toplogo{
	margin:10px 30px 0 30px;
    position:relative;
    float:left;
}
div#background img{
    position:fixed;
    width:100%;
    height:100%;
    z-index: -1;
    opacity:0.2;
}
/*menu area*/
ul#topmenu{
	background: url('assets/templates/osti/images/menutopbg.png') repeat-x;
	width:928px;
	margin:0 0 0 0;
	color:#8b140e;
	padding:0 20px;
	text-align:center;
	font-weight: bold;
	position:relative;
	float:left;
}
ul#topmenu li{
	list-style:none;
	display:inline-block;
	margin:0 0 0 10px;
	line-height:90px;
	height:90px;
	position:relative;
	float:left;
}
ul#topmenu li span{
	display:inline;
	margin:0 0 0 10px;
}
ul#topmenu li.last span, ul#topmenu li ul span{
	display:none;
}
ul#topmenu li ul{
    position: absolute;
	width:170px;
	margin:-30px 0 0 -60px;
	background: transparent url('assets/templates/osti/images/trans.png');
    display:none;
    z-index:100;
}
ul#topmenu li:hover ul{
    display:block;
}
ul#topmenu li ul li{
	list-style:none;
	display: list-item;
	margin: 2px 5px;
	width:158px;
	height:25px;
}
ul#topmenu li ul li a{
    display:block;
	width:143px;
	padding:0 0 0 15px;
	line-height:25px;
	height:25px;
	text-align:left;
	font-weight: normal;
	background: transparent url('assets/templates/osti/images/menubg.png') no-repeat top left;
	font-size:13px;
}
ul#topmenu li ul li a:hover, ul#topmenu li ul li.active a, ul#topmenu li.active ul li a:hover{
    background-position:bottom left;
}
/*banner*/
img.topbanner{
    background:url('assets/templates/osti/images/underbanner.png') no-repeat left bottom;
    padding-bottom:52px;
    width:968px;
    height:329px;
    position:relative;
    float:left;
}
/*search*/
form#searchsite{
    margin:100px 50px 0 0;
    float:right;
    position:relative;
}
input.searchbox{
    width:190px;
    height:25px;
    font-size:12px;
    background:url('assets/templates/osti/images/searchbar.png') no-repeat left bottom;
    border:none;
    padding:0 15px;
}
input.searchbox:focus{
    background-position:left top;
}
input.searchbutton{
    background:url('assets/templates/osti/images/searchbutton.png') no-repeat left top;
    width:35px;
    height:35px;
    border:none;
}
input.searchbutton:hover{
    background-position:left bottom;
}
/*footer*/
div#footer{
    background:url('assets/templates/osti/images/footer.png') no-repeat;
    height:125px;
    width:968px;
    margin:20px 0 0 0;
    clear: both;
    color:#91120a;
    padding:15px 0 0 35px;
    font-size:11px;
}
div#social{
    position:absolute;
    margin:-80px 0 0 650px;
}
div#social a {
    display:block;
    position:relative;
    float:right;
    margin:0 0 0 30px;
}
div#social a span{
    display:none;
}
div#social a.follow{
    background:url('assets/templates/osti/images/follow.png') no-repeat left top;
    width:63px;
    height:21px;
    margin-top:15px;
}
div#social a.follow:hover{
    background-position: left bottom;
}
div#social a.faceb, div#social a.twit{
    background:url('assets/templates/osti/images/facebook.png') no-repeat left top;
    width:47px;
    height:48px;
}
div#social a.faceb:hover{
    background-position: left bottom;
}
div#social a.twit{
    background:url('assets/templates/osti/images/twitter.png') no-repeat left top;
}
div#social a.twit:hover{
    background-position: left bottom;
}
/*header*/
h1.mainHeading{
    text-transform: uppercase;
    font-size:24px;
    margin:0;
    letter-spacing: 2px;
    padding: 0;
    line-height:45px;
    width:182px;
    height:45px;
    margin: 241px 0 0 30px;
    display:block;
    font-weight: bold;
    color:#fff;
    top:180px;
    font-family:Georgia, serif;
    background: #7B1713;
    text-align: center;
    position:absolute;

}
h1.mainComment{
    text-transform: none;
    font-size:32px;
    text-shadow: 0 0 5px #fff;
    margin:0;
    line-height: normal;
    padding:21px 228px 29px 50px;
    margin:468px 0 0 0;
    line-height:44px;
    display:block;
    background:  url('assets/templates/osti/images/tbannerbg.png') repeat-y;
    text-align: left;
    position:absolute;
    width:690px;
    height:83px;
    letter-spacing: 1px;
}
img.bannerNormal{
    border-top:10px solid #91120A;
    border-bottom:10px solid #91120A;
    height:160px;
    width:968px;
}
/*content area*/
div.contentArea{
    margin:10px 40px 15px 0;
    padding:0 0 0 30px;
    min-height:200px;
    position:relative;
    float:left;
    width:910px;
/*    background: url('assets/templates/osti/images/dotred.png') no-repeat 30px 10px;*/
}
div#homePage{
    padding:0 0 0 40px;
    background:none;
    width:908px;
}
div#homePage ul, div#homePage ol{
    padding:5px 0 0 20px !important;
}
div.contentArea ul, div.contentArea ol{
    padding:5px 0;
}
div.contentArea ul ul, div.contentArea ol ol{
    padding:5px 15px;
}
div.contentArea ul li{
    list-style-image: url('assets/templates/osti/images/dot.png');
}
div.contentArea blockquote{
    border:2px solid #91120A;
    padding:0 15px;
    text-align: justify;
}
/*breadcrumbs*/
div.crum{
    color:#91120A;
    font-size:11px;
    margin:10px 0 0 0;
    line-height: 12px;
    font-style: italic;
    font-weight: bold;
}
div.crum ul{
    margin:-12px 0 0 75px;
    padding:0;
    font-style: normal;
    font-weight: normal;

}
div.crum li{
    list-style:none;
    display: inline;
    border-right:#91120A solid 1px;
    padding:0 5px;
}
div.crum li.B_lastCrumb{
    border:none;
}
/*form inside the page*/
span.error{
    color:#91120A;
}
div.contentArea form input{
    width:190px;
    height:25px;
    font-size:12px;
    background:url('assets/templates/osti/images/searchbar.png') no-repeat left bottom;
    border:none;
    padding:0 15px;
    margin:0 800px 15px 0;
    float:left;
    position:relative;
}
div.contentArea form input:focus{
    background-position:left top;
}
div.contentArea form textarea{
    width:310px;
    height:180px;
    font-size:12px;
    background:url('assets/templates/osti/images/textbar.png') no-repeat left bottom;
    border:none;
    padding:15px;
    margin:0 600px 15px 0;
    float:left;
    position:relative;
}
div.contentArea form textarea:focus{
    background-position:left top;
}
div.contentArea form input.button{
    width:100px;
    height:25px;
    font-size:12px;
    line-height:25px;
    background:url('assets/templates/osti/images/butbar.png') no-repeat left bottom;
    border:none;
    padding:0 15px;
    margin:15px 600px 15px 0;
    float:left;
    position:relative;
}
div.contentArea form  input.button:hover{
    background-position:left top;
}
div.contentArea form label{
    width:800px;
    position: relative;
    float:left;
    margin:0 0 5px 0;
}
/*table in content*/
div.contentArea table{
    margin:10px 0;
}
div.contentArea table th, div.contentArea table td{
    text-align:left;
    border:1px dotted #91120A;
    padding:5px 50px 5px 15px;
}
div.contentArea img{
    border:4px solid #91120A;
}
/*home page blog layout*/
div.tipblog h2, div.blog h2{
    text-align:left;
    color:#91120A;
    font-weight:normal;
    margin:20px 0  15px 0;
    text-shadow: 0 0 5px #fff;
    font-size:32px;
}
div.blog h2{
    font-size:28px;
}
div.blog{
    clear:both;
    margin-bottom: 20px;
    position:relative;
    float:left;
    width:100%;
}
div.blogbox{
    border-top:#d2d2d3 solid 2px;
    border-bottom:#d2d2d3 solid 2px;
    height:120px;
    max-height:120px;
    min-height:120px;
    margin:10px 0 20px 0;
    padding:15px 5px 15px 0;
    font-size:14px;
}
div.blog div.blogbox{
    height:80px;
    padding:5px 5px 5px 0;
    max-height:80px;
    min-height:80px;
}
div.blog div.blogbox p{
    margin:1px 0;
    padding:1px 0;
}
div.blogbox img{
    position:relative;
    float:left;
    margin:-15px 40px 0 0;
    border:none;
}
div.blog div.blogbox img{
    margin:-5px 20px 0 0;
}
div.blog div.blogbox a:hover img{
    opacity:0.8;
}
div.blogbox h3{
    margin: 3px 0 0 0;
    padding:0;
}
div.blogboxMember{
    width:178px;
    height:150px;
    margin:10px 17px 20px 17px;
    text-align:center;
    position:relative;
    float:left;
}
div.blogboxMember a{
    width:150px;
    height:75px;
    border:4px solid #91120A;
    overflow:hidden;
    display:block;
    margin:0 auto;
    padding:10px;
}
div.blogboxMember img{
    border:none;
}
div.blogboxMember a:hover{
    opacity:0.8;
}
/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* ==|== media queries ====================================================== */
@media only screen and (min-width: 480px) {}
@media only screen and (min-width: 768px) {}
/* ==|== print styles ======================================================= */
@media print {
    * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
    /*custom style for template*/
    ul#topmenu, ul#topmenu li, ul#topmenu a, form#searchsite, img.topbanner, img.toppattern, div.crum, div.social, div#background img, div#background, img.bannerNormal, h1.mainHeading, h1.mainComment{
        display:none;
    }
}
/* =============================================================================
IE crap
========================================================================== */
.chromeframe{
    text-align: left;
    background:#ffffe1;
    border-bottom:#ddd8c6 2px ridge;
    font-size: 11px;
    font: "Courier New", Courier, monospace;
    font-weight:normal;
    padding:0;
    line-height:21px;
    height:21px;
    margin:0 0 0 0;
    position:fixed;
    z-index: 1000;
    top:0;
    width:100%;
    left:0;
    color:#000;
}
    .chromeframe a{
        color:#000;
        text-decoration: underline;
    }
        .chromeframe a:hover{
            color:#fff;
            font-weight:normal;

        background: #316ac5;
    }
.chromeframe a{
            color:blue;
        }