/*
Design by OMAC Advertising
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 fonts  
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/



/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* 
    CSS Reset
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */	

* {	margin: 0;	padding: 0;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* 
     Screen Size Full Screen
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */	

.wrapper {
	width: 85%;
	margin-right: auto;
	margin-left: auto;
	z-index: 100;
	max-width: 1495px;
	}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
Header Elements  
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

HEADER {
	position: relative;
	width: 100%;
	top: 0px;
	height: 100px;
	display: block;
	left: 0px;
	background: #000000;
	padding-bottom: 10px;
}
	

.hLogo {
	height: auto;
	width: 250px;
	margin-right: 1%;
	margin-left: 1%;
	text-align: left;
	float: left;
}

.hText {
	width: 300px;
	margin-top: 40px;
	display: block;
	float: left;
	color: #FFF;
	text-align: left;
	font: bold 36px Arial, Helvetica, sans-serif;	
}
.hPhone {
	font-size: 24px;
	font-weight: bold;
	float: right;
	height: auto;
	color: #FFF200;
	top: 24px;
	display: block;
	margin-top: 53px;
	text-align: right;
	height: auto;
	width: 350px;
}


HEADER a {
	text-decoration: none;
	color: #FFF;
}

HEADER a:visited {
	text-decoration: none;
	color: #fff;
}

HEADER a:hover {
	text-decoration: none;
	color: #E1861B;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
   NAVAGATION
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
 
/* ----------------------------------------   
	Navagation Begin  
-------------------------------------------*/
	
NAV {
	width: 100%;
	height: 40px;
	position: relative;
	display: block;
	padding-top: 20px;
	float: left;
	background-image: url(../images/bgNav.png);
	margin: 0px;
	padding-left: 5px;
	}


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

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

#nav, 
#nav li {
	margin: 0;
	padding: 0;
	z-index: 1000;
}

#nav li {
	list-style: none;
	float: left;
	margin-right: 30px;
	z-index: 1000;
}

/* nav link */
#nav a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 18px;
	font-weight: normal;
	text-align: right;
	text-transform: capitalize;
	transition-property: background;
	transition-duration: 1.0s;
	margin: 0px 20px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

	
#nav li a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
	
#nav li a.active{
	/* background:url(../images/menur.gif) */
	no-repeat right; color: #FFF200; }

#nav a:hover {
	text-decoration: none;
	color: #FFF200;
}

/* nav dropdown */
#nav ul {
	position: absolute;
	display: none; /* hide dropdown */
	width: 200px;
	z-index: 10000;
	height: auto;
	background-image: url(../images/bgNav.png);
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 2px;
	top: 35px;
}
#nav ul li {
	float: none;
	margin: 0;
	text-align: left;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	font-size: 13px;
	line-height: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
	background: #155B8D;
}
#nav li:hover > ul {
	display: block; /* show dropdown on hover */
		color: #FFF200;

}
	
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
     Slideshow Elements
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
 
