/* BODY styles are applied to all elements inside body tags. However, some elements
     do not correspond when tested using old versions of browsers, like Netscape 4.
	 Then, some styles need to be duplicated in other elements keeping design consistent.*/
BODY   {font-family:Verdana, Arial, Helvetica, sans-serif; background-color:white;
        position:absolute; top:0px; left:0px; margin:0px;}

/* The following style is applied to paragraphs. */
P      {color:black; font-size:13px}

/* The following styles are applied to the Computing Search Engine output */
dt      {color:black; font-size:13px}
dd      {color:black; font-size:13px}
 
/* The following styles are applied to tables, lines (TR) and columns (TD).
   The TD element enforces the font-family, because Netscape 4 does not recognize
   the BODY styles for a TD element. */
TABLE     {font-size:13px;}
TR        {font-size:13px;}
TD        {font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif;}
/* TD.navbar { background-image: url('/images/nav_bg.gif') } */
TH        {font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#006699}

.NewsHeader {font-size:11px; font-variant:small-caps; font-weight:bold; text-align:left; color:#FFFFFF;}
.NewsContent {font-size:10px;}

/* The blockquote element is used to indent text, making left and right margins wider. */
BLOCKQUOTE  {color:black; font-size:13px}
 
/* The following styles are applied to ordered (OL) and unordered (UL) lists
   as well as to its items (LI). */
UL  {color:black; font-size:13px}
OL  {color:black; font-size:13px}
LI  {color:black; font-size:13px; text-align:left;}

/* the following styles are applied to generic links on page contents. */
A:link    {text-decoration:none;      color:#6633CC; background:none; }   
A:visited {text-decoration:none;      color:#996699; }
A:active  {text-decoration:none;      color:#336699}    
A:hover   {text-decoration:underline; color:#336699}

/* SubMenuNav styles are applied to the links in the sub-menus on the left hand side */
A.SubMenuNav:link    {text-decoration:none; background:none; font-size:11px; color:#003366}
A.SubMenuNav:visited {text-decoration:none; font-size:11px; color:#003366}
A.SubMenuNav:active  {text-decoration:none; font-size:11px; color:#003366}
A.SubMenuNav:hover   {text-decoration:none; font-size:11px; background:#99CCCC; color:#003366}

/* BottomMenuNav styles are applied to the links in the footer (see footer libraries). */
A.BottomMenuNav:link    {font-size:11px; color:#6633CC; text-decoration:underline;}
A.BottomMenuNav:visited {font-size:11px; color:#996699; text-decoration:underline;}
A.BottomMenuNav:active  {font-size:11px; color:#336699; text-decoration:underline;}
A.BottomMenuNav:hover   {font-size:11px; color:#336699; text-decoration:underline;}

/* The following is the style for Heading tags. The associated numbers to each heading
   is intended to signify the importance of the section below the heading. 
   H1: Has only been used in old files, such as: Honours proposals and Seminars. Once those
	   documents have been converted to the new design, there is no need to keep this style here. 
   H2: This is the most important style here and it has been used to define the title of each page.
   H3: This element has also being used largely. */
H2 {text-align:left; color:#333399; font-weight:bold;   font-size:18px}
H3 {text-align:left; color:#336699; font-weight:bold;   font-size:14px}
H4 {text-align:left; color:#CC0066; font-weight:normal; font-size:13px}
H5 {text-align:left; color:#339966; font-weight:normal; font-size:11px}

/* These styles have the same properties than H2, H3 and H4, but they do not represent a header.
   They can be associated with the following elements: span, div and p.
   Examples: <span class="SubHeading2">text comes here</span>
             <div class="SubHeading3">text comes here</div>
			 <p class="SubHeading4">text comes here</p> */
.SubHeading2 {font-size: 18px; font-weight: bold; color: #333399}
.SubHeading3 {font-size: 14px; font-weight: bold; color: #336699}
.SubHeading4 {font-size: 13px; color: #CC0066}

/* This style formats the sub-menu options on the left hand side. */
.SubMenuNav    {font-size:11px; color: #666666;}

/* */
.Footer        {font-size:11px; color: #000000;}
.BottomMenuNav {font-size:11px; color: #666666;}


/* The following styles are not been used in any page. They can be deleted with no side effect
   on the rest of the site. */
H1 {text-align:left; color:#003399; font-weight:bold;   font-size:20px}
H6 {text-align:left; color:#CC0066; font-weight:normal; font-size:8px}

.SubHeading5 {font-size: 11px; color: #339966}
.SubHeading6 {font-size: 8px; color: #CC0066}

P.news {color:#666666; font-size:13px; font-style:italic}

.MainHeading        {font-size:18px; color:#333399; font-weight: bold}
.GrayedOut          {font-size:10px; color:#999999}
.SectionHeading     {font-size:10px; color:#CC0000}
.SiteSectionHeading {font-size:10px; color:#CC0000}
.LeftNav            {font-size:10px; color: #3333FF;}

A.LeftNav:link    {font-size:13px; color:#3300FF; text-decoration:none;}
A.LeftNav:visited {font-size:13px; color:#3300FF; text-decoration:none;}
A.LeftNav:active  {font-size:13px; color:#FF6600;}
.myformheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #006699;
	color: #FFFFFF;
	font-weight: bold;
}
.inputfield {
	background-color: #FFFFFF;
}