@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}

body{
font: 11px Arial, Helvetica, sans-serif;
color: #333333; background: white url('images/bg.jpg') left top repeat-x;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

h1, h2, h3, h4 { margin:0; padding: 5px 0px; font-weight: bold; }

h1 {font-weight: normal;  color: #1E5FBF;  font-size: 24px; }
h1 a, h1 a:visited { color: #1E5FBF;  text-decoration: none; }
h1 a:hover { color: #1E5FBF;  text-decoration: none; }

h3 {font-weight: normal; font-size: 18px; color: #0049B7; margin: 5px 0; }	
h4 { font-size: 15px; color: #0049B7;  margin-bottom:0px;}
h5 { font-size: 12px; color: #0049B7;  margin-bottom:0px;}

	
h2 { font-weight: normal; font-size: 22px; color: #1E5FBF; margin-bottom: 5px;  }
h2 a, h2 a:visited{ text-decoration: none; color: #1E5FBF;  }
h2 a:hover { text-decoration: underline; color: #1E5FBF; }
hr{
	width: 50%;
	height: 1px; text-align: center; margin: 15px auto;
}	
/*---:[ global elements ]:---*/

a, a:visited { color: #0049B7; text-decoration: none; }
a:hover { color: #0051c6; text-decoration: underline; }
a img { border: none; }

p{	margin: 0.8em 0px;line-height: 150%;}
ul{	padding-left:0px ;}
li{	line-height: 150%; background: transparent url('images/bullet.gif') left 0.45em no-repeat;
 list-style-type: none;
}

input, textarea, option, select {    }
option {	padding-right: 0.5em;}

#wrapperOuter{
margin: 0px auto; /*Center container on page*/
background: transparent url('images/sky.jpg') center top no-repeat;
}
#wrapper{
width: 980px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
padding:5px;
background-color: white;
text-align: left; /* this overrides the text-align: center on the body element. */
}

#header{ height: 149px;  background: #F7FAFB url('images/bg-header.jpg') left top repeat-x;  }
#header .heading{	float:left;font-size: 36px; color: #708090;font-weight: normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
padding: 80px 0 0 50px; border:solid 0px;
}
#logo{margin-left: 30px; width:231px;padding:30px 0;float: left; display: inline;   }
#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-right: 250px;
padding-right: 10px;
}
#contentcolumnFull{

}
#contentcolumnHalf{
margin-right: 250px; /*Set right margin to RightColumnWidth*/
padding-right: 10px; /*disabling for removing right col*/
}
#contentcolumn p, #contentcolumnHalf p, #contentcolumnFull p{ text-align: justify; }
#contentcolumn ul, #contentcolumnHalf ul, #contentcolumnFull ul{	margin-left:10px ;}
#contentcolumn li, #contentcolumnHalf li, #contentcolumnFull li{	padding-left:20px ;}

#right{
float: left;
width: 250px; /*Width of right column*/
margin-left: -250px; /*Set left margin to -(RightColumnWidth) */
margin-bottom:10px;
}
#right ul{	padding-left: 0px;}
#right li{ list-style: none; padding:3px 10px; background: url('images/arrow-red.gif') left 0.6em no-repeat;  line-height: 140%;}
#right li a, #right li a:visited { text-decoration: none; }
#right li a:hover { text-decoration: underline; }
#right p{	margin: 0.5em 0;}
#footer{
border-top:#00ADEF 3px solid;
width: 100%;
text-align: center;
padding: 15px 0;
}
#footer a, #footer a:visited {padding: 0 15px; }
#footer a:hover{ text-decoration: underline;}
#copy{}
#copy a{	padding: 0; color: #333333;}

.pad3{	padding: 3px;}
.pad5{	padding: 5px;}
.pad10{	padding: 10px;}
.pad15{	padding: 15px;}

.spacer { clear: both; }
.spacer20 { clear: both; margin-top:20px; }
.dot-line{ clear: both;	margin:0 10px 10px 10px;  border-bottom: 1px dotted #acacac;}
.line{ clear: both;	margin:0 10px 10px 10px;  border-bottom: 1px solid #C5C5C5;}

.small{font-weight:normal;	font-size: 11px; }
#phone{	float: left;	width:110px; margin-top: 6px; 
color: #01709E; padding-left: 15px; background: transparent url('images/phone.gif') left center no-repeat;
font-weight: bold; display: inline;}
#email{	float: left;	width:110px; margin-top: 6px; 
color: #01709E; padding-left: 18px; background: transparent url('images/email.gif') left center no-repeat;
font-weight: bold; display: inline;}
#topBar{
height:26px; float: right;
margin: 0;padding: 0;
}

#topBar ul{
margin: 0;
margin-bottom: 1em;
padding-left: 0;
float: left;
font-weight: bold;
width: 300px;

}

* html #topBar ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

#topBar ul li{
display: inline;
float: right;
color: #333333;
padding: 3px 15px 3px 28px;
font-size: 12px;
font-weight: normal;
background-color: #F0F0F0;
 border-right: 1px solid #cccccc;
}
#topBar ul li a{color: #333333; text-decoration: none;}
#topBar ul li a:hover{color: #000000;}

#topBar li{ background: transparent url(images/arrow.gif) 0.75em 0.75em no-repeat;}

.tabs{border-bottom: 3px solid #1E5EBE; }

.tabs ul{
padding: 4px 0;
margin-left: 0px;
margin-bottom: 0;
font-weight: bold; 
font-size:12px;
list-style-type: none;
text-transform: capitalize;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.tabs li{
display: inline;
margin: 0;
padding: 0;
background: none;
}

.tabs li a{
text-decoration: none;
padding: 6px 25px 6px 26px;
margin-right: 0px;
/*border: 1px solid #778;*/
color:#000033;
background: #0FBDFF url('images/bluetab.jpg') top left repeat-x; /*THEME CHANGE HERE*/
}

.tabs li a:visited{
color: #000033;
}

.tabs li a:hover{
text-decoration: none;
color: white;
background: #1E5FBF url('images/bluetabactive.jpg') left top repeat-x;  /*THEME CHANGE HERE*/

}

.tabs li.selected{

}

.tabs li.selected a, .tabs li.selected a:visited{ /*selected main tab style */
background: #1E5FBF url('images/bluetabactive.jpg') left top repeat-x; /*THEME CHANGE HERE*/
border-bottom-color: white;
color: white;
}

.tabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_b{
position:absolute;
top: 0;
border: 1px solid #1E5FBF; /*THEME CHANGE HERE*/
border-width: 0 1px;
font-weight:normal;
font-size:12px;
line-height:190%;
z-index:100;
background-color: #f6f9f9;
width: 180px;
visibility: hidden;

}


.dropmenudiv_b a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #1E5FBF; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
padding: 1px 0 1px 18px;
text-decoration: none;
color: black;
background: transparent url('images/arrow2.gif') 4px 0.7em no-repeat;
}

* html .dropmenudiv_b a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_b a:hover{ /*THEME CHANGE HERE*/
background-color: #dae8f7;
text-decoration: none;
}


#main{
 height: 250px; 	margin-bottom: 10px;
  background: #D4E3EA url('images/bg-main.jpg') top left repeat-x;
}
#main h2{ padding: 0; font-weight: normal; font-size: 24px; color: #E22017;}
#main h2 a, #main h2 a:visited{ text-decoration: none; color: #E22017;  }
#main h2 a:hover{ text-decoration: none; color: #c91f16;  }
#main h3{	color:#01709E;  font-weight: bold; font-size: 15px;  text-align: center;}
#main p{	margin:0px;}
#main #photo{ float: left; display: inline; }
#main #heading{ float: left; width: 450px;}

#main .portfolio{ float: left; margin: 0 5px;
 width: 220px; padding: 5px; 
}
#main ul{	padding-left: 0px;}
#main li{ list-style: none; padding:0 20px; background: url('images/bullet.gif') left 0.7em no-repeat;  line-height: 190%; border-bottom:#999999 1px dotted;}
#main li a, #main li a:visited {color: #333333; text-decoration: none; }
#main li a:hover { color: #333333; text-decoration: underline; }

