/* Style sheet for the Cache Valley Civic Ballet Website */

/* Set up the page layout divisions: Container holds it all, top is the
 * top menu, primary is the primary menu on the left side, and content
 * is the main page values.  Right is stuff in the right-hand margin */

body
{
text-align: center;
background-color: #2e363d;
}

div.container
{
 margin: 0 auto; 
  width:900;
 padding: 0; 
 position:relative;
  line-height:100%;
  text-align: left;
}
div.top
{
  position:absolute;
  left:400px;
  top:10px;
  clear:left;
  line-height:180%;
  text-align:center;
}
div.primary
{
  position:absolute;
  left:10px;
  top:180px;
  width:100px;
  margin:0;
  line-height:120%;
}
div.content
{
  position:absolute;
  top:110px;
  right:10px;
  left:135px;
  width:540px;
  line-height:130%;
}
div.right
{
  border:1px solid gray;
  position:absolute;
  left:690px;
  top:0px;
  width:200px;
  line-height:120%;
  text-align:center;
  padding:0.3em;
}
img
{
   border:1px solid #021a40;
}
img.displayed 
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    border:0px solid #021a40;
}
div.footer
{
  position:relative;
  text-align:center;
  line-height:130%;
}


/* Set paragraph and header fonts and colors */
p,ul
 {color: #003366;
   font-size: 1.0em;
   font-family: verdana, ariel, helvetica, sans-serif;}
p.small
{
font-size: 0.9em;
}

body {font-size: 85%}

h1,h2,h3,h4,h5,h6
 {color: #003366;
    text-align: center;
    font-family: verdana, ariel, verdana, sans-serif;}
h1{font-size:170%}
h2{font-size:150%}
h3{font-size:130%}
h4{font-size:110%;
   text-transform:uppercase;}
h5{font-size:110%}
h6{font-size:90%;
   text-transform:uppercase;}
h4.right
{
	 color:white;
	 background-color:#003366;
}

/*.content {font-size: 76%em} */

/* Set highlighted paragraph text fonts and colors */
.highlight
{
color: #a22E56;
font-family: verdana, ariel, helvetica, sans-serif;
}

/* font style for footer */

.footer
{
  color: #999999;
  font-family: verdana, ariel, helvetica, sans-serif;
  font-size: 90%
}

.footerlink
{
text-decoration: underline;
}
a.footerlink:link {color: #999999}
a.footerlink:visited {color: #999999}
a.footerlink:hover {color: #6699CC}
a.footerlink:active {color: #CC3399}


/* styles for tables (such as class schedule) */
th
 {color: #003366;
   font-family: verdana, ariel, helvetica, sans-serif;
   font-size: 76%}

/*td
 {font-family: ariel, helvetica, sans-serif;
    font-size: 76%;
    color: #003366}
*/

/* link styles */
a
{
font-family: ariel, helvetica, sans-serif;
text-decoration: none
}

.top 
{
font-family: times new roman, times, serif;
font-size: 110%;
color: #FFFFFF;
}
a.top:link {color: #FFFFFF}
a.top:visited {color: #FFFFFF}
a.top:hover {color: #6699CC}
a.top:active {color: #CC3399}

.primary 
{
font-size: 105%;
}
a.primary:link {color: #FFFFFF}
a.primary:visited {color: #FFFFFF}
a.primary:hover {color: #003366}
a.primary:active {color: #003366}

.secondary 
{
text-align: center;
font-weight: bold;
font-size: 100%;
color: #6699CC;
}
a.secondary:link {color: #6699CC}
a.secondary:visited {color: #6699CC}
a.secondary:hover {color: #003366}
a.secondary:active {color: #0000AA}

.inline 
{
text-decoration: underline;
font-weight: bold;
}
a.inline:link {color: #003366}
a.inline:visited {color: #003366}
a.inline:hover {color: #6699CC}
a.inline:active {color: #0000AA}

.aright 
{
text-decoration: underline;
font-weight: bold;
}
a.aright:link {color: #003366}
a.aright:visited {color: #003366}
a.aright:hover {color: #6699CC}
a.aright:active {color: #0000AA}

img
{
border:1 solid black;
margin: 15;
}