/* CSS Document */
/* Author:   Dhrubo Paul
Version:  2 Feb 2006	

 */


html, body{
	margin:0;
	padding:0;
	text-align:center;
	color: #333;
	font: 13px Arial, sans-serif;
	background-color: #3399CC;
	background-image:url(i/bg.jpg);
	background-repeat: repeat-x;

} 
 
#wrapper{ 
 width:768px; 
 text-align:left;  
 background-color:#FFFFFF; 

	margin: 0 auto;
 
} 


html> #wrapper {

	width: 768px;


}
#header{
 position:relative; 
 height:250px; 
 padding: 1em;
 } 
 
#content{

float:left;
 width: 768px;
 background-color: #fff; 
 height:auto;
 padding:0;
 margin:0;
 overflow: auto;
  }
 
  
#leftcol{
 float:left; 
 width:174px; 
 margin: 0;
 padding-left: 10px;
 padding-top:10px;
 padding-right:0;
 padding-bottom:0px;
 height: auto;

  }
  
#contenttext{
width:566px;
margin:0;
padding:0;
margin-left: 18px;
float: right;
min-height: 500px;
height: auto;
_height: 500px;
padding-bottom: 20px;
 }

fieldset#smoke
{
 margin-right: 1.5em;
 border-color:#E6EEF0;
}
 fieldset#smoke p
{
padding-left:10px;

}
 
#footer{
 background-color:#FFFFFF; 
	font-size: 10px;
	line-height: 1.3em;
	clear: both;
	width:768px;
	border-top-width: 4px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #006699;
 } 
 
 #footer p{
 
 	padding: 1em;
	margin: 1em;
	text-align:center;}

#pageHeader h1

    {
	padding-top: 10px;
    background: url("i/logo.gif") no-repeat;
    width: 360px;
    height: 44px;
    overflow: hidden;
    margin: 0;
    }

 h1 span
{ display:none;
 
 }


#quickSummary
    {padding-top: 25px; 

}
#quickSummary .p2
   {
   font-size: 18px;

    position: absolute;
    top: 65px;
    right: 40px;
    margin: 0;
	 color:#006699;

    }
	
	#quickSummary a
   {
   font-size: 12px;
	 color:#006699;    }
	#quickSummary a:hover
   {

	 color:#CC7A33;
    }
	

#quickSummary .p1
    {
	
    height: 150px;
    background: url("i/banner.jpg") no-repeat;
    margin: 0;
    width: 724px;
    color: #fff;

    }

#quickSummary .p1  span
    {
 	 padding: 20px 450px 0 30px;
    display: none;
    margin: 0;
    font: 18px;
    }
	
	
a { color:#006699; }
	 
a:hover
   { color:#CC7A33;   }

#banner1 li, #banner2 li, #banner3 li, #banner4 li
	{
	font-size: 1.2em;
	font-weight:400;
	list-style-type: none;
	 background: url(i/smlarw.gif) no-repeat left center;
	 padding-left: 15px;
	 font-size:12px;
	 word-spacing: 110%; 
	 line-height:2.1em;
	  padding-right: 3em;

}



	#banner1 {
	width: 566px;
	height: 150px;
	margin-top: 23px;
	background-image: url("i/banner1.jpg");
	background-repeat: no-repeat;

}

 #banner1 h3{
 font-size: 1.7em;
 padding-top: 13px;
padding-left: 12px;
 margin: 0;
 color:#006699;
 }
 
 
 
#banner2 {

    background: url("i/banner2.jpg") no-repeat;
	width: 566px;
	height: 150px;
	margin-top: 23px;
}

 #banner2 h3{
 font-size: 1.7em;
 padding-top: 13px;
padding-left: 12px;
 margin: 0;
 color:#006699;
 }
 
#banner3 {
    background: url("i/banner3.jpg") no-repeat;
	width: 566px;
	height: 150px;
	margin-top: 23px;
}

 #banner3 h3{
 font-size: 1.7em;
 padding-top: 13px;
padding-left: 12px;
 margin: 0;
 color:#006699;
 }
 

#banner4 {

    background: url("i/banner4.jpg") no-repeat;
	width: 566px;
	height: 150px;
	margin-top: 23px;
}

 #banner4 h3{
  font-size: 1.7em;
 padding-top: 13px;
padding-left: 12px;
 margin: 0;
 color:#006699;
 }
 


/* start of sec nav */
 
#leftcol ul {
	margin:0;
	padding-left: 10px;
	padding-bottom:0;
	padding-top: 0;
	padding-right: 10px;
	list-style:none;
}
#leftcol li {
	display: block;
	text-align: left;
	color: #CC7A33;
	border-bottom: 1px solid #E6EEF0;
	padding-bottom: 3px;
	padding-top:3px;
	padding-right:0;
	padding-left:15px;
	margin: 0;
	font-size: 13px;
	line-height:1.2em;
	background-image: url(i/sqb.jpg);
 background-position: 0 .5em;
	background-repeat: no-repeat;

}

#leftcol li a{

	color: #6692BD;
	text-decoration: none;



}
#leftcol p{ padding-right: 30px; 
text-align:center;
color:#6692BD;
font-size: 10px;}

.selected {

color:#CC7A33;


}



#leftcol li a:hover {
color:#CC7A33;
}



 
#contenttext h2{
 padding: 0;
 margin: 0;
 color:#006699;
 }
 
#contenttext p
{
 
line-height: 1.9em;
 padding-right: 3em;
 padding-top:1em;
 padding-bottom: 1em;
 margin: 0;
 }
 #contenttext  ul  {list-style-type: none;}

  #contenttext li
 {
 
 padding-right: 3em;
 margin: 0;
 }

.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }


fieldset#contact { 
	margin: 20px;
	width: 400px;
text-align:center;
margin: 10px 0;
	background: #EBF5FA;
	font-weight:bold;
	padding: 20px;
}
br {
        clear: left;
}
fieldset#contact label{ 
float: left;
        display:block;
        margin-bottom: 10px;
        text-align: right;
        padding-right: 10px;
        margin-top:7px;
        width: 45%;}
fieldset#contact input,  fieldset#contact select {

	display: block;
        float: left;
        margin-bottom: 10px;
        width: auto;
 }
 
.s{
	margin-left: 10px;
		margin-top: 10px;
        float: right;
        margin-bottom: 10px;

 }
 
fieldset#contact textarea {

	margin: 0px 10px;
	border: 1px solid #ccc;
	overflow:auto;
	font-family: Arial, Helvetica, sans-serif;
	width: 400px; 
} 
	
fieldset#contact textarea:hover { border: 1px solid #666; }



.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 img { 
 padding-top:10px;
 padding-bottom: 10px;
 padding-left: 0px;
 padding-right:10px;
}
.sml
{ font-size: 11px;
color: #999999;
line-height: 1.1em;
padding:0;
margin:0}