/* CSS Document */

/* Basic Stuff */

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

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


body {
	font: 10px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; 
	color: #333;
	line-height: 16px;
	margin: 0;
	padding: 0;
	background: #231f20;
	}
	
body A:link    	{ color: #c0272d; font-weight: normal; text-decoration: underline; }
body A:active  	{ color: #c0272d; font-weight: normal; text-decoration: underline; }
body A:visited 	{ color: #c0272d; font-weight: normal; text-decoration: underline; }
body A:hover  	{ color: #000000; font-weight: normal; text-decoration: underline; }
	
h1 {
	font: 10px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	color: #fff;
	text-transform:uppercase;
	font-weight:bold;
	margin: 0px;
	line-height: 20px;
}
	
h2 {
	font: 14px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	color: #947636;
	margin-top: 0px;
	line-height: 16px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	}
	
h2 A:link    	{ color: #947636; font-weight: bold; text-decoration: none; }
h2 A:active  	{ color: #947636; font-weight: bold; text-decoration: none; }
h2 A:visited 	{ color: #947636; font-weight: bold; text-decoration: none; }
h2 A:hover  	{ color: #947636; font-weight: bold; text-decoration: underline; }
	
h3 {
	font: 14px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	color: #483016;
	margin-bottom: 0px;
	font-weight: bold;
	line-height: 16px;
	}

h3 A:link    	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h3 A:active  	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h3 A:visited 	{ color: #29769d; font-weight: normal; text-decoration: underline; }
h3 A:hover  	{ color: #a4c00d; font-weight: normal; text-decoration: underline; }
	
	
#main {
	background: ;
	}
	
/* Top Section */
	
#head {
	width: 872px;
	position: left;
	margin: 0 auto;
	}
	

#top {
	background:;
	float: left;
	}
	
	

/* Navigation */

#nav {margin:0;}

#nav {
	float:left;
	background: #fff;
	position: relative;
	padding-bottom: 3px;
	width:675px;
	text-transform:uppercase;
	}
	  
#nav ul {
	margin:0;
	padding:3px 0px 0 3px;
	list-style:none;
	}
	  
#nav li {
	float:left;
	background:url("images/layout/right_both.gif") no-repeat right top;
	margin:0 0 0 0px;
	padding:0;
	background-color:#000;
	height: 25px;
	line-height: 25px;
	}
	
#nav a {
	float:right;
	display:block;
	left:-14px;
	margin-right:10px;
	background:url("images/layout/left_both.gif") no-repeat left top;
	padding:0px 8px 0px 18px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	}
	  
#nav > ul a {width:auto;}
    
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */

#nav a:hover {
	color:#fff;
	}
	  
#home #nav-home, 
#about #nav-about,
#lump #nav-lump, 
#security #nav-security,
#events #nav-events,
#contactus #nav-contactus,
#contact #nav-contact {
	background-position:100% -150px;
	}
	  
#home #nav-home a, 
#about #nav-about a,
#lump #nav-lump a, 
#security #nav-security a,
#events #nav-events a,
#contactus #nav-contactus a,
#contact #nav-contact a {
	background-position:0 -150px;
	padding-bottom:0px;
	color:#fff;
	border-bottom:0;
	}
	  
/* not for IE5.x or IE6 */
#nav li:hover, 
#nav li:hover a {
	background-position:100% -150px;
	color:#fff;
	}

#nav li:hover a {
	background-position:0 -150px;
	}

	
#image-holder {
	width: 92px;
	height: 28px;
	padding-top: 3px;
	padding-right: 0px;
	background: #fff;
	float: left;
	}
	
	
#image-holder2 {
	width: 95px;
	height: 31px;
	padding-top: 0px;
	padding-right: 0px;
	background: #fff;
	float: left;
	display:inline;
	}

#top-image{
	width: 92px;
	height: 154px;
	float:left;
	padding: 0px;
}

	
/* Main Content */
	

	
#middle {
	margin-top:0px;
	margin-left: 0px;
	padding-left: 5px;
	float:left;
	width:689px;
	position: relative;
	background: #fff;

	}
	



#leftside{
	float:left;
	padding-left: 0px;
	width: 780px;
}

#leftside-top{
	float:left;
	padding-left: 0px;
	width: 770px;
	background:#fff;
	padding-bottom: 0px;
	height: 124px;
}

#leftside-bottom{
	float:left;
	padding-left: 0px;
	width: 740px;
}

