/*
 * template.css -- template styles
 * Created on : Jun 2, 2015, 7:40:36 AM
 * Author     : Thomas Kirby
 */

@charset "utf-8";

/* template fonts */

@import url('/css/fonts.css');

/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	/*vertical-align: middle;*/
	}

body {
	font-family: verdana,helvetica,arial,sans-serif;
	/*font-family: Eurostar;*/
	font-size: 16px;
	color: #333333;
	margin-top: 66px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.pageWrapper {
	display: block;
	padding: 8px 8px 8px 8px;
	margin: 0px 0px 0px 0px;
	box-sizing: border-box;
	xz-index: 1030;
	text-align: left;
	vertical-align: top;
	border: 1px solid red;
}

.outerWrapper.container-fluid {
	margin-top: 0;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 8px;
	border: 1px solid #ccc;
}

/* used by footer */
footer .container {
	xwidth: 1200px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	/*text-align:center;*/
	border: 1px solid #ccc;
}

.pageHeader {
	min-height: 65px;
	background-color:#042562;
	padding:8px;
	text-align: center;
	xborder: 1px solid red;
}
	
.pageTitle {
	font-size:18px;
	font-weight:bold;
	line-height:18px;
	color:#333333;
	text-align:left;
	margin-top: 8px;
	margin-bottom:8px;
	}

.pageTitle.center {
	text-align:center;
	}

.pageSubTitle {
	font-size: 15px;
	font-weight:bold;
	color:#666333;
	margin-top:2px;
	margin-bottom:12px;
	text-align: left;
	}

.pageSubTitle:before {
	content: "\25B6"; /* BLACK RIGHT-POINTING TRIANGLE */
	margin-right: 3px;
	color: #b8b8b8;
	}

.pageSubTitle.center {
	text-align:center;
	}

.pageTitle2 {
	font-size: 18px;
	font-weight:bold;
	color:#993333;
	text-align:left;
	margin-top: 6px;
	margin-bottom: 6px;
	}

.pageTitle2.center {
	text-align:center;
	}

.pageSubTitle2 {
	font-size: 14px;
	font-weight:bold;
	color:#993333;
	text-align:left;
	margin-top:0px;
	margin-bottom:6px;
	}

/* ========================================================================== */


/* ========================================================================== */
	
/* message_box */

.message_box {
	font-weight: normal;
	color:#000;
	
	vertical-align: top;
	min-width: 120px;
	padding: 0;
	margin: 0;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}

.message_box_image {
	padding: 4px;
	/*border: 1px solid blueviolet;*/
}

.message_box_content {
	font-size: 1em;
	padding: 4px;
	text-align: left;
	/*border: 1px solid blueviolet;*/
}

.message_box_title  {
	font-weight: bold;
	line-height: 1.25em;
	margin: -3px -3px 0px 0px;
	/*border: 1px solid black;*/
	padding-bottom: 6px;
	border-bottom: 1px dotted black;
}

.message_box_text {
	font-weight: normal;
	line-height: 1.1em;
	margin: 4px -3px 0px 0px;
	/*border: 1px solid black;*/	
}

/* zzz */

/* ========================================================================== */

.header_menu_button {
	/*font-family: FUTURABC;*/
	color:white;
	background-color: #183B77;	/* dark blue */
	display: inline-block;
	width: 123px;
	padding: 4px;
	padding-bottom:5px;
	margin-top: 0px;
	margin-right: 4px;
	border: 1px solid #888888;

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	}

.header_menu_button:hover {
	background-color:#2965CC;
	font-weight:bold;
	}

.header_menu_button.Selected {
	background-color:#0f0f0f;
	border:1px solid #888888;
	}

/* ========================================================================== */
/* custom buttons				*/
	
/* This imageless css button was generated by CSSButtonGenerator.com */
/* bbb zred*/

.custom_button {
	display: inline-block;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-indent: 0;
	text-align: center;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	padding: 2px 12px 4px 12px;
	margin: 1px;
	cursor: pointer;
	vertical-align: top;
	/* Set inline-block in ie 6/7 */
	*zoom:1;
	*display:inline;
	}

/* red */

.custom_button.red {
	color: #ffffff;
	text-shadow: 1px 1px 1px #660000;
	border: 1px solid #d83526;
	xborder: 1px solid #ce0100;	/* from small version */
	box-shadow:inset 0 1px 0 0 #f29c93;
	-moz-box-shadow:inset 0 1px 0 0 #f29c93;
	-webkit-box-shadow:inset 0 1px 0 0 #f29c93;
	background-color:#ff0000;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff0000), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #ff0000 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ce0100');
	}

.custom_button.red:hover:enabled {
	background-color:#ce0100;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #ff0000) );
	background:-moz-linear-gradient( center top, #ce0100 5%, #ff0000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#ff0000');
	}

/* green */

.custom_button.green {
	color: #ffffff;
	text-shadow: 1px 1px 1px #006600;
	border: 1px solid #009900;
	xborder: 1px solid #00AA00;	/* from small version */
	box-shadow:inset 0 1px 0 0 #9BFF9B;
	-moz-box-shadow:inset 0 1px 0 0 #9BFF9B;
	-webkit-box-shadow:inset 0 1px 0 0 #9BFF9B;
	background-color:#A7FF33;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #A7FF33), color-stop(1, #00AA00) );
	background:-moz-linear-gradient( center top, #A7FF33 5%, #00AA00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A7FF33', endColorstr='#00AA00');
	}

.custom_button.green:hover:enabled {
	background-color:#00AA00;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00AA00), color-stop(1, #A7FF33) );
	background:-moz-linear-gradient( center top, #00AA00 5%, #A7FF33 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00AA00', endColorstr='#A7FF33');
	}

/* blue */
.custom_button.blue {
	color: #ffffff;
	text-shadow: 1px 1px 1px #000066;
	border: 1px solid #337fed;
	box-shadow:inset 0 1px 0 0 #97c4fe;
	-moz-box-shadow:inset 0 1px 0 0 #97c4fe;
	-webkit-box-shadow:inset 0 1px 0 0 #97c4fe;
	background-color:#3d94f6;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	}

.custom_button.blue:hover:enabled {
	background-color:#1e62d0;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	}

.newbluebutton {
	background-color: #ccccff;
	border-top: #E5E5FF 1px solid;
	border-left: #E5E5FF 1px solid;
	border-bottom: #6666FF 1px solid;
	border-right: #6666FF 1px solid;
	}

/* yellow */

.custom_button.yellow {
	text-shadow: 1px 1px 1px #cd8a15;
	border: 1px solid #eda933;
	box-shadow:inset 0 1px 0 0 #fed897;
	-moz-box-shadow:inset 0 1px 0 0 #fed897;
	-webkit-box-shadow:inset 0 1px 0 0 #fed897;
	background-color:#f6b33d;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6b33d), color-stop(1, #d29105) );
	background:-moz-linear-gradient( center top, #f6b33d 5%, #d29105 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b33d', endColorstr='#d29105');
	}

.custom_button.yellow:hover:enabled {
	background-color:#d29105;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d29105), color-stop(1, #f6b33d) );
	background:-moz-linear-gradient( center top, #d29105 5%, #f6b33d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d29105', endColorstr='#f6b33d');
	background-color:#ff0000;
	}

/* small */
.custom_button.small {
	font-size: 11px;
	}

/* medium */
.custom_button.medium {
	font-size: 13px;
	padding: 1px 8px 3px 8px;
	}
	
/* large */
.custom_button.large {
	font-size: 17px;
	}
	
/* xlarge */
.custom_button.xlarge {
	font-size: 22px;
	padding: 3px 20px 4px;
	}
	
.custom_button:active:enabled {
	position: relative;
	top:1px;
	}

/* disabled buttons */
.custom_button:disabled {
	color:#666666;
	text-shadow:none;
	border:1px solid #999999;
	background-color:#f0f0f0;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.5, #f0f0f0), color-stop(1, #cccccc) );
	background:-moz-linear-gradient( center top, #f0f0f0 5%, #cccccc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#cccccc');
	}

.custom_button.hidden { display:none; }
	
/* space between buttons in a group */
.custom_button:not(:last-child) { margin-right:12px; }

/* custom_button widths */
.custom_button.w40 { width:40px; }
.custom_button.w60 { width:60px; }
.custom_button.w80 { width:80px; }
.custom_button.w100 { width:100px; }
.custom_button.w120 { width:120px; }
.custom_button.w130 { width:130px; }
.custom_button.w140 { width:140px; }
.custom_button.w160 { width:160px; }
.custom_button.w180 { width:180px; }
.custom_button.w200 { width:200px; }
.custom_button.wfit { width:100%; }

.custom_button.nowrap { white-space: nowrap; }

.custom_button.small a			{ text-decoration:none;      color:red; }
.custom_button.small a:link		{ text-decoration:underline; color:blue; }
.custom_button.small a:active	{ text-decoration:underline; color:blue; }
.custom_button.small a:visited	{ text-decoration:underline; color:blue; }
.custom_button.small a:hover	{ text-decoration:underline; color:blue; }


.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }

	
/* ========================================================================== */
/* zzz */

/*-----------------------------*/

.NavLeftWrapper {
	width:100%;
	box-sizing: border-box;
	padding:0;
	overflow: hidden;
/*
	border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;

	border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;

	border-bottom-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;

	border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
*/
	}

.NavLeftMenu {
	float:left;
	width:200px;
	box-sizing: border-box;
	background-color:#ffffff;
	padding:4px;

	/*border:1px solid blue;*/
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	}

.NavLeftContent {
	height: 100%;
	background-color:#fff;
	text-align:left;
	vertical-align:top;
	padding: 8px;
	margin-left:204px;	

	/*border:1px solid blue;*/
/*
	border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;

	border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;

	border-bottom-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;

	border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
*/
	}

/* leftnav */

.textmenu {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
	background-color: #ffffff;
	}

.textmenu td.spacer { 
	height: 0;
	}

.textmenu th { 
	font-size: 16px;
	font-weight:bold;
	text-decoration: none;
	text-align:left;
	vertical-align:top;
	/*padding:3px 4px 3px 4px;*/
	line-height:32px;
	padding-left:4px;
	}

.textmenu div.marker {
	height: 14px;
	width: 14px;
	line-height: 14px;
	margin-right: 3px;
	display: inline-block;
	}

.textmenu td a {
	font-size: 15px;
	font-weight:400;
	text-decoration: none;
	/*padding:3px 4px 3px 4px;*/
	line-height:24px;
	}

.textmenu td a:link,
.textmenu td a:active,
.textmenu td a:visited	{ color: black; text-decoration: none }
.textmenu td a:hover	{ color: red; text-decoration: underline; }

	
/*-----------------------------*/

.SectionOne, .SectionTwo {
	/*background-color:red;*/
	padding: 12px 4px;
	margin: 2px 0;
	text-align: center;
	border:1px solid #ccc;
	}

.SectionOne {
	background-color:#f8f8f8;
	}

.SectionTwo {
	background-color:#e0e0e0;
	}

div.articles {
	display: inline-block;
	font-size: 8px;
	text-align: left;
	vertical-align: top;
	background-color: #fff;
	padding: 2px;
	margin: 0;
	/*height: 185px;*/
	width: 100%;
	box-sizing: border-box;
	border:1px solid #ccc;
	overflow: auto;
	}

.FeaturedBox {
	display: inline-block;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	background-color: #f0f0f0;
	background-color: #ffffff;
	padding:8px;
	margin:4px 14px;
	xmargin:14px;
	width: 30%;
	xwidth: 300px;
	height: 250px;
	position:relative;
	border:1px solid #ccc;
	xborder:1px solid #333;
	overflow: hidden;
}

.FeaturedBox h1 {
	font-size: 15px;
	font-weight: bold;
	color: #000;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 6px;
	text-align: center;
	}

.FeaturedBox h2 {
	font-size: 13px;
	font-weight: bold;
	color: #666;
	padding-top:0;
	margin-top:0;
	text-align: left;
	}

.FeaturedBox p {
	font-size: 13px;
	font-weight:normal;
	color:#333333;
	text-align: left;
	}

.bottombutton {
	width:100%;
	box-sizing:border-box;
	text-align:center;
	position:absolute;
	bottom:4px;
	margin-left:-8px;
	margin-bottom:4px;
}

.bottombutton img {
	cursor: pointer;
	border: 1px solid black;
}

.ParagraphIndent {
	text-indent: 1.5em;
}

/* hover over button image */
a:hover img.btn-hover {
	border-color: #1077bc;
	opacity: 0.8;
	}


ul.redball {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	}

ul.redball li {
	background: url(/images/bullet_ball_red_16.png) left center no-repeat;
	padding-left: 21px;
	margin-bottom: 10px;
	}

/* indented dot list */

UL.dotlist {
	padding: 0 0 0 4px;
	margin:8px 8px 8px 8px;
	}

UL.dotlist LI {
	list-style-image: url("/images/gdot.gif");
	font-weight:normal;
	line-height:16px;
	padding: 0 0 4px 0;
	margin: 0 0 0 12px;
	text-indent: -2px;
	}

/* indented dot list */

UL.gdotlist {
	font-weight:normal;
	list-style-image: url("/images/gdot10.gif");
	padding: 0 0 0 4px;
	margin:6px 8px 8px 2px;
	}

UL.rdotlist {
	font-weight:normal;
	list-style-image: url("/images/rdot10.gif");
	padding: 0 0 0 4px;
	margin:6px 8px 8px 8px;
	}

UL.gdotlist LI, UL.rdotlist LI {
	line-height:16px;
	margin: 0 0 0 8px;
	text-indent: -2px;
	}


xUL.small {
	font-size : 11px;
	font-weight: normal;
	color : black;
	margin-left: 20px;
	margin-right: 8px;
	margin-top: 4px;
	margin-bottom: 8px;
	}

xUL.medium {
	position:relative;
	font-size: 13px;
	font-weight: normal;
	color : black;
	margin-left: 20px;
	margin-right: 8px;
	margin-top: 4px;
	margin-bottom: 8px;
	}
	

/*-----------------------------------------------------------------------------*/
/* Extra small devices (phones, less than 768px)                               */
/* No media query since this is the default                                    */
/*-----------------------------------------------------------------------------*/

.logo-wrapper {
	display:block;
	width:100%;
	height:46px;
	margin:0;
	padding:0;
	text-align:center;
	/*border:1px solid yellow;*/
	}

.logo-wrapper img {
	margin:0; 
	min-height:40px; 
	max-height:46px;
	}

/*-----------------------------------------------------------------------------*/
/* Small devices (tablets, 768px and up)                                       */
/*-----------------------------------------------------------------------------*/

@media (min-width: 768px) {

.logo-wrapper {
	position:absolute;
	width:40%;
	height:46px;
	margin:0;
	padding:0;
	/*border:1px solid yellow;*/
	text-align:left;
	}

}

/*-----------------------------------------------------------------------------*/
/* Medium devices (desktops, 992px and up)                                     */
/*-----------------------------------------------------------------------------*/

@media (min-width: 992px) {

}


/*-----------------------------------------------------------------------------*/
/* Large devices (large desktops, 1200px and up)                               */
/*-----------------------------------------------------------------------------*/

@media (min-width: 1200px) {

}
