/*  
Name: ThinkQuest Template 2006
Description: This was made for a thinkquest contest, but now that is long over so I will release it.
Authors: Will Rossiter, Jason Cole, Andres Barreto
Authors' URL: http://www.willr.co.nz  and http://jason-cole.com
Copyright: This template is free for any use

*/

/***Misc Tags***/


*
{
  margin:  0px;
  padding: 0px;
}


.monospace 
{
  font-family: "Courier New", Courier, monospace;
}

.justify 
{
  text-align: justify;
}

.center 
{
  text-align: center;
}

.bold
{
  font-weight: bold;
}


body
{ 
  font-family:      Verdana, Helvetica, Arial, sans-serif;
  font-size:        100%;
  color:            #5c5c5c;
  background-color: #fff;
}

.hidden
{
  display: none;
}

a
{
  text-decoration: none;
  color:           #ec0000;
}

a:hover
{
  text-decoration: underline;
}

em
{
  font-style:    normal;
  border-bottom: 1px solid #a0a0a0;
}


.left
{
  float: left;
}

.right
{
  float:      right;
  text-align: right;
}


img.logo
{
  padding: 0px;
  border:  none;
}


/***Top Navigation***/
div.topnav
{
  float:            left;
/*
  background:       #000000 url(images/headbg.jpg) repeat-x bottom;
*/
  background-image:    url(images/headbg.jpg);
  background-repeat:   repeat-x;
  background-color:    black;
  background-position: bottom;
  padding-bottom:      35px;
  width:               100%;
}

/***Right Links***/

#rightlinks
{
  float:      right;
  color:      #CCC;
  margin-top: -25px;
}

#rightlinks a
{
  color: #EC0000;
}

/***Header***/

#header
{
  clear:      both;
  font-size:  2.5em;
  text-align: left;
  margin:     30px;
}

.orange
{
  color: #EC0000;
}

.lightergrey
{
  color: #8a8a8a;
}

/***Left Navigation***/

#leftnav
{
  margin-top:    -13px;
  margin-bottom: 8px;
  float:         left;
  text-align:    left;
  clear:         both;
  padding:       0.5em;
  width:         14em;
  font-size:     0.8em;
}

#leftnav ul
{
  list-style: none;
}

#leftnav ul a
{
  display:         block;
  text-decoration: none;
  height:          2em;
  width:           12em; 
  padding:         0.5em;
  padding-left:    1.5em;
  padding-top:     1.0em;
  padding-bottom:  0.1em;
  margin:          0.25em;
  font-weight:     900;
  background:      inherit;
  color:           #333333;
  font-size:       1em;
  background:      #fff url(images/menu_left.png) no-repeat;
  background-position: center left;
}

/*
#leftnav ul ul a
{
  width:       10em; 
  margin:      0.25em 0.25em 0.25em 2.25em;
  font-weight: 100;
}

*/
#leftnav a.active
{
  background:      #fff url(images/menu_left_hover.png) no-repeat;
  background-position: center left  
}

#leftnav li a:hover
{
  color: #ec0000;
}

/***Main Content***/

#content
{
  margin-left:  17em;
  margin-right: 3em;
  text-align:   justify;
  font-size:    0.75em;
  line-height:  1.4em;
}


#content h2
{
  color:         #333;
  font-weight:   bold;
  font-size:     1.3em;
  border-bottom: 3px solid #ec0000;
  margin-bottom: 5px;
}

#content h3
{
  color:         #333;
  font-weight:   bold;
  font-size:     1.1em;
  border-bottom: 3px solid #ec0000;
}

#content h4
{
  color: #333;
  font-weight:   bold;
  font-size:     0.9em;
  border-bottom: 3px solid #ec0000;
}

#content ul.link
{ 
  list-style:  none;
  color:       #5c5c5c;
  line-height: 1.4em;
}

#content li.link
{
  background:          #fff url(images/list.png) no-repeat;
  list-style:          none;
  background-position: center left;
  padding-left:        18px;
  margin:              6px;
}

div.important,p.important
{
  background:          #fff url(images/exclamation_30px.png) no-repeat;
  background-position: top left;
  padding-left:        20px;
  padding-top:         7px;
  margin:              0px;
  margin-top:          10px;
  height:              30px;
  font-size:           1.2em;
  font-style:          italic;
}

.paddingleft20
{
  padding-left: 20px;
}

#dashbar {
  float:            right;
  width:            250px;
  margin-top:       5px;
  margin-right:     5px;
  margin-bottom:    20px;
  margin-left:      40px;
  padding:          7px;
  text-align:       justify;
  background-color: #cccccc;
  border:           3px solid #5c5c5c;
}

.dashbar_link {
  background-color: #cccccc;
  text-decoration:  underline; 
  color:            #5c5c5c;
}

.dashbar_link:hover
{
  color:            #3b3b3b;
}

.underline {
  border-bottom: 3px solid #5c5c5c;
  padding-bottom: 7px;
}

/* Footer */

#footer
{
  clear:      both;
  border-top: 4px solid #ec0000;
  margin:     3em;
  text-align: center;
  background: inherit;
  color:      #666;
  font-size:  0.6em;
}

img.musichearts_w3c
{
  border-style: none;
}