﻿body 
{
background-color: #ffffff
}



#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #ffffff;
color: White;
float: left;
width: 800px;
font-family: arial, helvetica, sans-serif;
 height: 19px;
 }

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #036;
color: White;
text-decoration: none;
text-align: center;
width: 134px;
}

#navcontainer ul li a:hover
{
    
background-color: #369;
color: #fff;
}



	  .style55
        {
            height: 23px;
            font-size: small;
        }       
        .style56
        {
            font-size: x-small;
        }
        .style57
        {
            font-size: medium;
        }
        
         .style58
        {
            font-family: "Times New Roman", Times, serif;
            font-size: xx-large;
        }
       
       
   .style1
        {
            text-decoration: none;
             color: #21610B;
        }
        .style5
        {
            text-decoration: none;
            
        }
        .style6
        {
            color: #000000;
            text-decoration: none;
        }
        .style2
        {
            font-size: x-large;
            color: #4C66E4;
            font-weight:bolder;
        }
       .verticalLine {
    border-left:thick solid #070719;
       }
     .style3
        {
           font-family: Arial, Helvetica, sans-serif;
            font-size: large;
            font-family: Arial, Helvetica, sans-serif;
         }
        
     .h1
     {
     color: #FF0000; text-align: center;
     }    
       .h2
     {
     color: #FF0000; text-align: center;
     } 
     
        .h3
     {
     color: #0e62ff; text-align: center;
    width: 259px;
}  
     
     .p1
     {
      font-family: Arial, Helvetica, sans-serif;
      font-size: medium;
      color:#19070B;   
     text-align: center;
    height: 99px;
    width: 259px;
}
      .pic1
        {
            width: 160px;
            height: 138px;
        }
        
         .pic2
        {
            width: 160px;
            height: 59px;
        }
         .style4
        {
         font-family: Arial, Helvetica, sans-serif;
            font-size: medium;   
        }
        
        .style7
         {
            text-decoration: none;
            font-size: medium;
            font-family: Arial, Helvetica, sans-serif;
        }
        .style8
         {
           
            font-size: large;
            font-family: Arial, Helvetica, sans-serif;
        }
        .style9
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: extra-large;
            color:#FF0000
        }
   .style10
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: x-large;
            color: #FF6600
        }
         .style11
        {
            color: #0066FF;
            text-decoration: none;
            font-weight:bold;
        }
        
         .style12
        {
            color: #FF0000;
        }
        
         .style13
        {
            color: White;
            background-color:#000080;
            font-size: x-large;
            font-family: Arial, Helvetica, sans-serif;
        }
        
         .style14
         {
             color: White;
             background-color: Black;
             font-size: x-large;
             font-family: Arial, Helvetica, sans-serif;
         } 
         .style15
        {
            text-decoration: underline;
        }
        
        .style16
         {
             color: #FFFFFF;
             text-decoration: none;

         }
         

         
         .style20
         {
             color: Black;
             text-decoration: none;
             font-size: large;
             font-weight: normal;

         }
         .style21
        {
            font-size: x-large;
            font-family: Arial, Helvetica, sans-serif;
        }
        
       

 .style17
        {
            text-align: center;
            font-size: large;
            color: #4C66E4;
            font-weight:bolder;
        }
        .style18
        {
            text-align: left;
             font-size: large;
            color: #4C66E4;
            font-weight:bolder;
        }
        .style19
        {
            text-align: left;
             font-size: large;
            color: #4C66E4;
            font-weight:bolder;
        }
        
         .style22
        {
            font-size: medium;
            color: #000000;
            font-weight: normal;
            font-family: Arial, Helvetica, sans-serif;
        }
   
       
        
        .style23
        {
            color: #4C66E4;
            font-size: x-large;
            font-weight:bolder;
        }
        
        .style24
        {
            color: #4C66E4;
            font-size: large;
            font-weight:bolder;
            font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
}
      
       .style15
    {
        width: 196px;
        height: 155px;
    }
    .style25
    {
        width: 33%;
    }
    
     .style26
        {
            color: #4C66E4;
            font-size: medium;
            font-weight:bolder;
        }
        
       ul.a {list-style-type:circle;}
