/* 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: 16px; 

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;}