/* CSS Document */

/********* COLOUR PALLETS *********/
/*   Main colour:      #81020D  (Dark Faded Red)  */
/*   Secondary colour: #030e81 Navy Blue  */
/*   Third colour:     #0688e0 Light Blue  */


/*******************************/
/*        BASE SETTINGS        */
/*******************************/

html, body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12pt;	/* This sets the base font for the site. All other fonts should be a percentage of this base */
color: #000000;
line-height: 1.166;	
margin: 0px;
padding: 0px;
background-color: #ffffff;
background-image: url(images/background2.gif);
background-repeat: repeat-x; 
}

/******* HYPERLINK *******/

a:link, a:visited {
text-decoration: underline; 
color: #3366cc;
}
	
a:hover {
text-decoration: none; 
color: #81020D;
}


/* Controls the font family for all headings */
h1, h2, h3, h4 h5 {
font-family:"Times New Roman", Times, serif;
}
table {
font-size:110%;
}
li.table {
text-align:left;
font-size:110%; 
color:#000000;
}

h1 {
font-style: bold;
font-size:30px;
color:#81020D;
text-align:left;
text-shadow:Silver;
padding-left:0px;
padding-top:0px;
}

h2 {
font-style: bold;
font-size:114%;
color: #81020D;
text-align:left;
padding-left:0px;
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
margin-top:2px;
}

h3 {
font-style: normal;
font-size:100%;
color: #030e81;
text-align:left;
padding-left:0px;
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
margin-top:5px;
}

h4 {
font-style: italic;
font-size:90%;
color: #0688e0;
text-align:left;
padding-left:0px;
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
margin-top:2px;
}

h5{
font-style: italic;
font-size:90%;
color: #81020D;
text-align:left;
padding-left:0px;
padding-top:0px;
}

p, li, td {
text-align:left;
font-size:80%; 
color:#000000;
padding-bottom:0px;
margin-bottom:0px;
margin-top:2px;
margin-bottom:10px;
}

/*******************************/
/*      LAYOUT CONTAINERS      */
/*******************************/

/* This controls the main container for the site. All design occurs within this containter */
#canvas{
position:relative; 
border:0px solid #81020D; /*The border is for reference and should be changed to 0px when launched */
top: 2px; 
height: 100%; 
width: 800px; 
padding: 0px;
background-color: #ffffff; 
text-indent:0px;
}

/* These div tags create a box with rounded corners */
dvi.left{
position:relative; left:10px; 
border:2px solid #81020D; /*The border is for reference and should be changed to 0px when launched */
top: 2px; 
height: 100%; 
width: 800px; 
padding: 0px;
background-color: #ffffff; 
text-indent:5px;
}
dvi.right{
position:relative; right:10px; 
border:2px solid #81020D; /*The border is for reference and should be changed to 0px when launched */
top: 2px; 
height: 100%; 
width: 800px; 
padding: 0px;
background-color: #ffffff; 
text-indent:5px;
}
div.middle {

      width: 272px;
      background-image:  url(images/middle.gif);
      background-repeat: repeat-y;
    }
    div.top {
      background-image:  url(images/top.gif);
      background-position: top left;
      background-repeat: no-repeat;
    }
    div.bottom {
      background-image:  url(images/bottom.gif);
      background-position: bottom left;
      background-repeat: no-repeat;
      padding: 15px 30px 30px 15px;
    }
/* These tags control the position of the header elements */

#header { /* This controls the main container for the site. All design occurs within this containter */
position:relative; z-index:1;
border: 0px solid green; /*The border is for reference and should be changed to 0px when launched */
background-image: url(images/header1.jpg);
background-repeat: no-repeat;
top: 0px; 
height: 120px; 
width: 796px; 
padding: 0px;
background-color: #ffffff; 
text-indent:5px;
}

#header img {
position:absolute; right: 0px; top: 5px;
}

