/* CSS Document - Author: Shaibal Mandal */

html { height:100%; }

body 
{
	font-size: 11px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	margin: 0px;
	padding-left: 50%;
	clear: both;
	position: absolute;
	background:#98B9DC url('images/bggrad3.jpg') repeat-x;
	height:100%;
}

table { margin:0; padding:0; }
img { margin:0; padding:0; }

a 
{
	text-decoration: none;
	color: #747474;
}

a:hover 
{
	text-decoration: underline;
	color: #76A2D1;
}

#container 
{
	width: 700px;
	margin-left: -350px;
}

#nav1 
{
	width: 124px;
	height: 30px;
	float: left;
	background: url('images/nav1.jpg') no-repeat;
}

#nav2 
{
	width: 112px;
	height: 30px;
	float: left;
	background: url('images/nav2.jpg') no-repeat;
}

#nav3 
{
	width: 114px;
	height: 30px;
	float: left;
	background: url('images/nav3.jpg') no-repeat;
}

#nav4 
{
	width: 112px;
	height: 30px;
	float: left;
	background: url('images/nav4.jpg') no-repeat;
}

#nav5 
{
	width: 112px;
	height: 30px;
	float: left;
	background: url('images/nav5.jpg') no-repeat;
}

#nav6 
{
	width: 126px;
	height: 30px;
	float: left;
	background: url('images/nav6.jpg') no-repeat;
}

.buttonText 
{
	text-align: center;
	padding-top: 14px;
	font-size: 11px;
	font-weight: bold;
}



#navcontainer 
{
	clear: both;
	margin-top: 10px;
}
#hidden {
	clear: both;
	height: 15px;
}

#main 
{
	padding: 5px;
	width: 688px;
	text-align: justify;
	color: #333;
	line-height: 1.6em;
	background-color: #FDFDFD;
	border: 1px solid #888;
	float: left;
}


#main table
{
 margin-bottom: 1em;
 margin-left: 1em;
 margin-right: 1em;
 cell-padding: 2;
 row-spacing: 1;
 border: 0px none;

}

#fpic
{
	width: 686px;
	border: 1px inset #888;	
	height: 219px;
	background-color: #999999;
	clear: both;
	z-index: 2;
}

#flashbanner
{
 
}

#sidebar 
{
	width: 204px;
	float: right;	
	margin-top: 5px;
	text-align: left;
	_margin-left:3px;
	clear: both;
	height:100%;
}


h1 
{
	font-size: 20px;
	font-weight: bold;
	padding-top: 5px;
}

h2 
{
	font-size: 18px;
	font-weight: bold;
	padding-top: 5px;
}

h3 
{
	font-size: 16px;
	font-weight: bold;
	padding-top: 5px;
}

h4 
{
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
}


.hideme 
{
	display: none;
	color: white;
}

.headertext1 
{
	font-size: 18px;
	font-weight: bold;
}

.headertext2 
{
	font-size: 10px;
	font-weight: bold;
}

#footer {
	width:700px;
	float:left !important;
	color:#FFFFFF !important;
}

#footer a 
{
	text-decoration: none;
	color: #ffffff;
}

#footer a:hover 
{
	text-decoration: underline;
	color: #76A2D1;
}

#footerheading
{
	background-color: #484848;
	color: #fff;
	text-align: center;
	height: 20px;
	padding-top: 5px;
	clear: both;
	width: auto;
}

#footermenu 
{
	text-align: center;
	clear: both;
	width: auto;
	margin:0 !important;
	padding:0 !important;
}



#footerseo 
{
 background:#FFFFFF none repeat scroll 0%;
 color: #FFFFFF;
 width: 1000px;
 clear:both;
 font-family:verdana,sans-serif;
 font-size:11px;
 font-size-adjust:none;
 font-stretch:normal;
 font-style:normal;
 font-variant:normal;
 font-weight:normal;
 line-height:normal;
 padding:20px;
}


#footerseo ul 
{
 font-family: verdana,sans-serif;
 font-size:11px;
 font-size-adjust:none;
 font-stretch:normal;
 font-style:normal;
 font-variant:normal;
 font-weight:bold;
 line-height:normal;
 margin:0pt;
 padding:0pt;
}


#footerseo ul li 
{
 color: #FFFFFF;
 display:inline;
 list-style-image:url('none');
 list-style-position:outside;
 list-style-type:none;
 margin:0pt;
 padding:0pt
}

#footerseo ul li ul 
{
 display:inline;
 font-weight:normal;
}

#footerseo a 
{
	text-decoration: none;
	color: #484848;
}

#footerseo a:hover 
{
	text-decoration: underline;
	color: #FFFFFF;
}

#b2 
{
	width: auto;
	padding: 0 0 0 0;
	margin-bottom: 1em;
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana;
	color: #999;
}

#b2 table 
{
 width: 195px;
 margin-bottom: 1em;
 margin-left: 1em;
 margin-right: 1em;
 cell-padding: 2;
 row-spacing: 0;
 border: 0px none;
 background-color: #999;
 align: center
}

#b2 th 
{
 width: 200px;
 cell-padding: 0;
 row-spacing: 0;
 border: 0px none;
 align: left;
 font-size: 11px;
 font-weight: bold;
 color: #FFF;
 font-family: verdana, arial, helvetica, sans-serif;
 text-decoration: none
}


#b2 td 
{
 width: 200px;
 cell-padding: 0;
 row-spacing: 0;
 border: 0px none;
 background-color: #FFF;
 align: left
}