#leftside-bottom-left{
	float:left;
	padding-left: 0px;
	width: 680px;
	background: #fff;
}

#rightside{
	width: 92px;
	float:right;
	padding: 0px;
	margin:0px;
	position:relative;
	
}


#homebox{
	float:left;
	margin-bottom:0px;
	padding-bottom: 0px;
	height: 122px;
	padding-left: 3px;
	
}

#homebox2{
	width: 291px;
	height: 121px;
	float:right;
	padding-right:0px;
	padding-bottom: 0px;
}

#homebox2-lump{
	width: 389px;
	height: 121px;
	float:right;
	padding-right:3px;
	padding-bottom: 0px;
}

#homebox2-security{
	width: 270px;
	height: 121px;
	float:right;
	padding-right:3px;
	padding-bottom: 0px;
}

.homefeatures{
	font: 10px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	color: #000;
	line-height: 16px;
	padding-right: 30px;
	}
	
	
#homecontent {
	font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	color: #000;
	float: left;
	width: 465px;
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
	line-height: 18px;
	
}

#homecontent-header {
height: 20px;
	font: 10px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	color: #fff;
	background: #231f20;
	text-transform:uppercase;
	float: left;
	width: 455px;
	line-height: 20px;
	font-weight:bold;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left: 10px;
}

#rightcontent {
	font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	color: #000;
	float: left;
	width: 160px;
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 0px;
	line-height: 18px;	
}

#details {
	font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	color: #000;
	float: left;
	width: 160px;
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 10px;
	line-height: 18px;	
}

#right-header {
	height: 20px;
	font: 10px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	color: #fff;
	background: #c0272d;
	text-transform:uppercase;
	float: left;
	width: 150px;
	line-height: 20px;
	font-weight:bold;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left: 10px;
}

#homeright {
	font: 12px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	color: #000;
	float: left;
	width: 100px;
	margin-top: 5px;
	line-height: 18px;
}


#strapline {
	float: right;
	width: 16px;
	position: relative;
}



/* Footer */

#foot {
	float:left;
	position: relative;
	font-size: 7pt;
	color: #575757;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	padding-top: 10px;
	margin-top: 40px;
	padding-left: 10px;
	width: 670px;
	}
	  
#foot ul {
	margin:0;
	padding:0px 0px 30px 0px;
	list-style:none;
	}
	  
#foot li {
	float:left;
	margin:0 0 0 0px;
	padding:0;
	}
	
#foot a {
	float:left;
	margin-right:0px;
	text-decoration:none;
	font-size: 7pt;
	color:#575757;
	padding-right:5px;
	padding-left: 5px;
	}
	
#foot li:hover, 
#foot li:hover a {
	color:#c0272d;
	text-decoration: none;
	}

#subnav {
	font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	color: #000;
	float: left;
	width: 193px;
	line-height: 18px;	
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 20px;
}

#subcontent {
	font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	color: #000;
	float: left;
	width: 429px;
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 0px;
	line-height: 18px;
	}
	
	#first-subcontent-header {
height: 20px;
	font: 10px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	color: #fff;
	background: #231f20;
	text-transform:uppercase;
	float: left;
	width: 419px;
	line-height: 20px;
	font-weight:bold;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left: 10px;
}
	
	#subcontent-header {
height: 20px;
	font: 10px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	color: #fff;
	background: #231f20;
	text-transform:uppercase;
	float: left;
	width: 419px;
	line-height: 20px;
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-left: 10px;
}

#menu1 {
	width: 193px;
	margin: 0px;
	text-transform:uppercase;
	
	}
	
#menu1 li a {
	height: 17px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 17px;
	text-decoration: none;
	
	}	
	
#menu1 li a:link, #menu1 li a:visited {
	color: #fff;
	display: block;
	background:  url(images/layout/sub-nav-lo.gif);
	padding: 0px 0 0px 5px;
	margin-top: 5px;
	
	}
	
#menu1 li a:hover {
	color: #FFF;
	background:  url(images/layout/sub-nav-hi.gif) 0 -34px;
	padding: 0px 0 0 5px;
	}	
	
	#menu1 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#menu1 img {
    border: none;
} 

	
#menu1 ol {	
	list-style: none;
	margin: 0 0 0 0px;
	padding-left: 10px;
	color: #0076ab;
	display: block;
	background-color:#f5f5f5;
}
#menu1 ol li {
	font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	font-weight: bold;
	color: #0076ab;
	background-image: url("images/layout/arrow.gif");
	background-repeat: no-repeat;
	background-position: 0 center;
	height: 25px;
	text-decoration: none;
	text-transform:none;
	padding-left: 5px;
}

