/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color:#578bb8;
} 
 
#pagewidth{ 
 width:960px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
 background-color:#ffffff; 
} 
.top {
width: 100%;
margin-top: 1px; 
padding-top: 1px;
border-color: 1px solid #336699;
background-color: #578bb8;
font-size : 10px; 
text-align : center; 
color : #fcffea;
line-height: 1.6em;}

 #maincontainer{
width: 960px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background:#fff; 
}

 
#header{height:100px;line-height:80px;margin: 0;padding-left:10px; background: url(images/banner3.jpg);background-position: left; background-repeat: no-repeat;; 
} 


#head {
  margin-top: 5px; margin-left: 175px; padding: 0;
  font-size:2.5em; font-weight: bold; font-style: bold;
  line-height: 1.6em;   color: #ff0000;text-align:right;margin-right: 5px;
 }

#slogan {
  margin-top: 10px;  margin-bottom: 10px; margin-left: 200px; padding: 5px;margin-right: 5px;
  font-size: 0.9em; font-weight: bold; font-style: bold;
  line-height: 1.0em; color:#000000;text-align:right;
}
div 
 { font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 12px; 
 color: #000055;
}

span 
 { font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 14px; 
 color: #cc0000;
 font-weight:bold;
 
}
h1
{ font-family: Tahoma, Arial, sans-serif; 
margin-top: 5px;
font-size: 22px; 
color:#000055;
text-align: center;
line-height: 20px;
}

h2 
{ font-family: Tahoma, Arial, sans-serif; 
font-size: 18px; 
color: #ff0000; 
text-align: center; 
margin: 2px;
line-height: 20px;
}



h3 {
border-style: none;
color:#000055;
text-align:center;
font-weight:bold;
font-size: 16px; 
}
a:link, 
a:visited { color: #000055;
text-decoration: underline; 
} 

a:hover { text-decoration: none; 
background-color:#3465b6;
color:#ffffff;} 
a:focus {}
a:active {} 

p 
{ padding: 3px 0px; 
margin: 0px; 
color:#000055;
font-size: 12px; 
text-align:justify;
}
.pleft 
{ padding: 3px 0px; 
margin: 0px; 
color:#ffffff;
font-size: 14px; 
text-align:left;
}
.pleft ul 
{ padding: 3px 0px; 
margin: 0px; 
color:#ffffff;
font-size: 14px; 
text-align:left;
}

.plarge 
{ padding: 3px 0px; 
margin: 0px; 
color:#000055;
font-size: 16px; 
font-weight:bold;
}

.psmall
{padding: 1px 0px; 
margin: 0px; 
color:#000055;
font-size: 10px; 
text-align:center;
}

.clear { clear: both; 
height: 1px; 
font-size: 10%; 
line-height: 10%; 
overflow: hidden; }
 
 
 
 
#leftcol{
 width: 185px; 
 float:left; 
 position:relative; 
 background-color:#f4f4f4;
 padding: 5px ; 
line-height:1.5em;
color:#000000;
height: 100%;
 }
 #leftcol.h2
{ font-family: Tahoma, Arial, sans-serif; 
font-size: 18px; 
color:#000000;
text-align: center;
}
 #leftcol.h3
{ font-family: Tahoma, Arial, sans-serif; 
font-size: 14px; 
color:#000000;
text-align: center;
}
   #leftcol p{
margin: 10px 0 1.0em 0;
font-size: 12px; 
text-align: center;
color:#000;
 }
    #leftcol pleft{
margin: 10px 0 1.0em 0;
font-size: 12px; 
text-align: left;
color:#0000a0;
 }
     #leftcol a{
color:#0000a0;
 }
      #leftcol a hover{
	   background-color:#0000a0;
	
color:#ffffff;
 }
#twocols{
 width:760px;
 float:right; 
 position:relative; 
 height: 100%;
  }
 
#rightcol{
  width: 160px; 
 float:right; 
 position:relative; 
  background-color:#f4f4f4;
padding: 9px ; 
line-height:1.5em;
color:#000000;
height: 100%;
 }
 #rightcol p{
margin:0 0 1.0em 0;
font-size: 12px; 
color:#000;
 }
     #rightcol a{
