@charset "UTF-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700,400italic,700italic);


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, li,
dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    font-size:100%;
    
    
}

/* end reset */




/*sets box sizing to be intuitive. to remove for an element desized to compensate add box-sizing: content-box; to the class or id*/

html {

  box-sizing: border-box;

}

*:after {

  box-sizing: inherit;

}

*:before {

  box-sizing: inherit;

}

* {

  box-sizing: inherit;
  /*font-family: 'Open Sans', sans-serif;*/

}

/* general styles */

body { 
	background-color:#E4E4E4;
	

background: #E4E4E4; /* Old browsers */


	
	font-family: 'Roboto', sans-serif;
	}

table { 
	border:none;
	
	border-collapse: collapse;
	border-spacing: 0;

	}

p { 
	margin-bottom: 15px; /* space after paragraph */ 
	}

ul { 
	margin-left:20px;
	}
	
li { 
	margin-bottom: 10px; /* space between list items */
	text-align:left;
	 }
 
ol { 
	margin-left:20px; 
	}



#header { background:#ffffff;background-color:#ffffff;color:#000000; width:100%;}
#headercontent {width:80%;font-size:48px;margin:0px auto;}
#headercontent td {padding:10px;text-align:left;}

#menubar {width:100%;background:#650006;background-color:#650006;border-bottom:10px solid black;}
#menucontent {width:80%;color:#ffffff;margin:0px auto;}
#menucontent td {padding:10px;text-align:left;}
#menucontent a {color:#ffffff !important;font-weight:bold;font-size:18px;}

#content { width:100%; background-color:#E4E4E4;background: #E4E4E4;}
#maincontent { width:80%; margin:0px auto;}
#maincontent td {padding-top:40px;padding-bottom:40px;}
#maincontent p {color:#666666;font-size:22px;}


h1 { margin-bottom: 10px; color:#650006; font-weight:bold;font-size:24px;letter-spacing:normal;}
h2 { margin-bottom: 10px; color:#000000; font-weight:normal;font-size:22px;letter-spacing:120%;text-transform:uppercase;}
h3 { margin-bottom: 10px; color: #666666;  font-size: 22px; font-weight: bold;line-height:130%;text-transform:uppercase;letter-spacing:120%;}

.center {text-align:center !important;}

.portal {width:48%;display:inline-block;float:left;margin:1%;background:#ffffff;background-color:#ffffff;}
@media screen and (max-width: 630px) { .portal {width:100%;margin:0px;margin-bottom:20px;} }
.portal img {width:100%;margin-bottom:10px;}
.portal p {font-size:16px !important;color:#666666;padding-left:10px;padding-right:10px;}
.portal h2 {padding-left:10px;padding-right:10px;}

#subhead { background:#650006;background-color:#650006;}
#subhead td {text-align:center;color:#ffffff;padding:20px;}

#footer {background-color:#000000;background:#000000;}
#footer td {text-align:center;color:#ffffff;padding:20px;}
#footer td p {text-align:center;color:#ffffff;font-size:16px;}

/* links */

a {background-color: transparent; text-decoration: underline}


a:hover { text-decoration: none;}  /* mouse over link */

p a {color:#000000;font-weight:bold;}

.buttonmain {
	font-style:normal;
	font-size:90%;
	text-transform:uppercase;
	border:2px solid #ffffff;
	-moz-box-shadow: 0px 1px 3px 0px #000000;
	-webkit-box-shadow: 0px 1px 3px 0px #000000;
	box-shadow: 0px 1px 3px 0px #000000;
	
	background: #0071bc; /* Old browsers */

	background-color:#0071bc;
	
	text-indent:0;
	
	display:inline-block;
	color:#ffffff !important;
	
	font-weight:normal;
	
	/*height:22px;
	line-height:22px;*/
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #000000;
	margin-bottom:10px;
	margin-right:10px;
}
.buttonmain:hover {
	
 background: #000000; /* Old browsers */
	background-color:#000000;
	
	
	
	
}




/*mobile menu*/


#nav-wrap {
	margin-top: 0px;
}

/* menu icon */
#menu-icon {
	display: none; /* hide menu icon initially */
}






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

	/* nav-wrap */
	#nav-wrap {
		position: relative;
	}

	/* menu icon */
	#menu-icon {
		color: #ffffff;
		width: 100%;
		
		height: 40px;
		background: transparent url(../images/menu-icon.png) no-repeat 10px center;
		padding: 8px 10px 0 42px;
		cursor: pointer;
		border: none;
		display: block; /* show menu icon */
		font-size:16px;
	}
	#menu-icon:hover {
		background-color: #ffffff;background-color:rgba(255, 255, 255, 0.5);
	}
	#menu-icon.active {
		background-color: transparent;
	}
	
	/* main nav */
	#nav {
		clear: both;
		position: absolute;
		top: 38px;
		width: 300px;
		z-index: 10000;
		padding: 5px;
		background: #650006;
		border: solid 1px #999;
		display: none; /* visibility will be toggled with jquery */
	}
	#nav li {
		clear: both;
		float: none;
		margin: 5px 0 5px 10px;
	}
	#nav a, 
	#nav ul a {
		font: inherit;
		background: none;
		display: inline;
		padding: 0;
		color: #ffffff !important;
		font-weight:bold;
		border: none;
		
	}
	#nav a:hover, 
	#nav ul a:hover {
		background: none;
		color: #ffffff !important;
		text-decoration:underline;
	}
	
	/* dropdown */
	#nav ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
	}
	#nav ul li {
		margin: 3px 0 3px 15px;
	}
	
	ul.dropdown ul { visibility:visible !important;}
	
	ul.dropdown li {padding:0px !important;}
	
	li.empty  {color:#CAC5C5 !important;margin:0px !important;}

}

@media screen and (min-width: 550px) {

	/* ensure #nav is visible on desktop version */
	#nav {
		display: block !important;
	}

}


.col-2 {
	-moz-column-count:2;
	-moz-column-gap:4em;
	
	-webkit-column-count:2;
	-webkit-column-gap:4em;
	
	column-count: 2;
	column-gap: 4em;
	
	-webkit-column-width: 320px;
     -moz-column-width: 320px;
          column-width: 320px;
		 
}

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

	
	.col-2 {
		-moz-column-count:1;
	
	
	-webkit-column-count:1;
	
	
	column-count: 1;
	
	}

}

table.info td {padding:5px;border:1px solid #ffffff;}
table.info tbody tr:nth-child(odd) { /* option for zebra stripes, does not work in earlier versions of ie */
   background-color: #b766a3;
}

.left {float:right;margin-left:10px;margin-bottom:10px;}

.tablecolumn {float:left;width:50%;min-width:200px; }
.tablecolumn td {padding-right:40px; }

@media screen and (max-width: 800px) { .tablecolumn {width:100%;float:none;} .tablecolumn td {padding-right:0px;}}

.homecolumn {text-align:center;width:48%;min-width:300px;display:table-cell;vertical-align:top;}
@media screen and (max-width: 950px) { .homecolumn {width:100%;display:block;} }

table.contact td {padding:10px !important;}

img.w25{
		max-width:20%;min-width:100px;margin-bottom:10px;align=right;height: auto;	
	}