@import url("drop-menu.css");
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);

BODY	{ SCROLLBAR-BASE-COLOR: #21423D }



a:link		{ color: #246E53; text-decoration: none; }

a:visited	{ color: #246E53; text-decoration: none; }

a:active	{ color: #666666; text-decoration: none; }

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




 /* THIS LINE CONTROLS THE FONT SIZE ON ALL PAGES */

TABLE		{ color: #666666; font: 11px geneva, verdana, arial, sans-serif; }

body.udated table	{
			color: #000000;
			font-family: "Droid Sans", arial, sans-serif;
			font-size: 14px;
			line-height: 145%;
			}

.title		{ color: #A2B7B5; font: 18px verdana, arial, sans-serif; font-weight: bold; }

.largetitle	{ font-size: 24px; font-weight: bold; color: #39504D; font-style: italic; }

.colortitle	{ color: #39504D; }

.biglink 	{ font: 12px verdana, arial, sans-serif; font-weight: bold; font-style: italic; TEXT-DECORATION: none }

.biglink:hover 	{ font: 12px verdana, arial, sans-serif; font-weight: bold; font-style: italic; TEXT-DECORATION: underline }

.just 		{ text-align: justify; }

.td-center	{ text-align: center; }

.center-div	{ margin: 0 auto; }

.smalltitle 	{ color: #A2B7B5; font: 11px verdana, arial, sans-serif; font-weight: bold; }

.careertitle	{ color: #666666; font: 14px geneva, verdana, arial, sans-serif; font-weight: bold }

.subtitle	{ color: #A2B7B5; font: 15px geneva, verdana, arial, sans-serif; font-weight: bold }

.phonetitle	{ color: #000000; font-size: 18px; font-weight: bold }

.picturecomments { color: #666666; font: 12px geneva, verdana, arial, sans-serif }

.picturehilight	{ color: #3366FF; font: 13px geneva, verdana, arial, sans-serif; font-weight: bold  }

.picturetitle 	{ color: #000000; font: 13px verdana, arial, sans-serif; font-weight: bold }

.list 		{ color: #000000; font: 12px geneva, verdana, arial, sans-serif; font-weight: normal }

.faq 		{ line-height: 19px; }

.hilite-1	{
		color: #3C5653;
		font-size: 14px;
		font-weight: bold;
		border-bottom: #CC0000 1px solid;
		}




 /* HEADER */

.graphicheader	{
		background-color:#21423D;
		padding: 3px 5px 0px 5px;
		}


 /* BANNER IMAGE */

.banarea	{
		background-image: url("picts/main-ban.jpg");
		}

.banarea2	{
		background-image: url("picts/main-ban2.jpg");
		}



 /* HOMEPAGE */

.homebox	{
		position: relative;
		max-width: 1200px;
		padding: 8px 8px 8px 8px;
		margin: 0 auto;
		}

.home-text	{
		font-family: "Droid Sans", arial, sans-serif;
		text-shadow: 2px 2px 2px #304238;
		padding: 0px 10% 0px 5%;
		position: absolute;
		top: 50px;
		left: 0px;
		text-align: center;
		}

.homeimage	{
		width: 100%;
		min-width: 750px;
		height: auto;
		margin: 5px auto 5px auto;
		border: 0px;
		}

.home-title-w	{ font-size: 30px; color: #FFFFFF; font-weight: bold; }

.home-text-w	{ font-size: 16px; color: #FFFFFF; font-weight: normal; }

.home-title	{ font-size: 28px; color: #3C5652; font-family: "Droid Sans", arial, sans-serif; font-weight: bold; }

.home-subtitle	{ font-size: 18px; color: #3C5652; font-weight: bold; font-family: "Droid Sans", arial, sans-serif; }

.home-gtext	{ color: #3C5653; }

.text-box-set	{ max-width: 1200px; }

.l-text-box	{
		text-align: left;
		padding: 0px 10px 0px 5%;
		}

.r-text-box	{
		text-align: right;
		padding: 0px 10% 0px 10px;
		}

.homelinks	{ color: #999999; font: 14px "Droid Sans", verdana, geneva, arial, sans-serif; }



 /* FOOTER */

.copyright	{ padding: 15px 0px 15px 0px; }

.copyright-text	{ color: #999999; font: 10px geneva, verdana, arial, sans-serif; }

.footface	{ margin: 2px 0px 2px 5px; }



 /* SIDEBAR OPTIONS */


a.sidelink:link		{ color: #CCFFCC; text-decoration: none; }

a.sidelink:visited	{ color: #CCFFCC; text-decoration: none; }

a.sidelink:active	{ color: #CCFFCC; text-decoration: none; }

a.sidelink:hover	{ color: #CCCC99; text-decoration: none; }

.sidebartitle	{ color: #A2B7B5; font: 15px "Droid Sans", arial, sans-serif; font-weight: 700; line-height: 145%; }

.sidebartext	{ color: #A2B7B5; font: 15px "Droid Sans", arial, sans-serif; line-height: 145%; }

.date-font	{ color: #FFFFFF; font: 10px verdana, arial, sans-serif; font-weight: bold; }

.side-facebook	{
		text-align: center;
		color: #A2B7B5; font: 12px "Droid Sans", arial, sans-serif;
		background-color: #425C59;
		border: #627B78 1px solid;
		padding: 10px 0px 10px 0px;
		margin: 0px auto 10px auto;
		max-width: 120px;
	/* CORNER ROUNDING */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
		}

.sideface	{ margin: 0px 0px 7px 5px; }


 /* END SIDEBAR OPTIONS */


.button-popups {
		background-image: url("picts/button-popup.gif");
		background-color:#21423D;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #CFCFE0;
		font-size: 8pt;
		height: 23px;
		width: 100%;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 2px;
		padding-right: 2px;
		border: #FFFFFF 0px solid; }

.buttonon-popups { 	background-image: url("picts/buttonon-popup.gif");
		background-color:#C0C0C0;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #000000;
		font-size: 8pt;
		height: 23px;
		width: 100%;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 2px;
		padding-right: 2px;
		border: #FFFFFF 0px solid }


.shadeform	{ font: 13px arial, verdana, sans-serif;
		background-image: url("picts/shadeform.gif");
		text-align: left;
		margin-top: 5px;
		WIDTH: 250PX;
		border: #000000 1px solid;
		}


.dropdown 	{
		color: #333333;
		WIDTH: 250PX;
		margin-top: 3px;
		font-size: 14px;
		}


.textarea	{ font: 13px arial, verdana, sans-serif;
		background-image: url("picts/shadeform.gif");
		text-align: left;
		margin-top: 3px;
		WIDTH: 275PX;
		height: 160px;
		border: #000000 1px solid;
		}

.submitbutton	{
		font-family: "Droid Sans", arial, sans-serif;
		font-size: 15px;
		font-weight: 400;
		padding: 10px;
		cursor: pointer;
		}


.searchform { 	WIDTH: 110PX;
		HEIGHT: 20PX;
		font: 11px arial, georgia, "Times New Roman", sans-serif;
		BORDER-BOTTOM: #000000 1px solid;
		BORDER-LEFT: #000000 1px solid;
		BORDER-RIGHT: #000000 1px solid;
		BORDER-TOP: #000000 1px solid }


.searchdrop { WIDTH: 60PX; HEIGHT: 20PX; font: 11px arial, georgia, "Times New Roman", sans-serif }


.searchbutton {	background-color:#F0F0F0;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #000000;
		font-size: 8pt;
		height: 18px;
		width: 35px;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		border: #000000 1px solid }


 /* IMAGE HOVER CODE */


.rollover 	{ background-color: #000000; }

.rolloveron 	{ background-color: #0000FF; filter:alpha(opacity=85); }





/* VIDEO PAGE (FOR RESPONSIVE VIDEO) */

.green-hl		{color: #246E53; font-weight: bold; }

.video-bottom-space	{ height: 250px; }

.videobox	 {
		 max-width: 640px;
		 margin: 0 auto;
		 padding: 0px 5px 0px 5px;
		 }

.video-container {
		 min-width: 200px;
		 padding-top: 0px;
		 padding-bottom: 56.25%;
		 margin: 8px auto 12px auto;
		 height: 0;
		 overflow: hidden;
		 position: relative;
		 z-index: 100;
		 }
 
.video-container iframe,
.video-container object,
.video-container embed {
		 width: 100%;
		 height: 378px;
		 position: absolute;
		 top: 0;
		 left: 0;
		 z-index: 100;
		 }

.Hovborder		{ border: #246E53 1px solid; vertical-align: bottom; }

a:hover .Hovborder	{ border: #FF6600 1px solid; vertical-align: bottom; }

.closeup-v	{
		color: #A2B7B5;
		font: 11px verdana, arial, sans-serif;
		font-weight: bold;
		text-align: center;
		padding-top: 5px;
		}

.small-marg	{ padding-top: 10px; }

.info-table	{
		color: #000000;
		}

.t-table	{
		width: 100%;
		border-collapse: collapse;
		}

.t-table td	{
		color: #000000;
		text-align: center;
		background-color: #D9E1D9;
		border: #FFFFFF 3px solid;
		border-collapse: collapse;
		border-spacing: 0;
		}

/* VIDEO PAGE MENU */

.menusb		{
		text-align: left;
		color: #000000;
		padding: 0px 10px 0px 30px;
		}

.menusb-title	{
		font-size: 17px;
		font-weight: bold;
		color: #FFFFFF;
		font-style: italic;
		margin: 20px 0px 4px 0px;
		padding: 5px 0px 5px 5px;
		background-color: #39504D;
		border: #246E53 0px solid;
		}

.menusb	a	{
		font-size: 14px;
		font-weight: bold;
		display: block;
		border-bottom: #FFFFFF 1px solid;
		background-color: #F0F0F0;
		padding: 2px 0px 2px 15px;
		}

.menusb a:hover	{
		background-color: #FFFFFF;
		background-color: #D9E1D9;
		}




/* FACEBOOK */

.fb-boxed	{
		text-align: center;
		position: relative;
		left: 0px;
		top: -12px;
		}




/***************
START Media Queries #1 WHEN PAGE WIDTH LESS THAN 965 IS ACTIVE (FOR TABLET)
***************/
@media handheld and (max-width: 965px),
   screen and (max-device-width: 965px),
   screen and (max-width: 965px) 
	{


.flashheader	{ display: none; }

.graphicheader	{ display: block; }


	}
/***************
END Media Queries #1
***************/





/***************
START Media Queries #2 WHEN PAGE WIDTH LESS THAN 482 IS ACTIVE (FOR TABLET)
***************/
@media handheld and (max-width: 482px),
   screen and (max-device-width: 482px),
   screen and (max-width: 482px) 
	{


.home-text-w	{ font-size: 12px; }

#menunav a	{ font-size: 20px; }

#menunav li ul a { font-size: 16px; }


	}
/***************
END Media Queries #2
***************/