color:#0000a0;
 }
      #rightcol a hover{
	   background-color:#0000a0;
	
color:#ffffff;
 }
 
  #rightcol h2 
{ font-family: Verdana, Arial, sans-serif; 
font-size: 18px; 
color:#ff0000;
text-align: center; 
margin: 2px;
line-height: 20px;
}
   #rightcol h3
{ font-family: verdana, Arial, sans-serif; 
font-size: 14px; 
color:#000;
text-align: center; 
margin: 2px;
line-height: 20px;
}
#maincol{background-color: #fff;  
 float: left; 
 display:inline; 
 position: relative; 
 width:550px; 
padding:0 10px 0 10px;
line-height:1.7em;
text-align:left;
color:#242424;
 }
 #maincol h2{
font-size:1.5em;
margin:0 0 0.5em 0;
}

#maincol img{
padding:4px;
margin:4px 4px 4px 4px;
display:inline;
background:#fff;
color:#3764a8;
border:0px solid #fff;
}


 
#footer{
background-color:#f4f4f4;
 clear:both;
margin:0 auto;
padding:10px 0 20px 0;
border-top:4px solid  #3465b6;
width:960px;
text-align:center;
color:#000;
font-size:0.9em;
}

#footer a{
text-decoration:none;
color:#0000a0;



}

#footer a:hover{
color:#578bb8;
text-decoration:underline;
background-color:#ffffff;

}
 
 #footer p{
text-align:center;
color:#000;
font-size:0.9em;
}
 
 
 
 
 #menu{
top:110px;
float:left;
width:185px;
margin:4px 0 2px 0px;
padding:2px;
font-size:0.9em;
}
   #menu h3
{ font-family: Verdana, Arial, sans-serif; 
font-size: 18px; 
color:#fff;
text-align: center; 
margin: 2px;
line-height: 20px;
}
.menup{
padding:0;
font-size:0.9em;
color:#fff; 
}

#menu ul{	
list-style:none;
width:185px;
margin:0 0 2px 0px;
padding:0px;
font-size:1.1em;
color: #fff;
}	

#menu li{
margin-bottom:4px;
}

#menu li a{
font-weight:bold;
height:20px;
text-decoration:none;
color: #fff;
display:block;
padding:0px 0 0 4px;
background: #3465b6;
text-align:left;
}	
	
#menu li a:hover{
background:#fff;
color: #3465b6;
border-left:4px solid  #0000a0;
}




#list ul{	
list-style:square;
margin:0 0 2px 0px;
padding:0px;
font-size:1.1em;
color:#000055;
}	

#list li{
margin-bottom:4px;
color:#000055;
}

#listli a{
font-weight:bold;
height:20px;
text-decoration:none;
color: #3465b6;
display:block;
padding:0px 0 0 4px;
background: #3465b6;

}	
	
#list li a:hover{
background:#fff;
color: #3465b6;
border-left:4px solid  #0000a0;
}








  img.left,img.center,img.right{padding:4px; border:0px solid #ffffff}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}
 
 
 
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

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


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}


div.container {
  background-color: #ffffff;
  width:740px;
  font-size:0.7em;
  }
  
  div.float1 {
  float: left;
  width:50px;
  height:50px;
  border: 1px solid #e8eaec;
  background-color: #ffffff;
  }
  
  div.float {
  float: left;
  width:80px;
   height:50px;
  border: 1px solid #e8eaec;
  background-color: #ffffff;
  }
   div.float2 {
     float: left;
   width:200px;
    height:50px;
  border: 1px solid #e8eaec;
  background-color: #ffffff;
  }
     div.float3 {
     float: left;
   width:150px;
    height:50px;
  border: 1px solid #e8eaec;
  background-color: #ffffff;
  }
       div.float4 {
     float: left;
	  height:50px;
   width:516px;
  border: 0px solid #e8eaec;
  background-color: #ffffff;
  }

  
div.float p {
   text-align: center;
   }
 embed.left,embed.center,img.right{padding:4px; border:1px solid #ffffff}
embed.left{float:left; margin:0 12px 5px 0;}
embed.center{display:block; margin:0 auto 5px auto;}
embed.right{float:right; margin:0 0 5px 12px;}