body {
  background-color: #000050;
  background-image: url(../simsimages/xzysims_bg02b.png), url(../simsimages/xzysims_bg02.png);
  background-repeat: repeat-x, repeat;
  background-position: top center, top center;
  color: #ffffff;
  font-family: "Comic Sans MS", "Chalkboard SE", "Courier New", "Lucida Console", Courier, FreeMono, monofur, Director, "Nimbus Mono PS", "Noto Sans Mono", monospace;
  font-size:  16px;
} 

p {
font-family: "Comic Sans MS", "Chalkboard SE", "Courier New", "Lucida Console", Courier, FreeMono, monofur, Director, "Nimbus Mono PS", "Noto Sans Mono", monospace;
color: #ffffff;
font-size:  16px;
display: inline;
}

p.hd1 {
font-family: "Comic Sans MS", "Chalkboard SE", "Courier New", "Lucida Console", Courier, FreeMono, monofur, Director, "Nimbus Mono PS", "Noto Sans Mono", monospace;
color: #ffffff;
font-size:  18px;
display: inline;
}

h1 {
font-family: "Comic Sans MS", "Chalkboard SE", "Courier New", "Lucida Console", Courier, FreeMono, monofur, Director, "Nimbus Mono PS", "Noto Sans Mono", monospace;
font-size:  18px;
display: inline;
}

h2 {
font-family: "Comic Sans MS", "Chalkboard SE", "Courier New", "Lucida Console", Courier, FreeMono, monofur, Director, "Nimbus Mono PS", "Noto Sans Mono", monospace;
font-size:  24px;
display: inline;
color:#62cf1a;
}

h3 {
font-family: "Comic Sans MS", "Chalkboard SE", "Courier New", "Lucida Console", Courier, FreeMono, monofur, Director, "Nimbus Mono PS", "Noto Sans Mono", monospace;
font-size:  22px;
display: inline;
color:#62cf1a;
}

h4 {
font-family: "Comic Sans MS", "Chalkboard SE", "Courier New", "Lucida Console", Courier, FreeMono, monofur, Director, "Nimbus Mono PS", "Noto Sans Mono", monospace;
font-size:  16px;
display: inline;
color:#62cf1a;
}

