body {
  margin: 0;
  padding: 0;
  /* background: #f2f2f2; */
  background: #edfffe;
  width: 100%;
  max-width: 1024px;
  min-width: 360px;
  font: 14px arial,helvetica,sans-serif;
}

.Global {
  width: auto;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.Content {
  /* background:  #f2f2f2; */
  background:  #edfffe;
  color: inherit;
}

p {
  margin-top: 0.6em;
  margin-bottom: 0.6em;
}

header {
  width: 100%;
  height: 138px;
  background: url("/logo/HeaderBackgroundc.png") repeat;
  position: relative;
  margin: auto;
}

header.nonav { height: 88px; }
header.nobg { background: none; }
header.lightbg { background: #def; }

#topmiddle {
/*
  margin: auto;
  height: 65px;
  padding: 1px auto; 
*/
  height: 68px;
  min-width: 65%;
  margin-left: 140px;
  padding: 1px auto; 
  /* border: 1px solid #93AD21; */
  display: inline-block;
}

#logo {
  width: 150px;
  /*border: 1px solid #73AD21;*/ 
  text-align: left;
  vertical-align: top;
  position: absolute;
  left: 1px;
  top: 1px;
}
div .trwrapper {
  display: inline-block;
  margin: 0;
  position: absolute;
  right: 5px;
  top: 5px;
}
#topright {
  /*border: 1px solid #73AD21; */
  width: 155px;
  height: 68px;
  display: table-cell;
  text-align: right;
  vertical-align: bottom;
  font-size: 12px; 
  line-height: 1.5; 
  /*color: #136 */
  color: #2e2e2e
}


h2 {
  color: #3e3e3e; 
  font-family: arial,helvetica,sans-serif; 
  font-weight: bold;
  font-size: 20px; 
  line-height: 1.3; 
  text-align: center;
}

h4 {
  font-family: arial,helvetica,sans-serif; 
  font-weight: bold;
  text-align: center;
}

