/* Typography & Colors 
------------------------------------ */


/* Structure
------------------------------------ */

/* Page Layout
------------------------------------ */

#page{ 
 width: 1024px;
 margin-left: auto;
 margin-right: auto;
 background: white;
}

#page-body{
 background: white;
 margin-left: auto;
 margin-right: auto;
 width: 800px; 
 padding: 5px;
 border-left: thin solid #b8b8b8;
 border-right: thin solid #b8b8b8;
}

/* Headers
------------------------------------ */

#navsite {
  margin:0;
  padding:0;
  width:799px;
  height:290px;
  background: url("http://www.allstaryouth.com/images/asy.jpg");
  background-repeat: no-repeat;
  border: 1px solid white;
}

#navsite h5 {
  display: none;
}
#navsite ul {
  margin-top:160px;
  padding: 1px 0; 
  margin-left: 0.5em;
  width:98%;
  font: bold medium "Comic Sans MS", sans-serif;
}

#navsite ul li {
  list-style: none;
  margin: 0.1em; 
  display: inline; 
}

#navsite ul li a {
  padding: 1px 0.2em; 
  margin-left: 1px; 
  border-bottom: none;
  text-decoration: none;
}

#navsite ul li a:link {
  color: white;
}

#navsite ul li a:visited {
  color: #580000;
}

#navsite ul li a:hover {
  color: blue;
}

#main {  
  float: right;
  width:70%;
  margin: 2em 1em 0 2em;
  padding-top: 0;
  padding-bottom: 20px;
  /*border: 1px dotted red;*/
}

#main p { 
  text-align: justify;
}

#nav{
  /*  border: 1px dotted pink;*/
  margin-top: 2em;
  width:22%;
  padding-right: 2em;
  padding-top: 0;
  padding-right: 1em;
}

#footer{ 
  clear:both;
  margin: 1em 0 0 0;
  background-color: #333399;
}

#footer h5 {
  display: none;
}
#footer ul {
  padding-left: 1em;
  margin: 5px 0 5px 1em;
  width:98%;
  font: 8pt "Arial";
  color: white;
}

#footer ul li {
  list-style: none;
  margin: 0.2em; 
  display: inline; 
}

/* Images 
------------------------------------ */
.leftFloat {
 float: left
}
.rightFloat {
 float: right
}

.pics img {
  width: 230px;
  height: 182px;
}

.pics2 img {
  width: 175px;
  height: 182px;
}

/* Lists
------------------------------------ */



/* Form Elements 
------------------------------------ */
form {
 margin: 0;
 padding: 1em 0; 
 border: 0px dotted red; /* set  in order to see padding effect */
} 

select { 
  font-weight:bold;
  margin: 1em;
  font-style: "Comic Sans MS";
}

.buttonSubmit {
  color: white;
  background-color: #333399;
  font: bold 1.5em "Comic Sans MS";
  border: 1px double red;
  padding: 1px;
}

.scrollBar { 
  font: bold 1em "Comic Sans MS";
  /*border: 1px double #333399;*/
  padding: 1px 3em 1px 3em;
}


/* Comments
------------------------------------ */


/* Sidebar
------------------------------------ */
.links-header { 
  width: 98%;
  background-color: #333399;
  color: white;
  border: 4px double #ff0000;
  font: bold 12pt "Comic Sans MS";
  text-align: center;
  padding: 1px;
  margin: 1em 0 0 0;
}

.links-list { 
  margin:0;
  font: 11pt "Arial";
  padding-left: 1.5em;
  list-style-type: none;
}

ul.links-list { 
  margin:1em 0 1.25em 0;
}

.reg { 
  font-weight: bolder; 
  color: black;
}

.hh{
  font-weight: bolder; 
  color: #f48460;
}
.k{ 
  font-weight: bolder; 
  color: #00bfff;
}
.jb{ 
  font-weight: bolder; 
  color: #ff00ff;
}
.pc{ 
  font-weight: bolder; 
  color: #ff69b4;
}
.s{ 
  font-weight: bolder; 
  color: #228b22;
}