/*.sidenavhigh {
	width:188px;
	margin-left:-5px;
	padding: 0px 0px 0px 5px;
	color: #fff;
	display: block;
	background:  url(images/layout/sub-nav-hi.gif) 0 -34px;
	text-transform:uppercase;
}*/


#sidemenu {
width: 193px;
float: left;
}

#sidemenu ul {
	list-style: none;
	margin: 0 0 0 0px;
	padding-left: 0px;
	
}

#sidemenu ol {	
	list-style: none;
	margin: 0 0 0 0px;
	padding-left: 0px;
	color: #c0272d;
	
	background-color:#fff;
}



#sidemenu ol li {
	
	font-weight: regular;
	color: #c0272d;
	background-image: url("images/layout/arrow.gif");
	background-repeat: no-repeat;
	background-position: 0 center;
	height: 17px;
	text-decoration: underline;
	padding-left: 5px;
	
}	

#sidemenu ol li a:hover {
	
	font-weight: regular;
	color: #000;
	background-image: url("images/layout/arrow.gif");
	background-repeat: no-repeat;
	background-position: 0 center;
	height: 17px;
	text-decoration: underline;
	padding-left: 5px;
}	

#sidemenu ul li a {
	font: 10px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	font-weight: bold;
	color: #595959;
	height: 17px;
	text-decoration: none;
	padding-left: 5px;	
	background:  url(images/layout/sub-nav-lo.gif);
}
	
#sidemenu ul li a:link, #sidemenu ul li a:visited {
color: #fff;
display: block;
padding: 0px 0px 0px 5px;
line-height: 17px;
text-transform:uppercase;
margin-bottom: 5px;
}
	
#sidemenu ul li a:hover {
color: #fff;
text-decoration: none;
line-height: 17px;
background:  url(images/layout/sub-nav-hi.gif);
}


.sidenavhigh {
	width:188px;
	margin-left:-5px;
	padding: 0px 0px 0px 5px;
	color: #fff;
	display: block;
	background-color:#f5f5f5;
	line-height: 17px;
	background:  url(images/layout/sub-nav-hi.gif);
	text-transform:uppercase;
}

.sidenavoptions {
	width:188px;
	margin-left:-5px;
	padding: 0px 0px 0px 5px;
	color: #c0272d;
	display: block;
	background-color:#fff;
	line-height: 17px;
	text-transform:none;
	font-weight: regular;
}

#sub {
width: 193px;
float: left;
}

#sub ul {
	list-style: none;
	margin: 0 0 0 0px;
	padding-left: 0px;
	margin-bottom: 5px;
}


#sub li a:hover {
	
	font-weight: regular;
	color: #000;
	height: 17px;
	text-decoration: underline;
	padding-left: 5px;
}	

#sub ul li a {
	font: 10px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	font-weight: bold;
	color: #c0272d;
	height: 17px;
	text-decoration: underline;
	padding-left: 5px;	
}
	
#sub ul li a:link, #sub ul li a:visited {
color: #c0272d;
display: block;
padding: 0px 0px 0px 5px;
line-height: 17px;

}
	
#sub ul li a:hover {
color: #000;
text-decoration: underline;
line-height: 17px;
}

 label{
 float: left;
 width: 120px;
 font-weight: normal;
 }

 input, textarea{
 width: 200px;
 margin-bottom: 5px;
 }

 textarea{
 width: 200px;
 height: 100px;
 }

 .boxes{
 width: 1em;
 }

 #submitbutton{
 margin-left: 120px;
 margin-top: 5px;
 width: 90px;
 }

 br{
 clear: left;
 }
 
 #gallery {
	float: left;
	width: 370px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	}
	
#gallery li {
	/* put the lists and list elements on one line */
	float:left;
	display:block;
	margin-left: 0px;
	padding-left: 0px;
	margin-right: 5px;
} 

#gallery ul {
	margin-left: 0px;
	padding-left: 0px;
} 

 #gallery img {
	padding:2px;
	border:1px solid #4d4d4d;
} 

 #gallerymainimage img {
	padding:7px;
	border:1px solid #4d4d4d;
} 

 #gallerymainimage {
	margin-top:20px;
} 