ul.b {list-style-type:square;}
ol.c {list-style-type:upper-roman;}
ol.d {list-style-type:lower-alpha;}
    
    ul.enlarge{
list-style-type:none; /*remove the bullet point*/
margin-left:0;
}
ul.enlarge li{
display:inline-block; /*places the images in a line*/
position: relative;
z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
margin:10px 40px 0 20px;
}
ul.enlarge img{
background-color:#eae9d4;
padding: 6px;
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px; 
}
ul.enlarge span{
position:absolute;
left: -9999px;
background-color:#eae9d4;
padding: 10px;
font-family: 'Droid Sans', sans-serif;
font-size:.9em;
text-align: center; 
color: #495a62; 
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius:8px;
}
ul.enlarge li:hover{
z-index: 50;
cursor:pointer;
}
ul.enlarge span img{
padding:2px;
background:#ccc;
}
ul.enlarge li:hover span{ 
top: -300px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: -20px; /*distance from the left of the thumbnail to the left of the popup image*/
}
ul.enlarge li:hover:nth-child(2) span{
left: -100px; 
}
ul.enlarge li:hover:nth-child(3) span{
left: -200px; 
}
/**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
ul.enlarge img, ul.enlarge span{
behavior: url(pie/PIE.htc); 
}

 .style27
        {
            text-decoration: underline;
        }
        
         .style30
        {
            color: #3366FF;
            font-size:large;
            font-weight:700;
    font-style: italic;
}

 .style31
        {
            color: #4C66E4;
            font-size: x-large;
            font-weight:bolder;
           font-family: Arial, Helvetica, sans-serif;
        }
        
.style33
        {
            height: 26px;
            width: 20px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: medium;
            text-align: center;
        }
        
 .style34
        {
            height: 26px;
            width: 20px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: medium;
            text-align: center;
        }
        
 .style35
        {
            height: 26px;
            width: 20px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: medium;
            text-align: center;
        }   
        
 .style36
        {
            height: 26px;
            width: 20px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: small;
            text-align: center; 
         } 
         
    .style37
         {
           
            font-size: medium;
            font-family: Arial, Helvetica, sans-serif;
        }  
        
      .style33
        {
            height: 26px;
            width: 30px;
        }
       
    .style32
         {
             height: 65px;
         }
         
       .style38
         {
           
            font-size: small;
            font-family: Arial, Helvetica, sans-serif;
        }     
         
         .style45
         {
           background-color:#FFFFFF;
           width:862px;
           margin-left:auto;
           margin-right:auto;

         } 
         
           .style46
        {
            text-align: center;
            font-family: Arial, Helvetica, sans-serif;
        }
         
              
           .style47
        {
            color: #000000;
            font-size: medium;
            font-weight: bolder;
            font-family: Arial, Helvetica, sans-serif;
            font-style: italic;
        }
        
          .style48
        {
            font-family: Arial, Helvetica, sans-serif;
            font-weight: bolder;
            font-size: small;
        }
        
        .style49
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: small;
        }
        
        .style50
        {
            color: #4C66E4;
            font-size: x-large;
            font-weight:bolder;
            font-family: Arial, Helvetica, sans-serif;
        }
        
        
        .style51
        {
            color: #4C66E4;
            font-size: x-large;
            font-weight: bolder;
            font-family: Arial, Helvetica, sans-serif;
        }
        
         .style52
         {
             font-size: large;
             text-decoration: none underline;
             color: #FF0000;
             font-weight: bolder;
         }
         
      
        
    
        .style53
        {
            font-size: large;
            color: #FF0000;
            font-weight: bolder;
        }
        .style54
        {
            text-decoration: none;
        }
           
         .style59
        {
            color: #25368B;
            font-size: medium
        } 
        
          .style60
        {
            color: #25368B;
            font-size: medium;
            font-style: italic;
            font-weight: bold;
        } 
        
        .style61
        {
            text-align: left;
             font-size: x-large;
            color: #4C66E4;
            font-weight:bolder;
            text-decoration: none;
        }
        
        .style62
        {
            text-align: center;
        }
        
        
        
         .style63
        {
            text-align: left;
             font-size: large;
            color: #4C66E4;
            font-weight:bolder;
            text-decoration: none;
        }
        
            .style64
        {
            font-weight: normal;
            color: #FF3300;
        }
        
        .style66
        {
            color: #FF3300;
            font-size: large;
            font-weight:bolder;
            font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
        }
           .style67
        {
            color: #FFFFFF;
            font-family: Arial;
            font-size: medium;
            text-align: center;
        }
        
         .style68
        {
            text-align: left;
             font-size: large;
            color: #003195;
            font-weight:bolder;
        }
        
        
        .style69
        {
            text-align: left;
             font-size: x-large;
            color:  #FF3300;
            font-weight:bolder;
            text-decoration: none;
        }
        
         .style02
        {
            height: 23px;
            font-size: small;
        }       
        .style03
        {
            font-size: x-small;
        }
        .style04
        {
            font-size: medium;
        }
        
         .style05
        {
            font-family: "Times New Roman", Times, serif;
            font-size: xx-large;
        } .style02
        {
            height: 23px;
            font-size: small;
        }       
        .style03
        {
            font-size: x-small;
        }
        .style04
        {
            font-size: medium;
        }
        
           .style06
        {
            font-family: Corbel;
            text-align: center;
        }
        .style07
        {
            font-size: large;
        } 
        
              
        #navcontainer2 ul
{
padding-left: 0;
margin-left: 0;
background-color: #4C66E4;
color: White;
float: right;
width: 802px;
font-family: arial, helvetica, sans-serif;
}

#navcontainer2 ul li { display: inline; }

#navcontainer2 ul li a
{
padding: 0.2em 1em;
background-color: #4C66E4;
color: White;
text-decoration: none;
float: right;
border-right: 1px solid #fff;
    width: 165px;
}

#navcontainer2 ul li a:hover
{
background-color: #369;
color: #fff;
}



  .style71
        {
            color: #4C66E4;
            font-size: x-large;
            font-weight:bolder;
            font-family: Arial, Helvetica, sans-serif;
    font-style: italic;    
              
        }
        
  .style72
    {
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: x-large;
        color: #003366;
    }       
            
    .style73
    {
        font-size: large;
        text-decoration: none;
        font-weight: bold
        
    }
   
   
     
     
     
     
          
#primary_nav_wrap
{
	margin-top:15px
}

#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0;
	width: 800px;
	background-color: #4f6db3;
	
	
}

#primary_nav_wrap ul a
{
	display:block;
	color:#ffffff;
	text-decoration:none;
	font-weight:700;
	font-size:12px;
	line-height:32px;
	padding:0 15px;
	font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
	
}

#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0
}

#primary_nav_wrap ul li.current-menu-item
{
	background:#a9a9a9
}

#primary_nav_wrap ul li:hover
{
	background:#a9a9a9
}

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#00008b;
	padding:0;
	width:100px
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:100px
}

#primary_nav_wrap ul ul a
{
	line-height:120%;
	padding:10px 15px
}

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul
{
	display:block
}   


  #navcontainer
        {
            height: 19px;
        }
        .style74
        {
            font-size: xx-large;
            font-family: Arial, Helvetica, sans-serif;
        }
        .style75
        {
            font-size: xx-large;
            font-family: Arial;
            color: #cc9933;
        }


        .style76
    {
       height: 150px; 
       width: 150px;
    }   
    
      .style77
    {
       height: 150px; 
       width: 20px;
    }   
    
      .style78
    {
       height: 20px; 
       width: 150px;
    }   
    
      .style79
    {
       height: 20px; 
       width: 25px;
    } 
       
      .style80
    {
       height: 400px; 
       width: 600px;
    }    
    
      .style81
    {
       height: 50px; 
       width: 600px;
    }    
    
    
    .style82
        {
           font-family: Arial, Helvetica, sans-serif;
            font-size: large;
             font-weight: bold;
        }
        
        
          .style83
        {
            font-family: Arial, Helvetica, sans-serif;
        }
        
         .style84
        {
            font-size: xx-large;
            font-family: Arial, Helvetica, sans-serif;
            color: #4f6db3;
        }
        
        
        @media only screen and (max-device-width: 480px) {
		div#wrapper {
			width: 400px;
		}

		div#header {
			background-image: url(media-queries-phone.jpg);
			height: 93px;
			position: relative;
		}

		div#header h1 {
			font-size: 140%;
		}

		#content {
			float: none;
			width: 100%;
		}

		#navigation {
			float:none;
			width: auto;
		}
	}