/* CSS for VIBF Mainlayout */

/* Main structure -- PLEASE DO NOT MODIFY*/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
	text-align:left;
	/*background: #F0F4EA;*/
}
html, body, table { height:100% }
html, body, table, div {margin:0; padding:0; }

#MainContainer { width:990px; text-align:left; background: #F0F4EA;}
#PageHeader { margin:0; padding:0; clear:both; }

/*HEADER ELEMENTS */

#TopBar { background:#BC2F32; height:24px; }
#SiteTitle { width: 465px; float:left; margin-left: 2px; margin-top:7px; }
#QuickSearch { width: 500px; float:right; text-align:right; margin-right: 3px; }

#TopBanner { background:#B8B555; height:85px;}
#SiteLogo { width: 159px ; float:left; margin-top:10px; }
#TBanner { width:815px ; float:right; text-align:right; margin-top:5px; margin-right: 2px;}

#SiteLogo { width: 159px ; float:left; margin-top:15px; }
#LeftNavigation { width: 159px; float:left; background:#F0F4EA; height:100%;}
#RightContent {  width: 605px; float:left; height:auto; margin-left: 10px;}
#RightContent2 {  width: 210px; float:right; height:auto; margin-right: 1px;}
#PageFooter { margin:0; padding:0; clear:both; }
#Copyright { width:600px; float:left; margin: 4px 0px 2px 0px; }

