ADDRESS, BLOCKQUOTE, BODY, DD, DIV, DL, DT, FIELDSET, FORM, FRAME, FRAMESET, H1, H2, H3, H4, H5, H6, IFRAME, NOFRAMES, OBJECT, OL, P, UL, APPLET, CENTER, DIR, MENU, PRE { display: block } 
BODY{
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
margin-left: 15px;
margin-top: 5px
}
H1.title { margin-bottom: 0; font-style: italic; text-align: left}
HEAD { display: none } 
TABLE { display: table } 
TR { display: table-row } 
THEAD { display: table-header-group } 
TBODY { display: table-row-group } 
TFOOT { display: table-footer-group } 
COL { display: table-column } 
COLGROUP { display: table-column-group } 
TD, TH { display: table-cell } 
CAPTION { display: table-caption } 
TH { font-weight: bolder; text-align: center } 
CAPTION { text-align: center } 
B, STRONG { font-weight: bolder } 
BLOCKQUOTE { margin-left: 40px ; margin-right: 40px; float: left} 
I, CITE, EM, VAR, ADDRESS { font-style: italic } 
PRE, TT, CODE, KBD, SAMP { font-family: monospace } 
PRE { white-space: pre } 
BIG { font-size: 1.17em } 
SMALL, SUB, SUP { font-size: .7em } 
SUB { vertical-align: sub } 
SUP { vertical-align: super} 
S, STRIKE, DEL { text-decoration: line-through } 
OL, UL, DIR, MENU, DD { margin-left: 40px } 
OL { list-style-type: decimal } 
OL UL, UL OL, UL UL, OL OL { margin-top: 0; margin-bottom: 0 } 
U, INS { text-decoration: underline } 
p.indent {text-indent: 2em}

.menu-bot { text-align: center; clear: both; } 
dl.faq dd {margin-bottom: .8em; margin-right: 40px;} 
dl.faq dt { font-weight: bolder;margin-bottom: .2em; }
dl.syllabus dd {margin-bottom: .8em; margin-right: 40px;} 
dl.syllabus dt { font-weight: bolder;margin-bottom: .2em; }
.hindent {margin-left: 2em; text-indent: -2em; }


img.center {
display: block;
margin-left: auto;
margin-right: auto }

.floatright { float: right; margin: 10px}
.floatleft {float: left; margin: 10px;}

.center {text-align: center;}

table,td,th{
border:1px dotted #000;
border-collapse:collapse;
margin:0;
padding:0;
}

table.center {margin-left:auto; margin-right:auto;}

td,th{
padding:.2em .5em;
vertical-align:top;
}
td.hed{
background-color: #99CCCC;
}

.clear {
clear:both;
width:100%;
font-size:1px;
} 

.highlightbox {border-style: dotted; border-width: 1px; margin: 0 20% .5em 20%; background-color: rgb(204, 204, 255); padding: 1em}

.menubox {border-style: dotted; border-width: 1px; padding-top: 0pt; padding-bottom: .5em; margin: 0 20% 2em 20%;}

.menutext {padding-left: 0.5em; padding-right: 0.5em;}

.menuhead {padding: 0.5em; text-align: center; font-weight: bold; font-size: 125%}

.indexbox {border-style: dotted; border-width: 1px; margin: 0 18% 2em 18%; padding-top: 0pt; padding-bottom: .5em;}

.indexhead {padding: 0.5em; text-align: center; font-weight: bold; font-size: 125%}

.indextext {padding-left: 0.5em; padding-right: 0.5em}

.indexmenu {margin: 0 70% 2em 0}

.menuLeft {
	float: left;
	width: 30%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 27%;
	}

.contentRight {
	float: right;
	width: 70%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 67%;
	}

.contentLeft {
	width: 70%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 67%;
	}

.columnRight {
	float: right;
	width: 30%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 27%;
	}

	
#contentHeader {
    margin: 0;
	padding: 0;
    border: 1px dotted #666;
	width: 100%;
	height: 30px;
	line-height: 30px;
	}
      
#contentHeader h1 {  
   margin: 0;
   padding: 0 10px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 1.8em;
   color: #0d4072;  
   }  
   
#contentHeader h1 a { text-decoration: none; }   

#content p {
   padding: 0 15px;
   margin: 10px 0;
   }

#footer { 
  margin: 0;
  padding: 20px;
  background: #d0e7fb;
  border-top: 1px solid black;
  }
  
#footer p {  
  margin: 10px 0;
  line-height: 1.2em;
  }  
  
#footer a:link { text-decoration: none; }
#footer a:hover { text-decoration: underline; }  

.pageheader {padding: 0.5em;}

div.image { margin: 1em 0; } 

ul.liimage
{
list-style-type: none;
padding: .5em;
}
   
#liimage li {
padding-left: .5em;
background-image: url(cupcake.gif);
background-repeat: no-repeat;
background-position: .5em;
}

#arsg  {background-color: rgb(152, 251, 152);}

#trans {background-color: rgb(255, 246, 143);} 

#info {background-color: rgb(255, 160, 122);}

 #race  {background-color: rgb(255, 182, 193);}

#circus {background-color: rgb(204, 204, 255);}  

#orange  {background-color: rgb(255, 160, 122);}

#yellow {background-color: rgb(255, 246, 143);} 

#green {background-color: rgb(152, 251, 152);}

#pink  {background-color: rgb(255, 182, 193);}

#peri {background-color: rgb(204, 204, 255);}  

#navcontainer
{
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
border-top: 1px solid #999;
z-index: 1;
}

#navcontainer ul
{
list-style-type: none;
text-align: right;
margin-top: -8px;
padding: 0;
position: relative;
z-index: 2;
}

#navcontainer li
{
display: inline;
text-align: center;
margin: 0 5px;
}

#navcontainer li a
{
padding: 1px 7px;
color: #666;
background-color: #fff;
border: 1px solid #ccc;
text-decoration: none;
}

#navcontainer li a:hover
{
color: #000;
border: 1px solid #666;
border-top: 2px solid #666;
border-bottom: 2px solid #666;
}

#navcontainer li a#current
{
color: #000;
border: 1px solid #666;
border-top: 2px solid #666;
border-bottom: 2px solid #666;
}