.ynp_title_blue { color: #205090; font-style: italic; }
.ynp_title_red { color: #aa6622; font-style: italic; }
.ynp_blue { color: #3333ff; }
.ynp_red { color: #ff1111; }
.ynp_grey { color: #555; }
.boldred { color: #ff1111; font-weight: bold; }
.question { color: #3333bb; font-weight: bold; }
.ynp_gold { color: #996600; }
.ynp_bold { font-weight: bold }
.dark05 { color: #051515; }

.activated { color: #111; }
.inactivated { color: #888; }

#topnav {
  margin: 1px auto;
  padding: 0px 15px; 
  position: relative;
  z-index: 100;
}

nav ul ul {
	display: none;
}

nav ul li:hover > ul {
	display: block;
}

nav ul {
	background: #66ccff; 
	background: linear-gradient(top, #66ccff 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #66ccff 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #66ccff 0%,#bbbbbb 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	/* padding: 0 auto; */
	padding: 0 5px;
	border-radius: 5px;  
	list-style: none;
	position: absolute; 
	/* display: inline-block; */
        font-size: 16px;
}
nav ul:after {
	content: ""; clear: both; display: block;
}


nav ul li {
	float: left;
	/*display: inline;*/
}
nav ul li:hover {
	background: #3173be;
	background: linear-gradient(top, #3173be 0%, #5684b9 40%);
	background: -moz-linear-gradient(top, #3173be 0%, #5684b9 40%);
	background: -webkit-linear-gradient(top, #3173be 0%,#5684b9 40%);
}
nav ul li:hover a {
	color: #fff;
}
	
nav ul li a {
	display: block; padding: 8px 40px;
	color: #757575; text-decoration: none;
}

nav ul ul {
	/* background: #215187; border-radius: 0px; padding: 0;*/
	background: #5684b9; border-radius: 0px; padding: 0;
	position: absolute; top: 90%;
}
nav ul ul li {
	float: none; 
	border-top: 1px solid #6b727c;
	border-bottom: 1px solid #575f6a;
	position: relative;
}
nav ul ul li a {
	padding: 10px 40px;
	color: #fff;
}	
nav ul ul li a:hover {
	background: #486D8C;
}

nav ul ul ul {
	position: absolute; left: 100%; top:0;
}

div .bodywrapper {
  width: 100%;
  display: inline-block;
  height: auto;
  /*float:left;*/
  margin: 0;
}

#bodycontent a:link, #sidecontent a:link {background: none; color: #0066dd; text-decoration: none;}
#bodycontent a:visited, #sidecontent a:visited  {background: none; color: #03e; text-decoration: none;}
#bodycontent a:hover, #sidecontent a:hover  {background: none; color: #1199cc; text-decoration: underline;}
#bodycontent a:active, #sidecontent a:active  { background: none; color: #ffffff; background: underline;}

#topright a:link, 
#topright a:visited, 
#topright a:active {background: none; color: #001122; text-decoration: none;}
#topright a:hover {background: none; color: #ffffff; text-decoration: none;}

#bodycontent {
  width: 79%;
  display: inline-block;
  /*border: 1px solid #73AD21; */
  text-align: left;
  vertical-align: top;
  position: relative;
  z-index: 0;
}

#bodycontent article {
  padding: 1px 5px;
  /*border: 1px solid #73AD21; */
}

#bodycontent h2 {
  color: #222; 
  font-family: arial,helvetica,sans-serif; 
  font-weight: bold;
  font-size: 20px; 
  line-height: 1.0; 
  text-align: center;
  margin: 1px;
  padding: 10px 1px 1px 1px;
  /*border: 1px solid #73AD21;*/
}

#bodycontent h3 {
  /*color: #248; 
  background: #8df;
  */
  color: #850;
  /* background: #baf3fa; */
  /* background: #99e8f8; */
  background: #88ffdd;
  padding: 8px;
  font-family: arial,helvetica,sans-serif; 
  font-weight: bold;
  font-size: 15px; 
  /*border: 1px solid #73AD21; */
  margin-top: 0.6em;
  margin-bottom: 0.6em;
}
#bodycontent h4 {
  color: #520;
  font-size: 14px; 
  text-align: left;
  padding-left: 5px;
  margin-top: 0.6em;
  margin-bottom: 0.6em;
}

#bodycontent h4.sample {
  color: #155;
  font-size: 14px; 
  text-align: center;
}

#bodycontent p {
  padding: 1px 0px;
  margin-top: 0.6em;
  margin-bottom: 0.6em;
}
#sidecontent ol, #sidecontent ul,
#bodycontent ol, #bodycontent ul {
  margin-top: 0.6em;
  margin-bottom: 0.6em;
}
#bodycontent li {
  padding-top: 3px;
  padding-bottom: 2px;
}

#pagenav {
  padding: 5px;
  color: #757575;
  text-decoration: none;
  font-size: 12px;
}
#pagenav a { color: #757575; text-decoration: none}
#pagenav a:hover {background: none; color: #b5b5b5; }

#gbeng {
  position: absolute;
  right: 42px;
  top: 5px;
}

#gplus {
  position: absolute;
  right: 2px;
  top: 2px;
}

#modified, #created {
  padding: 5px;
  color: #757575;
  text-decoration: none;
  font-size: 12px;
  text-align: right;
}

input.button {
  padding: 6px 30px;
  color: #222;
  background: #2e9;
  border-radius: 8px;
  text-decoration: none;
  font-weight: bold;
  font-size: 15px; 
  text-align: center;
}

.orderbutton {
  padding: 6px 50px;
  color: #222;
  background: #ae9;
  border-radius: 6px;
  text-decoration: none;
  font-weight: bold;
  font-size: 15px; 
  text-align: center;
  white-space: nowrap;
}
button.small {
  padding: 2px 10px;
  text-decoration: none;
  font-size: 10px; 
  text-align: center;
}

#bodycontent figure { 
  position: relative; 
  display: inline-block; 
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  width: 100%;
  height: auto;
}
#bodycontent figure figcaption { 
  padding-left: 5px;
  padding-top: 8px;
  font-size: 12px; 
}

#bodycontent table { border: 1px solid #edfffe; width: 99%; font-size: 10pt; background: #edfffe; margin-bottom: 5px; }
/*
 #bodycontent table { border: 1px solid #ffaa33; width: 99%; font-size: 10pt; background: #edfffe; margin-bottom: 5px; }
 */