.slideshow {
	display: block;
	height: auto;
	width: 100%;
	position: relative;
	z-index: 10;
	background-color: #000;
	padding: 0px 0px 5px 10px;
	top: 0px;
	margin: 0px;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
  Content Elements 
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.content {
	width: 100%;
	position: relative;
	color: #000;
	float: left;
	overflow: auto;
	display: block;
	height: auto;
	left: 0px;
	top: 0px;
	z-index: 100;
	padding: 10px 0% 20px;
	}
	
/*    1/2 width Left Adj.  column  */
.colL {
	float: left;
	width: 48%;
	display: block;
	margin-right: 5px;
}

/*    1/2 width Right Adj.  column  */
.colR {
	display: block;
	float: right;
	width: 49%;
}

/*    Full width   column  */
.col1 {
	float: left;
	height: auto;
	width: 95%;
	padding-top: 3px;
	margin-right: 1.5%;
	margin-left: 1.5%;
}

/*    1/2 width   column  */
.col2 {
	float: left;
	height: auto;
	width: 46%;
	margin-right: 1.5%;
	margin-left: 1.5%;
	padding: 10px;
}


/*    1/3rd width   column  */
.col3 {
	float: left;
	height: auto;
	width: 29%;
	margin-right: 1%;
	margin-left: 1%;
	padding: 10px;
}

/*    2/3rd width   column  */
.col23 {
	float: left;
	height: auto;
	width: 62%;
	margin-right: 1.5%;
	margin-left: 1.5%;
}

/*    2/3rd width Right Adj  column  */
.col23R {
	float: right;
	height: auto;
	width: 62%;
	margin-right: 1.5%;
	margin-left: 1.5%;
}

/*    1/4th width   column  */
.col4 {
	float: left;
	height: auto;
	width: 23%;
	padding-top: 3px;
	margin-right: 1%;
	margin-left: 1%;
}

/*    1/5th width   column  */
.col5 {
	float: left;
	height: auto;
	width: 18%;
	padding-top: 3px;
	margin-right: 1%;
	margin-left: 1%;
}

/*    1/6th width   column  */
.col6 {
	float: left;
	height: auto;
	width: 15%;
	padding-top: 3px;
	margin-right: 1%;
	margin-left: 1%;
}

/*    1/8th width   column  */
.col8 {
	float: left;
	height: auto;
	min-height: 125px;
	width: 11.5%;
	padding-top: 3px;
	margin-right: 0.5%;
	margin-left: 0.5%;
	font-size: 11px;
	text-align: center;
	margin-bottom: 10px;
	display: block;
}

/*    1/10th width   column  */
.col10 {
	float: left;
	height: auto;
	min-height: 125px;
	width: 9%;
	padding-top: 3px;
	margin-right: 0.4%;
	margin-left: 0.4%;
	font-size: 11px;
	text-align: center;
	margin-bottom: 10px;
	display: block;
}

/*    1/12th width   column  */
.col-12 {
	float: left;
	height: auto;
	min-height: 125px;
	width: 7.25%;
	padding-top: 3px;
	margin-right: 0.5%;
	margin-left: 0.5%;
	font-size: 11px;
	text-align: center;
	margin-bottom: 10px;
	display: block;
}

/*    Two Coumn Text  */
.text2 {
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap : 20px;
	column-count: 2;
	column-gap: 20px;
	text-decoration: none;
	margin-top: -5px;
	padding-top: -5px;
}

/*    Three Coumn Text  */
.text3 {
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap : 20px;
	column-count: 3;
	column-gap: 20px;
	text-decoration: none;
	margin-top: -5px;
	padding-top: -5px;
}

.text p { 
    margin-top: 0;
    margin-bottom: 1em;
  }
  
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
Standard Sidebar 
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.sidebarL {
	width: 25%;
	float: left;
	height: auto;
	margin-top: 15px;
	color: #00626C;
}

.sidebarR {
	width: 25%;
	float: right;
	height: auto;
	margin-top: 15px;
	color: #00626C;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
Standard Footer Elements 
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
FOOTER {
	text-align: center;
	display: block;
	height: 50px;
	color: #FFF200;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 5px;
	background-color: #000;
	margin-top: 15px;
	font-size: 13px;
}

FOOTER a:link {
	color: #FFF200;
}
FOOTER a:visited {
	color: #FFF200;
}
FOOTER a:hover {
	color: #FFF;
}

.fMenu {
	font-size: 10px;
	display: block;
	width: 100%;
	text-align: center;
}
.fAddress {
	font-size: 10px;
	display: block;
	width: 100%;
	text-align: center;
}
.fCopy {
	font-size: 10px;
	display: block;
	float: left;
	width: 50%;

}
.fOMAC {
	font-size: 10px;
	display: block;
	float: right;
	width: 10%;
	position: relative;
	margin-top: -30px;
}

/******************************************************************************

	-	Responsive Screen Settings 	-
	
*******************************************************************************/
/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
     Screen Size 1101px  Standard Screen
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */	

@media only screen and (min-width: 1101px) and (max-width: 1300px) {	

.wrapper {
	width: 85%;
	}
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
    Header Elements  
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
HEADER {
	height: 125px;
	text-align: center;
	padding-top: 20px;
}

#nav li {
	list-style: none;
	float: left;
	margin-right: 20px;
	z-index: 1000;
}

/* nav link */
#nav a {
	font-size: 17px;
	margin: 0px 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}


/*    Three Coumn Text  */
.text3 {
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap : 20px;
	column-count: 2;
	column-gap: 20px;
	text-decoration: none;
	margin-top: -5px;
	padding-top: -5px;
}
}

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
     Screen Size 1101px  Standard Screen
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */	

