body { background-color: #d6d6d6;
           background-image: url("images/background.jpg");
           background-repeat: no-repeat !important;
           background-attachment: fixed;
           background-position: top center !important;
           -webkit-background-size: cover !important;
           -moz-background-size: cover !important;
            background-size: cover !important;		
}


		   		   
 p { padding: 5px 10px; 
      font-family: Lato, Verdana, Arial, Helvetica, sans-serif; 
      font-size: 1.2em; 
      line-height: 1.5em; 
	  
	  
     }



#bottombox { background-color: #272b32; 
                       height: 150px; 
					   width: 100%;
					    margin-bottom: -20px;  
}






footer p { padding: 0 20px; 
     font-family: Lato, Verdana, Helvetica, Arial, sans-serif; 
     font-size: 1em; 
     padding-top: 20px;  
     color: #fff;  
     }


nav {  margin-top: -20px;} 

.searchform { background-color: black;
                    width:auto;  
} 

.searchbutton {   height: 38px; 
                         border-radius: 0px; 
                         margin-left: 6px; 
                         padding-right: 12px;
                         font-size: 1em;
                         background-color: black; 
                         color: white; 
                         border:1px solid white;
                         background-color: black; 
                         color: white; 
	        					  
                         }

.searchbutton:hover {background-color: red;  }


#container {  
                     margin: 0 auto; 
                     max-width: 1202px; 
                      background-color: #fff; 
                      border-radius: 0px; 
                      box-shadow: 10px 10px 5px #888888; 
                      
                      }


					 
/* background colour behind the nav bar transparent gets rid of extended white bar */
#menu { margin: 0 auto; background-color: transparent; }

     

#column1 { width:70%;
                   float: left;
                   margin-left: 20px; 
                   margin-right: 5px;
                   text-align: justify;    }

#column2   {width:25%;
                    float: left; 
                    margin-left: 12px;
	     
                      }

#column3 { width: 30%; 
                   float: left; 
                   text-align: justify; 
                  }

#column4  {width: 69%; 
                   float: left; 
                   text-align: justify;
                  
                  }

#columnleft {width: 49%; 
                      float: left;
					  text-align: justify;
					 
                      } 
					  
 #columnright { width: 49%; 
                        float: left; 
						text-align: justify;
						
 }


/* get rid of white line on right side of search button  - line still there on low res screens */


nav li:last-child { margin-right: 0px;
                           }



.clearfix  {clear: both; }


footer {   background: black; 
               height: 40px;
               
           } 
		   
footer p { line-height: 1px; }

h1 { color: #272b32; 
       font-family: Lato, Verdana, Arial, Helvetica, sans-serif; 
	   padding-left: 10px; 
      
      }

            
h2    { font-size: 1.1em; 
          color: white;  
          font-family: Lato, Verdana, Arial, Helvetica, sans-serif; 
          padding-left: 20px;
          padding-top: 2px; 
          padding-bottom: 2px; 
          margin: 4px; 
          background-color: #181818; 
	
       }
        

#maincontent { max-width: 100%; 
                     }


#columnA a:link, #maincontent a:link { color: red; 
                               text-decoration: none; 
                             }

#columnA a:visited, #maincontent a:visited { color: navy; 
                                    text-decoration: none; 
                                  }

#columnA a:hover, #maincontent a:hover {color: green; 
                                  text-decoration: none; 
                                 }

#columnA a:active, #maincontent a:active { color: red; 
                                   text-decoration: underline; 
                                 }

#feature a:link, #maincontent a:link { color: red; 
                               text-decoration: none; 
                             }

#feature a:visited, #maincontent a:visited { color: navy; 
                                    text-decoration: none; 
                                  }

#feature a:hover, #maincontent a:hover {color: green; 
                                  text-decoration: none; 
                                 }

#feature a:active, #maincontent a:active { color: red; 
                                   text-decoration: underline; 
                                 }


#feature ul li { font-size: 1.2em; 
                     font-family: Lato, Arial, helvetica, sans-serif; 
                   }





