

/* 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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	border-color:#999999;
	outline-width: thin;
	outline:0;
	
	/*font-family:'Gill Sans MT',verdana bold,arial,helvetica,sans-serif;
	text-indent: 0;*/
	
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

@font-face { font-family: 'Gill Sans MT'; src: url('../../../gill_sans_mt/gill_sans_mt.eot'); src: url('../../../gill_sans_mt/gill_sans_mt.eot?#iefix') format('embedded-opentype'), url('../../../gill_sans_mt/gill_sans_mt.svg#Gill Sans MT') format('svg'), url('../../../gill_sans_mt/gill_sans_mt.woff') format('woff'), url('../../../gill_sans_mt/gill_sans_mt.ttf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'Gill Sans MT'; src: url('../../../gill_sans_mt/gill_sans_mt_bold.eot'); src: url('../../../gill_sans_mt/gill_sans_mt_bold.eot?#iefix') format('embedded-opentype'), url('../../../gill_sans_mt/gill_sans_mt_bold.svg#Gill Sans MT Bold') format('svg'), url('../../../gill_sans_mt/gill_sans_mt_bold.woff') format('woff'), url('../../../gill_sans_mt/gill_sans_mt_bold.ttf') format('truetype'); font-weight: bold; font-style: normal;}
@font-face { font-family: 'Bembo'; src: url('../../../bembo/bembo.eot'); src: url('../../../bembo/bembo.eot?#iefix') format('embedded-opentype'), url('../../../bembo/bembo.svg#Bembo') format('svg'), url('../../../bembo/bembo.woff') format('woff'), url('../../../bembo/bembo.ttf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'Bembo'; src: url('../../../bembo/bembo_italic.eot'); src: url('../../../bembo/bembo_italic.eot?#iefix') format('embedded-opentype'), url('../../../bembo/bembo_italic.svg#Bembo Italic') format('svg'), url('../../../bembo/bembo_italic.woff') format('woff'), url('../../../bembo/bembo_italic.ttf') format('truetype'); font-weight: normal; font-style: italic;}
@font-face { font-family: 'Bembo'; src: url('../../../bembo/bembo_bold.eot'); src: url('../../../bembo/bembo_bold.eot?#iefix') format('embedded-opentype'), url('../../../bembo/bembo_bold.svg#Bembo Bold') format('svg'), url('../../../bembo/bembo_bold.woff') format('woff'), url('../../../bembo/bembo_bold.ttf') format('truetype'); font-weight: normal; font-style: bold;}
@font-face { font-family: 'Bembo'; src: url('../../../bembo/bembo_bold_italic.eot'); src: url('../../../bembo/bembo_bold_italic.eot?#iefix') format('embedded-opentype'), url('../../../bembo/bembo_bold_italic.svg#Bembo Bold Italic') format('svg'), url('../../../bembo/bembo_bold_italic.woff') format('woff'), url('../../../bembo/bembo_bold_italic.ttf') format('truetype'); font-weight: normal; font-style: bold; font-style: italic;}

@font-face { font-family: 'Trajan Pro'; src: url('../../../trajan/trajan_pro.eot'); src: url('../../../trajan/trajan_pro.eot?#iefix') format('embedded-opentype'), url('../../../trajan/trajan_pro.svg#Trajan Pro') format('svg'), url('../../../trajan/trajan_pro.woff') format('woff'), url('../../../trajan/trajan_pro.ttf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'Trajan Pro'; src: url('../../../trajan/trajan_proi.eot'); src: url('../../../trajan/trajan_proi.eot?#iefix') format('embedded-opentype'), url('../../../trajan/trajan_proi.svg#Trajan Pro Italic') format('svg'), url('../../../trajan/trajan_proi.woff') format('woff'), url('../../../trajan/trajan_proi.ttf') format('truetype'); font-weight: 700; font-style: italic;}


BODY, bodytext {
	 FONT-FAMILY: 'Gill Sans MT', Arial, Helvetica, sans-serif; FONT-SIZE:16px; TEXT-DECORATION: none; Font-Weight: 80;line-height: 1.5rem;background-color:#ffcc66;padding:0.1rem; width: 100%; max-width: 100%; }

a:link {text-decoration:none;font-weight:500;color:#88082B}
a:visited {text-decoration:none;font-weight:500;color:#5C0064}
a:hover {text-decoration:underline;font-weight:500;}

a:link.menu {text-decoration:none; color:#000000;  font-weight:500; }
a:visited.menu {text-decoration:none; color:#000000;font-weight:500; }
a:hover.menu  {text-decoration:underline; color:#000000;   font-weight:500;}

a:link.button3 {text-decoration:none; color:#000000;  font-weight:500; }
a:visited.button3 {text-decoration:none; color:#000000; font-weight:500; }
a:hover.button3  {text-decoration:underline; color:#000000;  font-weight:500;}

$mobile: 600px; // Screen min
$desktop: 1200px; // Screen max
$font-min: 20px; 
$font-max: 40px;
$screen-diff: ($desktop / 1px - $mobile / 1px);
$font-diff: ($font-max / 1px - $font-min / 1px);

h1 {
  // Mobile
  @media (max-width: 599px) {
    font-size: $font-min;
  }
  
  // Everything in between mobile (600px) to desktop (1200px)
  @media (min-width: 600px) and (max-width: 1200px) {
    font-size: calc(#{$font-min} + (100vw - #{$mobile}) / #{$screen-diff} * #{$font-diff});
  }

  // Desktop
  @media (min-width: 1201px) {
    font-size: $font-max;
  }
}

/* 240px 15 em small phone */
@media only screen and (min-width: 1 rem) { 
body{font-size:10px;}

}

/* 240px 15 em small phone */
@media only screen and (min-width: 15.063rem) { 
body{font-size:13px;}

}

/* 320px 20.063em phone portrait for larger phones - when would I use this? */
@media only screen and (min-width: 20rem) { 
body{font-size:16px;}

}
/* 481px 30.063em - Phone landscape */
@media only screen and (min-width: 30.063rem) { 
body{font-size:15px;}

}
/* 530px 33.125em - small tablet portrait/Kindle */	
@media only screen and (min-width: 33.125rem) { 
body{font-size:16px;}	
}
/* 530px 33.125em - small tablet portrait/Kindle */	
@media only screen and (min-width: 37.5rem) { 
body{font-size:18px;}	
}

.rTable    { display: table; width: 100%; max-width:100%;box-sizing: border-box;}
.rTableRow       { display: table-row; }
.rTableHeading    { display: table-header-group; }
.rTableBody    { display: table-row-group; }
.rTableFoot    { display: table-footer-group; }
.rTableCell, .rTableHead  { display: table-cell; padding: 2px; vertical-align: middle;  }

.header, h2 {font-family: 'Bembo', 'Times New Roman', Times,serif; font-size:120%;text-align:left; color: #000000; font-weight: 800; line-height: 120%;}
.largeheader, h1 {font-family: 'Trajan Pro', 'Times New Roman', Times,serif;font-size:130%;text-align:left; font-weight: 800; color: #000000; line-height: 160%;text-transform: uppercase; padding-top:"8%";}

.justified {text-align: justify; text-justify: inter-word; width: "100%";}

.small { font-size: 0.6rem; font-weight: normal; COLOR: #000000;}
.linkinpage         { color: #FFC753; font-style: italic; font-weight: 500 }
.articledescription {font-size: 100%; padding-top:0.5rem; padding-bottom:0.5rem; color: #000000; }
.articleauthor {font-size:110%;font-family: 'Bembo', 'Times New Roman', Times,serif; color: #000000; padding-top:0.5rem;  padding-bottom: 0;font-weight: bold; }
.articletitle {font-family: 'Bembo', 'Times New Roman', Times,serif;  font-style: italic; font-weight: bold; padding-bottom:-6; color: #000000;}


.waybold {font-family: 'Bembo', 'Times New Roman', 'Times',serif; text-align:left; color: #000000; font-weight: bold; font-style: italic;}
.waybold a {font-family: 'Bembo', 'Times New Roman', 'Times',serif; text-align:left; font-weight: bold; font-style: italic;}
.wayitalic {font-family: 'Bembo', 'Times New Roman', 'Times',serif; text-align:left; color: #000000; font-weight: bold; font-style:normal;}
.border {border-left:2px solid #cccccc;border-right:2px solid #cccccc;}



.submit-button { cursor: pointer; }

input[type=text] {font-family: 'Gill Sans MT', arial, helvetica, sans-serif; 
	/*--font-size:12px;--*/ 
	padding-left:0.125rem;
	display:inline-block;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	height:2rem;
	line-height:2rem;
	background-color: #FFFFFF;
	outline: 0;
	}
select {font-family: 'Gill Sans MT', arial, helvetica, sans-serif; 
	padding-left:0.125rem;
	display:inline-block;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width:100%;
	max-width: 100%;
	height:2rem;
	line-height:2rem;
	
}

td {display: table-cell;
    vertical-align: middle;
	padding:0.1rem;
	}

.info {font-size:0.9rem;font-family: 'Gill Sans MT', arial, helvetica, sans-serif; text-align:left;line-height:120%;}
.button1 {width:90px;height:25px;border: 0.125rem outset 384faa;  background-color:384faa; font-family:'Gill Sans MT',verdana bold,arial,helvetica,sans-serif;font-size:0.7rem;text-align:center;background-image: url("../../../button2.gif");cursor: pointer; vertical-align:center;}
.button2 {
	background:url("../../../button2.gif"); 
	background-repeat: no-repeat;
	cursor: pointer;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display:inline-block;
	width:100%;
	max-width:100%;
	border: 0.125rem outset 384faa; 
	color:#000000; 
	font-family:'Gill Sans MT',verdana bold,arial,helvetica,sans-serif;
	text-align:center;
	background-color:384faa; 
	line-height:120%;
	box-sizing: border-box;
	display: inline-block;
	padding:0.6rem 0;
	font-size:1.2rem;
	}

.submit-button { cursor: pointer; }

#fullheight{height:100%}

textarea{width:100%;
	resize:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left:0.125rem;
	display:inline-block;
	line-height:300%;
}

.shadow {
	position:relative;
	float:left;
	max-width:35%;
	margin-left:0.3rem;
	margin-right:10px;
	margin-top:0.3rem;
	margin-bottom:0.3rem;
	padding-right: 3%;
	padding-bottom: 3%;
  /*--box-shadow: 0.25em 0.25em 0.125em #643;
  -webkit-box-shadow: 0.25em 0.25em 0.125em #643;
  -moz-box-shadow: 0.25em 0.25em 0.125em #643;
--*/}

.shadowsmall {
	position:relative;
	float:left;
	max-width:60%;
	margin-left:0.3rem;
	margin-right:0.625rem;
	margin-top:0.3rem;
	margin-bottom:0.3rem;
  /*--box-shadow: 0.25em 0.25em 0.125em #643;
  -webkit-box-shadow: 0.25em 0.25em 0.125em #643;
  -moz-box-shadow: 0.25em 0.25em 0.125em #643;
--*/}

p {
	background-image:url('cleardot.gif');
	padding:0.6rem 0;
}



ol, ul {
	list-style: none;
	
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Additions */
a{text-decoration:none;}
.txt-rt{text-align:right;}
.txt-lt{text-align:left;}
.txt-center{text-align:center;}
.float-rt{float:right;}
.float-lt{float:left;}
.clear{clear:both;}
.pos-relative{position:relative;}
.pos-absolute{position:absolute;}
.display-block{display:block;}
/*--------reset--------*/

.header{
	margin:0 0 0 0;

}
.wrap{
	width:100%;
	margin:0 auto;
}
.logo{
	
	
	background-color:6a65ad;
}
.logo a{
	/*--font-size:20.25em;--*/
	text-transform:uppercase;
	width:100%;
	max-width:100%;
}
/*--nav--*/
.nav{
	width:100%;
	max-width:100%;
	
	
}
.nav ul{
	padding-left:0px;
	max-width:100%;
	display:table;
    width:100%;
	min-width:100%;
	
	

}
.nav li {
	text-align:center;
	color:#000000; 
	font-family:'Gill Sans MT',verdana bold,arial,helvetica,sans-serif;
	background-image: url("../../../button2.gif"); 
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	cursor: pointer;
	display:inline-block;
	display:table-cell;
	padding-left:0.05em;
	padding-right:0.05em;
	width:20%;
	
	
	
}

.nav li a{font-size:80%;text-decoration:none; color:#000000;  font-weight:500;}
.nav li a:hover{font-size:80%;text-decoration:underline; color:#000000;  font-weight:500;}
.content{
	margin:0 auto;
}


/*--boxes--*/
.b-box{
	max-width:100%;
	width:100%;
	padding-bottom:1em;

}
.b-box h1{
	margin:0.3em;
	padding:0.3em 0;
	/*--font-size:10.25em;--*/
	border-bottom:1px solid #ddd;
}
.b-box p,
.b-box span,
.b-box td,{
	margin:0 auto;
	line-height:1.5rem;
	padding:0.2rem 0.2rem 0.2rem 0px;
	/*--font-size:11px;--*/
.b-box ul,li{
	/*--font-size:10px;--*/
	
}

