/* Define your base font-size here; most elements will inherit this. _NO__DOTCOMMA__AFTER__*/
html {
	font-size: 1em; /* Assuming 16px... */
	line-height: 1.5; /* 24px (This is now our magic number; all subsequent margin-bottoms and line-heights want to be a multiple of this number in order to maintain vertical rhythm.) _NO__DOTCOMMA__AFTER__*/
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #333333;
	background-color: #ffffff;
}

input,
button,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

figure { margin: 0 }
img { vertical-align: middle }

hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #e5e5e5;
}

a {
	color: #428bca;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #2a6496;
	text-decoration: underline;
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
figure,
p,
pre { margin: 0 }
button {
	background: transparent;
	border: 0;
	padding: 0;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */
button:focus {
	outline: 1px dotted;
	outline: 5px auto -webkit-focus-ring-color;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

iframe { border: 0 }
ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/**
 * Suppress the focus outline on links that cannot be accessed via keyboard.
 * This prevents an unwanted focus outline from appearing around elements that
 * might still respond to pointer events.
 */
[tabindex="-1"]:focus { outline: none !important }

/**
 * Remove double underline from recent version of firefox
 */
abbr[title] {
	text-decoration: none;
}



.pagecell { margin:0 auto; margin-left:64px; width:980px; position:relative; clear:left; padding-top:0px; top:0; background:none; }
.headPicBack2 { height:114px; width:100%; min-width:980px; background-repeat:no-repeat; -moz-background-size: 100%; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; position:absolute; z-index:-1000; overflow:hidden; }
#logo { width:81px; height:28px; float:left; margin:7px 0px 0px 1px; position:absolute; }

.topMenu { height:93px; color:white; text-transform: uppercase; font-size:16px; font-weight:200; margin-top:6px; clear: both; float:left; background:none; text-shadow:1px 1px 3px rgba(0, 0, 0, 0.15), -1px -1px 3px rgba(0, 0, 0, 0.15), -1px 1px 3px rgba(0, 0, 0, 0.15), 1px -1px 3px rgba(0, 0, 0, 0.15); }
.topItemAct { font-family:"Segoe UI Light", "Century Gothic", Helvetica, sans-serif; line-height:1.16; background:rgba(0, 0, 0, 0.2); padding:10px 13px 10px 13px; display: table-cell; vertical-align: middle; border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); border-left:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); transition:background 300ms ease-out, border 300ms ease-out; box-shadow: 0 0 1px rgba(255,255,255,0.2); }
.topItemPas { font-family:"Segoe UI Light", "Century Gothic", Helvetica, sans-serif; line-height:1.16; background:none; padding:10px 13px 10px 13px; display: table-cell; vertical-align: middle; border-top:1px solid rgba(0,0,0,0); border-bottom:1px solid rgba(0,0,0,0); border-left:1px solid rgba(0,0,0,0); border-right:1px solid rgba(0,0,0,0); transition:background 300ms ease-out, border 300ms ease-out; }
a.topItemAct:link, a.topItemAct:visited, a.topItemPas:link, a.topItemPas:visited { color:white; }
a.topItemAct:hover, a.topItemPas:hover { background:rgba(0, 0, 0, 0.1); color:white; text-decoration:none; outline-style:none; border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); border-left:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); box-shadow: 0 0 1px rgba(255,255,255,0.2); }
a.topItemAct:focus, a.topItemPas:focus { text-decoration:none; outline-style:none; border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); border-left:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); border-color:transparent; box-shadow: 0 0 1px rgba(255,255,255,0.2); }
a.topItemAct:active, a.topItemPas:active  { text-decoration:none; outline-style:none; border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); border-left:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); box-shadow: 0 0 1px rgba(255,255,255,0.2); }

@media only screen and (max-width: 920px), only screen and (max-device-width: 920px) {
.pagecell { width:920px }
.headPicBack2 { width:920px; min-width:920px }
.topMenu { text-transform:none; }
.topItemAct { padding-left:8px; padding-right:8px; }
.topItemPas { padding-left:8px; padding-right:8px; }
}
@media only screen and (max-width: 740px), only screen and (max-device-width: 740px) {
.pagecell { width:740px }
.headPicBack2 { width:740px; min-width:740px }
.topMenu { text-transform:none; }
.topItemAct { padding-left:4px; padding-right:4px; }
.topItemPas { padding-left:4px; padding-right:4px; }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
.pagecell { margin-left:0; width:700px }
.headPicBack2 { width:700px; min-width:700px }
.headPicBack2 { height:64px }
.topMenu { padding-top:10px; text-transform:none; }
.topItemAct { padding-left:4px; padding-right:4px; }
.topItemPas { padding-left:4px; padding-right:4px; }
}
@media only screen and (max-width: 560px), only screen and (max-device-width: 560px) {
.pagecell { width:560px }
.headPicBack2 { width:560px; min-width:560px }
.topMenu { padding-top:12px; font-size:12px }
}
@media only screen and (max-width: 450px), only screen and (max-device-width: 450px) {
.pagecell { width:450px }
.headPicBack2 { width:450px; min-width:450px }
.topMenu { padding-top:13px; font-size:10px }
}
@media only screen and (max-width: 390px), only screen and (max-device-width: 390px) {
.pagecell { width:390px }
.headPicBack2 { width:390px; min-width:390px }
.topMenu { padding-top:14px; font-size:10px }
.topItemAct { padding-left:2px; padding-right:2px; }
.topItemPas { padding-left:2px; padding-right:2px; }
}
@media only screen and (max-width: 355px), only screen and (max-device-width: 355px) {
.pagecell { width:355px }
.headPicBack2 { width:355px; min-width:355px }
.topMenu { padding-top:15px; font-size:9px }
.topItemAct { padding-left:2px; padding-right:2px; }
.topItemPas { padding-left:2px; padding-right:2px; }
}