/*----------------------------------------------         Style for menu links ----------------------------------------------------------*/




/*Strip the ul of padding and list styling*/
ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
              z-index: 100; 
              width: auto; 
             
}

/*Create a horizontal list with spacing*/

li {
	display:inline-block;
	float: left;
	margin-right: 1px;
}


li a {
	display:block;
	min-width:171px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-family: Lato, Verdana,  Helvetica, Arial, sans-serif;
	color: #fff;
	background: black;
	text-decoration: none;
}

/*Hover state for top level links*/

li:hover a {
	background: gray;
}

/*Style for dropdown links*/

li:hover ul a {
	      background: #303030;
	     color: white;
	     height: 40px;
	      line-height: 40px;
}

/*Hover state for dropdown links*/

li:hover ul a:hover {
	background:#0099FF;
	color: #fff;
}

/* Hide dropdown links until they are needed */
li ul {
	display: none;
}

/* Make dropdown links vertical */
li ul li {
	display: block;
	float: none;
                
}

/*Prevent text wrapping*/
li ul li a {
	width: auto;   /* makes drop down menus go full width */
	padding: 0 20px;
}

/*Display the dropdown on hover*/

ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/* Style 'show menu' label button and hide it by default */

.show-menu {
	font-family: Lato, Verdana, Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: black;
	text-align: center;
	padding: 10px 0;
	display: none;
}

/*Hide checkbox*/

input[type=checkbox]{ display: none; }

/*Show menu when invisible checkbox is checked*/

input[type=checkbox]:checked ~ #menu{ display: block; }

/* --------------------------------------------- end nav css ------------------------------------------------*/








                              

/*Media Queries */

@media screen and (max-width : 1190px) {

/*Display 'show menu' link*/

.show-menu {
		display:block;
                             margin-top: -20px; 
	}

 li a {
	display:block;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-family: Lato, Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: black;
	text-decoration: none; 
                      
}

/*Make dropdown links appear inline*/
	ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	ul li, li a {
		width: 100%;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}



#column2 { width:95%;
                   margin: 10px auto;
                   margin-left: 25px; 
               }

#column1 {width: 95%;
                   margin: 10px auto;
                   margin-left: 15px; 
               }

#column3 {width: 30%; }

#column4 {width: 65%; }

#coloumn3, #column4  { 
                   float: left;      
                   }

#feature { width: 95%;
              margin-left: 15px;  
            }
}




@media screen and (max-width : 780px) {


/*Make dropdown links appear inline*/
	ul {
		position: static;
		display: none;
	}

	/*Create vertical spacing*/
	li {
		margin-bottom: 1px;
	}

	/*Make all menu links full width*/
	ul li, li a {
		width: 100%;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}


	/*Display 'show menu' link*/
	.show-menu {  display:block;
                                           height: 40px;       
	}

#feature { width: 95%;
                 margin-bottom: 35px; 
                 margin-top: -30px;
                 margin-left: 0px;  }

#column2 { width:95%;
                   margin: 10px auto;
                   margin-left: 9px;   }


#column1 {width: 95%;
                   margin: 10px auto;
                   margin-left: 9px;
                   margin-top: -30px;    }
				   
				   
				   
#columnleft {width: 95%; 
                      float: left;
					  text-align: justify;
					
                      } 
					  
 #columnright { width: 95%; 
                        float: left; 
						text-align: justify;
						
 }			   
				   
				   

}




@media print { 

header, nav, footer { display; none; }
                
img { max-width: 100%; }

body {background: display: none }

#container {  
                     box-shadow: none;  
                      }

#feature { width: 95%;
                 margin-bottom: 35px; 
                 margin-top: -30px;
                 margin-left: 9px;  }


#column1 {width: 95%;
                   margin: 10px auto;
                   margin-left: 9px;
                   margin-top: -30px;    }

#column2 {visibility: hidden; }


p {font-family: Arial, helvetica, sans-serif; 
    font-size: 12pt; 
   }


footer p {display: none;  }

}