#details{
	margin-bottom: 5px; padding: 20px;
  background: #D4E3EA url('images/bg-main.jpg') top left repeat-x;
}

.img-left{	 float: left; margin-right: 10px;}
.img-right{	 float: right; margin-left: 10px;}
.divider{ clear: both; border-top:#CCCCCC solid 1px; width: 90%; margin: 0 auto; height: 2px;}
.box{
	padding: 10px; border: #D9D9D9 1px solid;
	background: white url('images/bg-box.jpg') top left repeat-x;	
	margin-bottom: 20px;
}
.pdf-link{
	display: block;  padding: 6px 0 6px 0px;
	font-size: 13px;
	font-weight: bold;	
}
.box-links{
	padding: 20px; border: #D9D9D9 1px solid;
	background: white url('images/bg-box.jpg') top left repeat-x;
	margin-bottom: 10px;
}
.linkTxt {
	float:left; width:120px;	
	margin: 5px 15px;
	text-align: center;
	font-weight: bold;
}
.linkTxt img{
	margin-bottom: 10px;
}

#featured{
	padding: 10px; border: #D9D9D9 1px solid;
	background: white url('images/bg-kse-box.jpg') top left repeat-x;
	margin-bottom: 10px;
}
#KSE{
	float: left;
	width:220px;
}
#featured h2{
	font-size: 15px; font-weight: bold;	 margin:0;
}
#featured .heading{
	font-size: 13px; font-weight: bold;
	color: #0049B7;
 display: inline; margin:8px;
}
#featured .headingExrate{
	font-size: 13px; font-weight: bold;
	color: #000000;
 	display: inline; margin:8px;
	margin-left:10px;
}
#featured .heading2{
	font-size: 15px; font-weight: bold;
	color: #1E5FBF;
 display: inline;
}
#status{
	float: left;
	width: 710px;
	padding:10px 0;display: inline;
}
#x-rate{
	float: left;
	width: 700px;
	margin-left:8px; display: inline;
}
#lastupdate {
margin:10px 0px 0px 3px;
}
.tbl{
	background-color: #F2F3F5;
	border: 1px solid #CCCCCC;
}
.tblann{
	border: 0px solid #CCCCCC;
	width:200px;
}
td{	padding: 2px;}