@media only screen and (min-width: 1025px) and (max-width: 1100px) {	

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
Header Elements  
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

HEADER {
	height: 100px;
}
	

.hLogo {
	width: 250px;
}

.hText {
	width: 300px;
	margin-top: 35px;
	font: bold 36px Arial, Helvetica, sans-serif;
	
}
.hPhone {
	font-size: 24px;
}

#nav li {
	margin-right: 10px;
}

/* nav link */
#nav a {
	font-size: 16px;
	margin: 0px 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}


}

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
     Screen Size 1024px  Standard Screen
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */	

@media only screen and (min-width: 901px) and (max-width: 1024px) {	

.wrapper {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	z-index: 100;
	}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
    Header Elements  
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

HEADER {
	height: 100px;
}
	

.hLogo {
	width: 250px;
}

.hText {
	width: 300px;
	margin-top: 35px;
	font: bold 36px Arial, Helvetica, sans-serif;
	
}
.hPhone {
	font-size: 24px;
}


#nav li {
	margin-right: 10px;
}

/* nav link */
#nav a {
	font-size: 16px;
	margin: 0px 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
  Content Elements 
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.content { 
	width: 100%;
	margin-right: .5%;
	margin-left: .5%;
	padding: 0px;
	float: left;
}


}
/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
     Screen Size 900px  Tablet
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */	

@media only screen and (min-width: 480px) and (max-width: 900px) {

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
    Header Elements  
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/


HEADER {
	height: 200px;
	width: 100%;
}
	

.hLogo {
	width: 250px;
	text-align: center;
	float: none;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.hText {
	width: 90%;
	margin-top: 5px;
	text-align: center;
	float: none;
	display: block;
	margin-right: auto;
	margin-left: auto;
	font: bold 36px Arial, Helvetica, sans-serif;
}
.hPhone {
	width: 90%;
	margin-top: 20px;
	text-align: center;
	float: none;
	display: block;
	margin-right: auto;
	margin-left: auto;
	font-size: 24px;
}



.col4 {
	float: left;
	height: auto;
	width: 47%;
	margin-right: 1.5%;
	margin-left: 1.5%;
}

}


@media only screen and (min-width: 50px) and (max-width: 480px) {


HEADER {
	height: 200px;
	width: 100%;
}
	

.hLogo {
	width: 250px;
	text-align: center;
	float: none;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.hText {
	width: 90%;
	margin-top: 5px;
	text-align: center;
	float: none;
	display: block;
	margin-right: auto;
	margin-left: auto;
	font: bold 36px Arial, Helvetica, sans-serif;
}
.hPhone {
	width: 90%;
	margin-top: 20px;
	text-align: center;
	float: none;
	display: block;
	margin-right: auto;
	margin-left: auto;
	font-size: 24px;
}


.col4 {
	float: left;
	height: auto;
	width: 95%;
	padding-top: 3px;
	margin-bottom: 15px;
	margin-right: 1.5%;
	margin-left: 1.5%;
}
}
/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
     Screen Size 900px  Tablet
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */	

@media only screen and (min-width: 50px) and (max-width: 900px) {
	
.wrapper {
	width: 95%;
	}
	
	
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
    Header Elements  
- - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.wrapper {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	z-index: 100;
	}

 
/* ------------------------------------------------------------
   Navagation
 ----------------------------------------------------------- */
 
 NAV {
	height: 45px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(../images/bgNav.png);
 }

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

/* menu icon */
#menu-icon {
	color: #FFF;
	width: 42px;
	height: 30px;
	cursor: pointer;
	border: solid 1px #666;
	display: block;
	margin-left: 10px;
	padding: 8px 10px 0 40px;
	background: #194D92 url(../images/menubar.png) no-repeat 2px center;
	}
	
#menu-icon:hover {
	background-color: #0C5A8F;
	color: #FFF;
	}
	
#menu-icon.active { background-color: #000000; }
	
/* main Drop Down MEnu */
#nav {
	clear: both;
	position: absolute;
	top: 50px;
	width: 300px;
	z-index: 10000;
	border: solid 1px #999;
	display: none; /* visibility will be toggled with jquery */
	left: -1px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
	background: #005991;
	}
	
#nav li {
	clear: both;
	float: none;
	margin: 5px 0 5px 10px;
	list-style-type: none;
	}