#b2 td a 
{
 	display: block;
	padding: 3px 0px 2px 0.5em;
	border-left: 5px solid #999;
	border-right: 5px solid #999;
	color: #777;
	text-decoration: none;
	width: auto;
	background-color:#FFF;
}

#b2 td a:hover 
{
 	border-left: 5px solid #FFF;
	border-right: 5px solid #FFF;
	color: #76A2D1;
	background-color: #FFF;
	font-weight:bold;
}

#b2 ul 
{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}


#b2 li 
{
  display: block;
	border-bottom: 1px solid #999;
	margin: 0;
	width: auto;
}

#b2 li a 
{
	display: block;
	padding: 3px 0px 2px 0.5em;
	border-left: 5px solid #999;
	border-right: 5px solid #999;
	color: #777;
	text-decoration: none;
	width: auto;
	background-color:#FFF;

}

#b2 li a:hover 
{
	border-left: 5px solid #FFF;
	border-right: 5px solid #FFF;
	color: #76A2D1;
	background-color: #FFF;
	font-weight:bold;
}

.bhz 
{
	width: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	font-weight: bold;
	color: #ffffff;
	padding-top: 3px;
	padding-bottom: 4px;
	padding-left: 4px;
	border-left: 5px solid #999;
	border-right: 5px solid #999;
	display: block;
	background-color: #999;
}

.ht1 
{
	font-size: 10px;
	font-weight: bold;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.hw2 
{
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: none;
}

#smenu
{
    position: relative;
    width: 213px;
		height: 219px;
    background: #999;
    float: right;
    clear:both;
		z-index: 0;
}

.noteblock1
{
    background: #d0d0d0;
    width: 458px;
    padding: 5px;
    border: 1px solid #000;
    color: #000;
    margin: 7px 0px 7px 0px;
}

.noteblock2
{
    background: #d0d0d0;
    width: 100%;
    padding: 5px;
    border: 1px solid #000;
    color: #000;
    margin: 7px 0px 7px 0px;
}



.emaillogin
{
    background: #d0d0d0;
	width: 175px;
    padding: 5px;
    border: 1px solid #000;
    color: #000;
    margin: 7px 0px 7px 0px;
}



.mod
{
    margin: 5px 0px 10px 0px;
    padding: 0;
}

.push
{
    margin: 7px 0px 7px 0px;
}

.noteheader
{
    width:auto;
    border-bottom: 1px solid #888;
    color: #000;
    height: 24px;
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 3px;
		text-align:left;
}

p
{
	margin: 5px 0px 0px 0px;
	padding: 0;
}

#disclaim
{
    font-family: verdana;
    font-size: 9px;

}

#topline 
{
	width: auto;
	border-top: 1px solid #BBB;
	clear: both;
}

.portfolioImage {

	padding:5px;
	border:1px solid #eeeeee;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
}

/**************************************************************
   Form Elements
 **************************************************************/

form {
  padding: 0;
  margin: 0;
}

/* If you're finding the input elements get pushed down, increase the width */
label {
  float: left;
  width: 25%;
  vertical-align: top;
}


input,
textarea,
select {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #999;
  background: #EEE;
  border: 1px solid #CCC;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #E7F1F3;
  border: 1px solid #888;
}

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0px none;
}

input.image {
  padding: 0;
  border: 0px none;
}

input.button
{
	border-left:3px double #CCCCCC; border-right:3px double #999999; border-top:3px double #CCCCCC; border-bottom:3px double #999999; background-color: #FFFFFF;
	background-image: url('images/button_bg.gif');
	background-repeat: repeat-x;
	color: #333333;
	font-size: 18px;
	font-weight: bold;
	font-family: Verdana, "Lucida Grande", sans-serif; padding-left:10px; padding-right:10px; padding-top:3px; padding-bottom:3px
}

input.button:focus
{
	-moz-border-bottom-colors: #999999 #738fb3 #999999;
	-moz-border-right-colors: #999999 #738fb3 #999999;
	-moz-border-top-colors: #CCCCCC #738fb3 #CCCCCC;
	-moz-border-left-colors: #CCCCCC #738fb3 #CCCCCC;
}


input.button:hover
{
 	background: #E7F1F3;
  -moz-border-bottom-colors: #999999 #738fb3 #999999;
	-moz-border-right-colors: #999999 #738fb3 #999999;
	-moz-border-top-colors: #CCCCCC #738fb3 #CCCCCC;
	-moz-border-left-colors: #CCCCCC #738fb3 #CCCCCC;
}

input.button:active
{
	border: 3px double #CCCCCC;
	border-top-color: #999999;
	border-left-color: #999999;
	-moz-border-bottom-colors: #999999 #738fb3 #999999;
	-moz-border-right-colors: #999999 #738fb3 #999999;
	-moz-border-top-colors: #CCCCCC #738fb3 #CCCCCC;
	-moz-border-left-colors: #CCCCCC #738fb3 #CCCCCC;
	
	padding: 4px 9px 2px 11px;
}
input.radio {
  background: none;
  border: 0px;
}



/* Column widths */
/*
.width {
  width: 776px;
}
*/

.widthPad {
  width: 746px;
}


.width5 {
  width: 5%;
}


.width25 {
  width: 24%;
}

.width50 {
  width: 48%;
}

.width73 {
  width: 73%;
}

.width75 {
  width: 75%;
}

.width100 {
  width: 100%;
}




.content
{
	width: 686px;
	background-color: #ffffff;
	clear: both;
	z-index: 10;
	float:left;
	margin:0 !important;
	padding:0 5px 0 0 !important;
	text-align:justify;
}

.brright { border-right:1px solid #888; }

img{vertical-align:middle;}