#bodycontent table tr { background-color: #edfffe;}
#bodycontent table tr.eaeaff { background-color: #eaeaff;}
#bodycontent table tr.e8e8ff { background-color: #e8e8ff;}
#bodycontent table tr.ddeeff { background-color: #ddeeff;}
#bodycontent table tr.heading { background-color: #e8e8ff; text-align: center; }
#bodycontent table th { padding: 5px }
#bodycontent table td { padding: 5px }

#apply table, #bodycontent table.noborder { border-collapse: collapse; border: 0; }

#bodycontent table.tmn { border: 1px solid #ffddaa; }
#bodycontent table td.tmn { background-color: #e8e8ff; padding-right: 5px; }


#sidecontent {
  display: inline-block;
  /* display: table-cell; */
  width: 20%;
  float: right;
  background: #c8f8f8;
  /* border: 1px solid #73AD21; */
  /*background: #73AD21; */
  font: 13px arial,helvetica,sans-serif;
}
#sidecontent div {
  padding: 5px;
  /*height: 50px;*/
}

#sidenav ul {
  list-style-type: square;
  padding-left: 10px;
  color: #775;
}

#sidenav a:link, 
#sidenav a:visited {background: none; color: #4f4f4f; text-decoration: none;}
#sidenav a:hover {background: none; color: #1199cc; text-decoration: underline;}
#sidenav a:active { background: none; color: #ffffff; background: underline;}

.ibox { 
  background: #def;
  margin: 10px;
  padding: 5px;
}