#CSV { width: 605px; float:right; height:auto;}
#frameCSV { width: 605px; float:right; height:auto;}
/* HOMEPAGE ELEMENTS */
#TopStory { width:280px; float:left; background:#F0F4EA; }
.TSContents { margin:8px; } .TSFooter {margin:2px; background:#fff; padding:5px;}
#TopRight { width:280px; float:right; margin-right:10px; }
#CenterBlock {float:left;}
.morebut { width:61px; float:right; }
.sectionHeader {float:left; margin-top: 5px; }
.hlnewsBlock {width: 280px; float:left; }
.hrnewsBlock {width: 280px; float:right; margin-left:20px;}
.hsectionTitle { color:#CC3333; font-size: 0.9em; font-weight:bold; text-transform: uppercase; }
#BizOop { border: solid 1px #BC2F32; height:100%; overflow:auto;}
.bizOpContent {margin:4px;}
.bizCol1 { width: 190px; float:left;} .bizCol2 { width: 190px; float:left;} .bizCol3 { width: 190px; float:left;}
/* SUBPAGE ELEMENTS */
#SubPageContent { width: 420px; float:left; }
#RightBlock { width: 170px; float:right; margin-top: 0px;}
.rightTitle {float:right; margin-bottom: 1px; margin-right:20px;}
.pageTitle {float:left; margin-bottom: 2px; }
.toprightNav { margin-top: 3px; float:right; }
.newsAvatar { float:right; margin:15px; text-align:center; }
.newsAvatar2 { width:250px; float:left; margin-bottom:15px; text-align:center; margin-right:10px; }
.spotlightBlock { background:#BC2F32; padding:3px; margin-top:20px; height:320px;} .spotlightBlockContents { background:#F0F4EA; padding:4px;height:285px; }
.slnewsBlock {width: 200px; float:left; }
.srnewsBlock {width: 200px; float:right; }
/* Makeup elements - For layout purpose  */
br.clear-both, div.clear-both {
	font: 1px/1px sans-serif;
	clear: both;
}
br.short { line-height: 0.5em }
.hdottedLine { background :url(images/hdottedline.gif) repeat-x; height:1px; font-size:0; margin: 1px 0px 1px 0px;}
img { margin:0; padding:0; border:none; }
img.tsImage { margin:4px; }
img.smallIcon { margin-right:4px; vertical-align:middle;}
img.floatLeft { float:left; margin-right:10px; }
.leftwhitebox { background:#fff; margin: 3px; padding:8px; text-align:center;}
hr.sRed { background: #BC2F32; height:1px; font-size:0; margin-bottom:2px; color:#BC2F32; border:0;}
hr.sGrey { background: #666; height:1px; font-size:0; margin-bottom:2px; color:#ccc; border:0;}
.redLine { background: #BC2F32; height:2px; font-size:0; margin:0 }
.smallAvatar { width:65px; float:right; margin-bottom:10px; text-align:right; }
img.Avatar { border: solid 1px #666; }
.align-center { text-align:center; } .align-left { float:left; } .align-right { float:right; text-align:right; } .align-justify { text-align:justify; }
.redHeader { background:#BC2F32; color:#fff; font-size:0.9em; padding:4px; height:20px;}
/* Font styles & colors */
.mainNav { margin-left: 4px ; font-size: 0.9em;  font-weight:bold;}
.vsmallText { font-size: 0.8em ; font-family:Verdana, Arial, Helvetica, sans-serif;}
.xsmall { font-size: 0.7em ; font-family:Verdana, Arial, Helvetica, sans-serif;}
.xsmallgrey, .avatarDesc { font-size: 0.7em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666; }
.avatarDesc { width:150px; }
.mid { font-size: 0.9em; }
.tsDesc { line-height:1.4em }
.asterisk {font-size: 0.9em; color: #FF6600; }
.hnewsTitle { font-weight:bold; font-size: 0.9em;}
h1,h2,h3,h4 { margin:0; padding:0; }
h2 { font-size: 1.3em; clear: both;} h3 { font-size: 1.2em; } h4 { font-size: 1em; }
ul.list1 {
   list-style: square;
   line-height: 1.6em;
   margin: 0 0 0 17px;
   padding:0;
   font-size:0.9em;
}
ul.list2 {
   list-style: square;
   line-height: 1.6em;
   margin: 0px 0px 0px 25px;
   padding:0;
   font-size:0.9em;
}
ul.list3 {
   list-style: disc;
   line-height: 1.6em;
   margin: 0 0 0 17px;
   padding:0;
   font-size:0.9em;
}
a:link { color:#006699; text-decoration:underline; }
a:visited { color:#006699; text-decoration:underline; }
a:hover { color:#006699; text-decoration:none; }

a.l-mainNav:link { color:#996600; text-decoration:none; }
a.l-mainNav:visited { color:#996600; text-decoration:none; }
a.l-mainNav:hover { color:#996600; text-decoration:underline; }

a.l-singleRed:link { color:#BC2F32; text-decoration:underline; }
a.l-singleRed:visited { color:#BC2F32; text-decoration:underline; }
a.l-singleRed:hover { color:#BC2F32; text-decoration:none; }

a.l-singleBlack:link { color:#000; text-decoration:underline; }
a.l-singleBlack:visited { color:#000; text-decoration:underline; }
a.l-singleBlack:hover { color:#000; text-decoration:none; }

a.l-singleBlack2:link { color:#000; text-decoration:none; }
a.l-singleBlack2:visited { color:#000; text-decoration:none; }
a.l-singleBlack2:hover { color:#000; text-decoration:underline; }

a.l-singleWhite:link { color:#fff; text-decoration:underline; }
a.l-singleWhite:visited { color:#fff; text-decoration:underline; }
a.l-singleWhite:hover { color:#fff; text-decoration:none; }

a.l-ts:link { color:#000; text-decoration:underline; }
a.l-ts:visited { color:#000; text-decoration:underline; }
a.l-ts:hover { color:#000; text-decoration:none; }
/* Other elements */
form {margin:0; padding:0;}
select, input { vertical-align:middle; }
select.small, input.small { font-size:x-small; }
.paging {
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	background-color: #f8f8f8;
	/*display: block;*/
	height: 15px;
	width: 15px;
	border: 1px solid #cccccc;	
	float:left;
	text-align:center;
	margin:2px;
	padding:1px;
	color:#3366cc;
	text-decoration:none;
}
.paging2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	background-color: #ffffff;
	height: 15px;
	width: 15px;
	border: 1px solid #cccccc;	
	/*display: block;*/
	float:left;
	text-align:center;
	margin:2px;
	color:#333333;
	font-weight:bold;
	padding:1px;
}
.paging3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	background-color: #CCCCCC;
	height: 15px;
	width: 15px;
	border: 1px solid #cccccc;	
	/*display: block;*/
	float:left;
	text-align:center;
	margin:2px;
	color:#ffffff;
	font-weight:bold;
	padding:1px;
	text-decoration:none;
}