a {
font-family: "Comic Sans MS", "Chalkboard SE", "Courier New", "Lucida Console", Courier, FreeMono, monofur, Director, "Nimbus Mono PS", "Noto Sans Mono", monospace;
}
a:link {color:#62cf1a;}    
a:visited {color:#62cf1a;}  
a:hover {color:#62cf1a;}  
a:active {color:#62cf1a;} 
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:none;} 

a.b1 {
color: #62cf1a;
display: inline;
text-decoration:none;
}
a.b1:hover {
color: #62cf1a;
display: inline;
text-decoration:underline;
}

a.b2 {
color: #62cf1a;
display: inline;
text-decoration:none;
}
a.b2:hover {
color: #62cf1a;
display: inline;
text-decoration:underline;
}

.content {
  background-color: #000050;
  border-right: solid 2px #000050;
  border-left: solid 2px #000050;
  border-bottom: solid 2px #000050;
  border-radius: 0px 0px 10px 0px;
  text-align: center;
  min-height: 600px;
  width: 800px;
  margin:0 auto;
  margin-top:-8px;
  margin-bottom:10px;
  box-shadow: 5px 8px 10px #000000;
}

.header {
  text-align: center;
  height: auto;
  width: 800px;
  margin:0 auto;
  margin-top:4px;
}

.logo{
background-image: url(../simsimages/xzysims_logo.png);
background-repeat: no-repeat;
background-position: top center;
width: 538px;
height: 128px;
margin:0 auto;
position:relative; 
top:4px;
overflow:hidden;
padding: 0px;	
}

.menu {
  text-align: left;
  height: 435px;
  width: 200px;
  margin-bottom: -435px;
  position:relative;
  left:606px;
  top:-8px;
}

.buttoncont {
  text-align: left;
  height: auto;
  width: 142px;
  position:relative;
  left:22px;
  margin-bottom:8px;
}
.button {
  text-align: left;
  height: auto;
  width: 140px;
  padding-left:12px;
  background-color: #001090;
  border-left: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
  border-top: solid 2px #ffffff;
  border-bottom: solid 2px #ffffff;
  border-radius: 20px 20px 20px 20px;
  position:relative;
  box-shadow: 5px 8px 10px #000000;
}
.button:hover {
  left:-4px;
}

.subbuttoncont {
  text-align: left;
  height: auto;
  width: 160px;
  position:relative;
  left:30px;
  margin-bottom:6px;
}
.subbutton {
  text-align: left;
  height: auto;
  width: 130px;
  padding-left:6px;
  background-color: #024e8f;
  border: 4px solid;
  border-color: #2c6ea9 #05356c #05356c #72b3eb;
  border-radius: 15px;
}
.subbutton:hover {
  position:relative;
  left:-4px;
}

.page{
background-color: #0e185c;
border: 2px solid;
border-color: #676ea0 #040928 #040928 #1c2664;
border-radius: 15px;
height:auto;
width:185px;
position:relative;
top:-14px;
left:4px;
text-align:center;
box-shadow: 5px 8px 10px #000000;
}

.maincont {
  text-align: center;
  height: auto;
  width: 650px;
  padding-left:4px;
  padding-right:4px;
  background-color: #060553;
  background-image: linear-gradient(to right, #5d5d88, #040452);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  border-left: solid 2px #040928;
  border-right: solid 2px #040928;
  border-bottom: solid 2px #040928;
  border-radius: 0px 0px 10px 10px;
  position: relative;
  margin:0 auto;
  top: 15px;
  box-shadow: 5px 8px 10px #000000;
}

.notescont {
  background-color: #0e185c;
  border: 4px solid;
  border-color: #676ea0 #040928 #040928 #1c2664;
  border-radius: 15px;
  margin: 0 auto;
  width: 600px;
  height:auto;
  padding: 10px;
  text-align:left;
  overflow-x:hidden;
  overflow-y:hidden;
  box-shadow: 5px 8px 10px #000000;
}

.mainheader {
  text-align: center;
  height: auto;
  width: 650px;
  padding-left:4px;
  padding-right:4px;
  background-color: #0e185c;
  border: 2px solid;
  border-color: #676ea0 #040928 #040928 #1c2664;
  border-radius: 10px 10px 0px 0px;
  position:relative;
  left:-6px;
  top:-20px;
}

.footercont {
  text-align: center;
  height: 64px;
  width: 512px;
  padding-left:6px;
  position: relative;
  left:-8px;
  bottom:0px;
}
.footer {
  text-align: center;
  height: auto;
  width: 512px;
  padding-left:6px;
 background-color: #0e185c;
  border: 4px solid;
  border-color: #676ea0 #040928 #040928 #1c2664;
  border-radius: 15px;
  position: absolute;
  top:25px;
  left:146px;
  box-shadow: 5px 8px 10px #000000;
}

.warn{
z-index:3;
margin:0 auto;
background-color: #0e185c;
border: 4px solid;
border-color: #676ea0 #040928 #040928 #1c2664;
border-radius: 15px;
width: 420px;
height:auto;
padding: 12px;
text-align:center;
overflow-x:hidden;
overflow-y:hidden;
box-shadow: 5px 8px 10px #000000;
}

.bigbutton{
background-color: #024e8f;
border: 4px solid;
border-color: #2c6ea9 #05356c #05356c #72b3eb;
border-radius: 15px;
width: auto;
height:auto;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
padding-bottom: 4px;
margin-left:2px;
margin-right:2px;
display:inline;
text-align:center;
overflow-x:hidden;
overflow-y:hidden;
}

.bigbutton:hover{
position:relative;
top: 1px;
left: 1px;
}

.dl{
background-color: #0e185c;
border: 4px solid;
border-color: #676ea0 #040928 #040928 #1c2664;
border-radius: 15px;
margin: 0 auto;
width: 520px;
height:auto;
padding: 10px;
text-align:center;
overflow-x:hidden;
overflow-y:hidden;
box-shadow: 5px 8px 10px #000000;
}

.bigbutton2{
background-color: #024e8f;
border: 4px solid;
border-color: #2c6ea9 #05356c #05356c #72b3eb;
border-radius: 15px;
position:relative;
left: 160px;
width: 180px;
height:auto;
padding: 2px;
text-align:center;
vertical-align: middle;
overflow-x:hidden;
overflow-y:hidden;
}
.bigbutton2:hover{
position:relative;
left: 162px;
top: 2px;
}

.ico{
background-color: #000000;
background-image: url(../simsimages/xzysims_icon2.png);
background-position: top center;
border: 6px solid #000050;
border-radius: 100%;
height:128px;
width:128px;
position:absolute;
bottom:-70px;
left:730px;
text-align:center;
overflow-x:hidden;
overflow-y:hidden;
box-shadow: 5px 8px 10px #000000;
}
.ico:hover{
background-color: #000000;
background-image: url(../simsimages/xzysims_icon2b.png);
background-position: top center;
}