.emph-red-bg{
  background-color: red;
}
.hh-bg{
  background-color: #f48460;
}
.k-bg{ 
  background-color: #00bfff;
}
.jb-bg{ 
  background-color: #ff00ff;
}
.pc-bg{ 
  background-color: #ff69b4;
}
.s-bg{ 
  background-color: #228b22;
}

h1.hh, h1.k, h1.jb, h1.pc, h1.s {
  text-shadow:black 2px 2px 1px;
}


.loc-name { 
  margin: 0 6px 0 0;
  padding: 12px 6px 0 12px;
  border-bottom: 2px solid gray;
  font: normal normal large Arial;
}

.loc-addr { 
  padding:1px;
  font: oblique normal bold small Arial,sans serif;
}

.italic { 
  font-style: italic;
}
.small-italic { 
  padding:1px;
  font-style: italic;
  font-size: small;
  font-family: "Times New Roman"
}

.emph-black { 
  font-style: italic;
  font-weight: bold;
  color: black;
}
.emph-red { 
  font-style: italic;
  color: red;
  font-size: 12pt;
}
/* Common Elements 
------------------------------------ */

.t-info { 
  font: Arial;
}
table.t-info {
  margin: 2em 2px 2px 2px;
  width: 95%;
}

.intable ol {
  padding-top:0;
  padding-bottom:0;
  margin-top: 0;
  margin-bottom:0;
  /*border: 1px solid red;*/
}

.intable ol li {
  margin:0;
  font: 12pt "Times New Roman", serif;	
  /*border: 1px solid green;*/
}

.t-title {
  background-color:#f0f0f0;
  color:#000099;
  padding: 2px;
  font: normal bold x-large "Comic Sans MS";
  text-align: center;
  border-top: 1px solid gray;
  border-left: 1px solid gray;
  border-right: 2px solid #000099;
  border-bottom: 2px solid #000099;
}

.t-subtitle { 
  color:#000099;
  padding: 2px;
  font: normal bold medium "Arial";
  text-align: center;
}

.t-header { 
  background-color:#c0c0c0;
  color:#000099;
  width:100%;
  font: small-caps bold small Arial;
  text-align: center;
  border-left: 1px solid gray;
  border-right: 2px solid #000099;
  border-bottom: 2px solid #000099;
}

.t-desc { 
  background-color:#f0f0f0;
  color:#000099;
  width: 35%;
  padding-right: 6px;
  font: small-caps bold small Arial;
  text-align: right;
  border-left: 1px solid gray;
  border-right: 2px solid #000099;
  border-bottom: 2px solid #000099;
}
.t-data { 
  border-right: 2px solid #000099;
  border-bottom: 2px solid #000099;
  padding: 3px 0 3px 10px;
  width: 65%;
  font: normal normal normal medium "times",serif;
  color: black;
  text-align: left;
}


h1, h2, h3, h4, h5 {
  text-align: center;
  font-family: "Comic Sans MS";
  color:#000099;
}

.instruction { 
  font: bold 1em "Comic Sans MS";
  text-align: center;
}


.left { 
  text-align:left;
}

.small-font {
  font-size: 10pt;
}

.col-heading { 
  text-align: left;
  font-family: "Comic Sans MS";
  color:#000099;
}

h3.col-heading, h4.col-heading, h5.col-heading { 
  margin:0;
}

.padded { 
  padding: 0.5em 0 1em 0;
}

.odd { 
  background-color:#c0c0c0;
  margin: 0.5em;
  padding: 0.5em;
}

.even { 
  background-color:#f0f0f0;
}


p { 
 font: 12pt "Arial";
}

ol li {
  padding: 1em;
  font: 12pt "Arial";
}

.fauxlink {
    text-decoration:underline;
    color:#990000;
}

a:link {
  color: blue;
}

a:visited {
  color: #990000;
}

a:hover {
  color: red;
}