/* This controls the main content container for the site. All content should appear within this containter */
#content{
position:relative; 
border:0px solid #00FFFF; /*The border is for reference and should be changed to 0px when launched */
top: 2px; 
height: 100%; 
width: 796px; 
padding: 5px;
background-color:#FFFFFF 
text-indent:5px;
}

#footer { /* This controls the main container for the site. All design occurs within this containter */
position:inherit;
border: 0px solid blue; /*The border is for reference and should be changed to 0px when launched */
top: 0px; 
height: 100%; 
width: 796px; 
padding: 0px;
background-color: #ffffff; 
text-indent:5px;
}
/********************************************************/
/*                 Navigation Menu                      */
/********************************************************/

#menu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#menu ul{
font: bold 11px Arial;
position: absolute; left: 0px; top: 100px; width: 100%; height: 20px;
margin:0;
margin-left: 8px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#menu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#menu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: #81020D; /*Default menu color*/
border-bottom: 1px solid white;
}

#menu a:hover{
background-color: black; /*Menu hover bgcolor*/
}

#menu #current a{ /*currently selected tab*/
background-color: gray; /*Brown color theme*/ 
border-color: gray; /*Brown color theme*/ 
}

#menuline{
clear: both;
position: absolute; left: 0px; top: 120px; z-index:auto
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #81020D; /*Brown color theme*/ 
}


/***********************************************/
/* TOPIC BOX                                 */
/***********************************************/

#topic { 
background:#e6e6e6;
font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
border:1px solid #cbcaca; 
width: 330px;
margin: 0px 0px 0px 0px;
padding-left:0px; 
padding-right:0px; 
padding-top:0px; 
padding-bottom:0px 
}	

#topic p {
margin: 0px 10px 5px 10px;
padding: 0px 0px 0px 0px;
font-size: 100%;
}

#topic  h2.reg {  
font: 10pt Verdana,sans-serif;
letter-spacing: 0px;
color: #fff;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 2px 0px 2px 5px;
background: #0688e0;  
}

#topic  h3.reg {  
font: 10pt Verdana,sans-serif;
font-weight: bold;
letter-spacing: 0px;
margin: 10px 10px 0px 0px;
padding: 2px 0px 2px 5px;  
}

#topic  h2.alert {  
font: 10pt Verdana,sans-serif;
letter-spacing: 0px;
color: #fff;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 2px 0px 2px 5px;
background: #81020D;  
}

#topic  h2.news {  
font: 10pt Verdana,sans-serif;
letter-spacing: 0px;
color: #fff;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 2px 0px 2px 5px;
background: #666633;  
}
	

#topic  ul {
margin: 0px 0px 10px 15px;
padding: 0px;
}

#topic  li {
font-size: 10pt;
line-height: 1.5ex; 
list-style-type: square;
display: block; 
padding-top: 5px; 
margin-bottom: 5px;
margin-left: 15px;
}


	


/********************************************************/
/*                 SPECIAL STYLES                      */
/********************************************************/

#footer h2{
font: bold 70% Verdana,sans-serif;
color: #ffffff;
text-align:center;

margin:0px 0px 0px 0px;
padding: 0px;
background-color: #81020D; /*Default menu color*/
border-bottom: 1px solid gray;
}

#footer p {
font: normal 70% Verdana,sans-serif;
text-align:center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/******* This controls left highlight boc *************/	
#leftbox { 
font: verdana, sans-serif; 
position:relative; left: 12px;
width: 300px;
/* background:#e1eaf9; */
background:#ffffff;
border:1px solid #81020D; 
margin: 0px 0px 0px 0px;
padding-left:10px; 
padding-right:10px; 
padding-top:10px; 
padding-bottom:10px 
/*  padding: 10px;  */
}

/******* This controls right highlight boc *************/	
#rightbox { 
font: verdana, sans-serif; 
position:absolute; top:0px; left: 362px;
width: 300px;
/* background:#e1eaf9; */
background:#ffffff;
border:1px solid #81020D; 
margin: 0px 0px 0px 0px;
padding-left:10px; 
padding-right:10px; 
padding-top:10px; 
padding-bottom:10px 
/*  padding: 10px;  */
}