/* Drop down menu buttons  */
#nav a, 
#nav ul a {
	margin-left: 5px;
	width: 90%;
	display: block;
	float: left;
	border: thin solid #000;
	margin-top: 3px;
	margin-bottom: 3px;
	color: #FFF;
	border-radius: 5px 5px 5px 5px; /* IE9, Safari 5 & Chrome */
	-webkit-border-radius: 5px 5px 5px 5px; /* Safari 3 & 4 */
	-moz-border-radius: 5px 5px 5px 5px;
	text-align: left;
	padding: 10px 10px 10px 5px;
	height: 30px;
	transition-property: background;
	transition-duration: 1.0s;
	background: #000000;
	list-style-type: none;
	}
	
#nav a:hover, 
#nav ul a:hover {
	color: #333333;
	background-color: #00CCFF;
	background-image: none;
	border-style: none;
	}   
	
	
/* dropdown */
#nav ul {
	width: auto;
	position: static;
	display: block;
	border: none;
	background: #0C5A8F;
	list-style-type: none;
	}
	
#nav ul li {
	margin: 3px 0 3px 15px;
	list-style-type: none;
	border-style: none;
	}
	

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
  Content Elements 
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.content {
	width: 100%;
	margin-right: 1%;
	margin-left: 1%;
	padding: 0px;
	float: left;
	background: #FFFFFF;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
Standard Content Elements 
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	

.colR {
	float: left;
	height: auto;
	width: 95%;
	padding-top: 3px;
	margin-bottom: 10px;
	margin-right: 1.5%;
	margin-left: 1.5%;
}

.colL {
	float: left;
	height: auto;
	width: 95%;
	padding-top: 3px;
	margin-bottom: 10px;
	margin-right: 1.5%;
	margin-left: 1.5%;
}

.col1 {
	float: left;
	height: auto;
	width: 95%;
	padding-top: 3px;
	margin-bottom: 10px;
	margin-right: 1.5%;
	margin-left: 1.5%;
}

.col2 {
	float: left;
	height: auto;
	width: 95%;
	padding-top: 3px;
	margin-bottom: 15px;
	margin-right: 1.5%;
	margin-left: 1.5%;
}

.col3 {
	float: left;
	height: auto;
	width: 95%;
	padding-top: 3px;
	margin-right: 1.5%;
	margin-left: 1.5%;
}


.col5 {
	float: left;
	height: auto;
	width: 95%;
	padding-top: 3px;
	margin-bottom: 15px;
	margin-right: 1.5%;
	margin-left: 1.5%;
}

/*    Three Coumn Text  */
.text3 {
	-moz-column-count: 1;
	-moz-column-gap: 0px;
	-webkit-column-count: 1;
	-webkit-column-gap : 0px;
	column-count: 1;
	column-gap: 0px;
	text-decoration: none;
	margin-top:0px;
	padding-top: 0px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
  Sidebar    
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.sidebarL {
	float: left;
	height: auto;
	width: 95%;
	padding-top: 3px;
	margin-bottom: 15px;
	margin-right: 1.5%;
	margin-left: 1.5%;
}

.sidebarR {
	float: left;
	height: auto;
	width: 95%;
	padding-top: 3px;
	margin-bottom: 15px;
	margin-right: 1.5%;
	margin-left: 1.5%;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
Standard Footer Elements 
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
FOOTER {
	width: 100%;
	height: auto;
	display: block;
	float: left;
}
	
.fcolL {
	float: left;
	width: 48%;
	display: block;
}

.fcolR {
	display: block;
	float: right;
	width: 48%;
	text-align: right;
	margin-right: 1.5%;
}
.fcol3 {
	float: left;
	height: auto;
	width: 95%;
	padding-top: 3px;
	margin-bottom: 10px;
	margin-right: 1.5%;
	margin-left: 1.5%;
}

.fMenu {
	font-size: 10px;
	display: block;
	width: 98%;
	text-align: center;
}
.fAddress {
	font-size: 10px;
	display: block;
	width: 98%;
	text-align: center;
}
.fCopy {
	font-size: 10px;
	display: block;
	float: left;
	width: 98%;
	text-align: left;
}
.fOMAC {
	font-size: 10px;
	display: block;
	float: right;
	width: 90%;
	text-align: right;
	margin-top: 5px;
}




}

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

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

} 
 
/* ******************************************************************** */ 
/*                      printer styles                                  */ 
/* ******************************************************************** */ 
     
 @media print{ 
/*hide the sidebar when printing*/ 
#sidebar{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}