/*  
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;
}

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

.hidden
{
display: none;
}

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

a:hover
{
text-decoration: underline;
}

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

blockquote
{
background: #ffffff url(quote.png) bottom right no-repeat;
border: 1px solid #a0a0a0;
margin: 1em;
padding: 1em;
}

.left
{
float: left;
}

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

img.left,img.right
{
margin: 1em;
border: 2px solid #f8c274;
padding: 1em;
}

hr
{
border: 2px solid #f8c274;
color: #EC8A18;
height: 4px;
}


/***Top Navigation***/

#topnav
{
float: left;
background: #444 url(headbg.jpg) repeat-x bottom;
padding-bottom: 35px;
width: 100%;
}

#topnav ul, #topnav li
{
float: left;
list-style: none;
}

#topnav .block a
{
display: block;
float: left;
text-align: center;
width: auto;
padding-left: 1.5em;
padding-right: 1.5em;
line-height: 4em;
text-decoration: none;
color: #DDDDDD;
background: url(gradient.jpg) repeat bottom;
}

#topnav .block a:hover
{
background: url(gradient.jpg) repeat top;
color: #EEEEEE;
}

#topnav .block .active
{
background: url(gradient.jpg) top repeat;
color: #EEEEEE;
}

#topnav .block .active:hover
{
background: url(gradient.jpg) bottom repeat;
color: #FFFFFF;
}

#topnav p
{
color: #a0a0a0;
float: right;
margin: 5px;
}

#topnav p a
{
text-decoration: none;
color: #fff;
}

#topnav p a:hover
{text-decoration: underline;
color: #f4f4f4;
}

/***Right Links***/

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

#rightlinks a
{
color: #EC8A18;
}

/***Header***/

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

.orange
{
color: #EC8A18;
}

/***Left Navigation***/

#leftnav
{
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; 
border-left: 0.25em solid #f8c274;
padding: 0.5em;
margin: 0.25em;
font-weight: 900;
background: inherit;
color: #999;
font-size: 1em;
}

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

#leftnav .active
{
background: #f4f4f4;
border-left: 0.25em solid #EC8A18;
color: #666;
}

#leftnav li a:hover
{
background: #f4f4f4;
border-left: 0.25em solid #EC8A18;
color: #666;
}

#leftnav h4
{
color: #5c5c5c;
font-size: 0.9em;
border-top: 1px solid #999;
font-weight: bold;
line-height: 2em;
}

#leftnav p
{
color: #999;
margin: 3px;
line-height: 1.3em;
font-size: 0.9em;
}

/***Main Content***/

#content
{
margin-left: 17em;
margin-right: 3em;
margin-top: 3em;
}

#content p
{
font-size: 0.75em;
margin: 10px;
color: #5c5c5c;
line-height: 1.4em;
}

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

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

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

#content ul
{ 
font-size: 0.75em;
list-style: none;
color: #5c5c5c;
line-height: 1.4em;
}

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

/* Footer */

#footer
{
clear: both;
border-top: 4px solid #EC8A18;
margin: 3em;
text-align: center;
}