.tbl-stats{
	color:#003399;
	border: 1px solid #CCCCCC;	
}
.tbl-stats th {padding:4px;	background-color: #D3DBE2; text-align: center;}
.bg1{	 background-color: #F2F3F5; }
.bg2{ background-color: #E6EAEE;  }

.black{	color: black;}
.blackvalue {	color: black; font-weight:normal; margin:0px 15px 0px 15px; }
.box-b{
	padding: 10px; border: #D9D9D9 1px solid; border-top: #00ADEF 5px solid;
	background: #D4E3EA url('images/bg-main.jpg') top left repeat-x;		
	margin-bottom: 10px;
}
.box-b img{	margin:10px 5px;}
.box-b ul{	padding-left: 0px;}


.boxA{
	float: left; width:210px;
   display: inline;
	margin-right:10px; border-right:#c8c8c8 1px solid;
	padding-right:10px
}

.boxB{
	float: left; width:235px;
	display: inline;
}

.box-r{
	padding: 10px; border: #D9D9D9 1px solid; border-top: #1E5FBF 5px solid;
	background: white url('images/bg-box.jpg') top left repeat-x;	
	}

.boxA h2, .boxB h2, .box-r h2{ font-size: 18px;}
	
.owner{
	color:teal; font-weight: bold;
}
#search{clear: right; width:200px; 	float: right;  
 margin: 25px 22px auto auto;
}
#search form{
	padding: 0; 
}
#search input{	margin: 2px;  }
#search .field{	 height: 18px;  }
.subBt{	 vertical-align:top; }

.date {
color:#333;
font-weight:700;
font-family:Georgia, serif;
padding: 0 0 5px 18px;
background: transparent url('images/icon-date.gif') left top no-repeat;
border-bottom: #999999 1px dotted;
}
.weblog{margin: 15px 0;}
.tbl-form{	background-color: #d0d9de;	border:1px solid #b1c2cd;	padding: 5px;}
.tbl-form td{	padding: 5px; background-color: #f5f8fa;}
.info{	border:1px solid #B2DAFF;	padding: 5px;	margin: 10px 0px; background-color:#E8F4FF;}
.warn{	border:1px solid #FFBBBB;	padding: 5px;	margin: 10px 0px; background-color:#FFE8E8;}

.entry-r {  padding-left:20px;  background:url('images/icon-posted.jpg') center left no-repeat;
margin: 0 5px; font-size: 11px; font-weight: bold; }

#change{
  font-size: 18px;
  font-weight: bold;
  color: #1A55AC;	
}
#change .up{
color:#0A863E; padding-left: 35px;	
background: transparent url('images/up.gif') left top no-repeat; 
}
#change .down{
	color:#CC0000;padding-left: 35px;	
	background: transparent url('images/down.gif') left top no-repeat;
}
/*Default style for SPAN icons. Edit if desired: */

.iconspan{
float: right;
margin: 3px;
cursor:hand;
cursor:pointer;
font-weight: bold;
}

/*CSS used to style the examples. Remove if desired: */

.eg-bar{
background-color: #EEF5D3;
font-weight: bold;
border: 1px solid black;
padding: 3px;
}

div.eg-bar{
width: 500px;
}

.icongroup1{
margin-top:10px;
}

.green{	color: green;}

#news-scroll{
	height:150px;
overflow: auto;
}

#announcement-scroll{
	background-color: #F2F3F5;
	border: 1px solid #cccccc;
	height:427px;
	width:220px;
	overflow: auto;
	margin-top:30px;
}

#flash_content{
	float:left;
	width: 590px;
}

#flash-text{
	float:left;
	width: 370px;
	padding:10px 10px 0 10px;
}
#flash-text h1{
	color:#00ADEF;
	font-size: 28px;
}

#flash-text h2{
	color:#666666;
	font-size: 18px;
}

#bell{
	 border-bottom: 1px dotted #ccc;
}
#bell h4{
	font-size:12px; 
}