.samplebox, .warnbox { 
  background: #ffddaa;
  margin: 10px;
  padding: 5px;
}
.plainbox { 
  background: #fffffe;
  margin: 10px;
  padding: 5px;
}
.warn { color: #ff0000; }
.em90 { font-size: 0.9em }
.em80 { font-size: 0.8em }
.em70 { font-size: 0.7em }

span.nobr { white-space: nowrap; }

img {
    max-width: 100%;
    height: auto;
}

ul.nobullet {
  list-style: none;
}

footer {
  width: 100%;
  background:  #e2f2f2;
  color: inherit;
  font: 14px arial,sans-serif;
}

.fbox {
    display: inline-block;
    width: 180px;
    margin: 10px 6px;
    border: 1px solid #73AD21; 
    text-align: left;
    vertical-align: top;
}

footer div ul {
  list-style-type: none;
  padding-left: 15px;
}

footer div li {
  padding: 4px 0px 0px 0px;
}

footer div a:link,
footer div a:visited {background: none; color: #8f8f8f; text-decoration: none;}
footer div a:hover {background: none; color: #0033cc; text-decoration: underline;}
footer div a:active { background: none; color: #ffffff; background: underline;}

#copyright
{
  background: url("/logo/FooterBackgroundc.png") repeat;
  width: 100%;
  height: 70px;
  margin: auto
  padding: 5px;
  position: relative;
}
#copyright .wrapper
{
  font-family: 'Open Sans', sans-serif;
  padding-top: 10px;
  padding-left: 5px;
  color: #3e3e3e;
  font-size: 13px;
  position: relative;
}


.hidden
{
  position: absolute;
  /* clip: rect(1px 1px 1px 1px); IE6 & 7 */
  clip: rect(1px, 1px, 1px, 1px);
}

div.memo {
  z-index:200; /* always on top*/
  padding: 3px;
  margin-left: 10px;
  margin-top: 5px;
  width: 250px;
  border: 1px solid red;
  background-color: #0fe;
  color: black;
  font-size: 0.95em;
}


/* for application form */

 .stepbar_selected { color: #ffffff; background: #66acff; font-weight: bold; font-family: arial,helvetica,sans-serif; font-size: 10.5pt; }
 .stepbar_notselected { color: #666666; background: #ddeeff; font-weight: bold; font-family: arial,helvetica,sans-serif; font-size: 10.5pt; }

#bodycontent table.summary, 
#bodycontent table.feesummary,
#bodycontent table.application
{ width: 100%; color: #000000; background: #efe; border: 1px solid #66aaff; font-family: arial, helvetica,sans-serif; font-size: 10pt; line-height: 1.1; text-decoration: none }
#bodycontent table th { text-align: center; }

#bodycontent tr.applheading { background: #ccddee; }
#bodycontent tr.applrow { background: #ddeeff; }

 .item_name { color: #000000; font-family: arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }

/* MEDIA QUERIES FOR A RESPONSIVE LAYOUT */
@media print 
{
  header { height: 80px; }
  #bodycontent { width: 100%; }
  .fbox, #topnav, #sidecontent 
  {
    display: none !important;
    /*height: 0;*/
  }
}


@media screen and (max-width: 1015px)
{
  header { height: 138px; }
  #topmiddle { padding: 1px 100px 0px 0px; }
  nav ul { font-size: 16px; }
  nav ul li a {
	display: block; padding: 8px 40px;
	color: #757575; text-decoration: none;
  }
  h2 { font-size: 20px; }
}

@media screen and (max-width: 900px)
{
  header { height: 138px; }
  #topmiddle { padding: 1px 100px 0px 0px; }
  nav ul { font-size: 16px; }
  nav ul li a {
	display: block; padding: 8px 30px;
	color: #757575; text-decoration: none;
  }
  h2 { font-size: 20px; }
}

@media screen and (max-width: 800px)
{
  header { height: 132px; }
  #topmiddle { padding: 1px 50px 0px 0px; min-width: 55%;}
  nav ul { font-size: 15px; }
  nav ul li a {
	display: block; padding: 7px 20px;
	color: #757575; text-decoration: none;
  }
  h2 { font-size: 19px; }
  #bodycontent, #sidecontent { width: 100% }
  #sidenav ul { padding-left: 25px; }
}

@media screen and (max-width: 620px)
{
  header { height: 125px; }
  #topmiddle { padding: 1px 10px 0px 20px; min-width: 60%;}
  div .trwrapper { left: 5px; top: 5px; }
  #topright {
    position: absolute;
    /* clip: rect(1px 1px 1px 1px);  IE6 & 7 */
    clip: rect(1px, 1px, 1px, 1px);
  }
  nav ul { font-size: 14px; }
  nav ul li a {
	display: block; padding: 6px 10px;
  }
  nav ul ul li a { padding: 10px 25px; }
  h2 { font-size: 17px; }
  #bodycontent h2 { font-size: 15px; }
  #bodycontent, #sidecontent { width: 100% }
  #sidenav ul { padding-left: 25px; }
  #bodycontent ul, #bodycontent ol, #bodycontent ul ol { padding-left: 20px; }
  #apply table ul, #apply table ol { padding-left: 15px; }
  #bodycontent figure { margin-left: 2px; padding-left: 1px; }
  /* #bodycontent figure img { max-width: 350px; } */
  #bodycontent article { padding: 1px 1px; }
  .samplebox, .warnbox { margin: 5px 0px; }
}

@media screen and (max-width: 460px)
{
  header { height: 125px; }
  #topmiddle { 
    min-width: 60%;
    padding: 1px 5px 0px 5px; 
  }
  div .trwrapper { left: 5px; top: 5px; }
  #topright {
    position: absolute;
    /* clip: rect(1px 1px 1px 1px);  IE6 & 7 */
    clip: rect(1px, 1px, 1px, 1px);
  }
  #topnav { padding: 0px 0px; }
  nav ul { font-size: 13px; }
  nav ul li a {
	display: block; padding: 6px 6px;
  }
  nav ul ul li a { padding: 10px 15px; }
  h2 { font-size: 15px; margin-top: 25px; }
  #bodycontent h2 { font-size: 15px; }
  #bodycontent, #sidecontent { width: 100% }
  #sidenav ul { padding-left: 20px; }
  #bodycontent ul, #bodycontent ol, #bodycontent ul ol { padding-left: 20px; }
  #apply table ul, #apply table ol { padding-left: 10px; }
  #bodycontent figure { margin-left: 2px; padding-left: 1px; }
  /* #bodycontent figure img { max-width: 350px; } */
  #bodycontent article { padding: 1px 1px; }
  .samplebox, .warnbox { margin: 5px 0px; }
  footer div ul { padding-left: 8px; }
  .fbox { width: 168px; margin: 10px 4px 10px 3px;}
  #copyright { height: 90px; }
}