﻿body {
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
}

#header, #header .left, #header .right,
#navigation, #navigation .nav,
#sitemap,
#main,
#content,
#research,
#left,
#right,
#footer,
#page,
#legal,
#w3c, #w3c .left, #w3c .right, #w3c .w3c
{
    overflow: hidden;
    height: 100%;
}

a,
h1 a:Hover, h2 a:Hover, h3 a:Hover, h4 a:Hover, h5 a:Hover, h6 a:Hover
{
    color: #74004C;
    text-decoration: underline;
}
a:Hover,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.form .item label.main, .form .item span.main, span.login
{
    color: #74004C;
    text-decoration: none;
}
p
{
    margin: 0px;
    padding: 0px;
    border: 0px;
}
h1, h2, h3, h4, h5, h6,
.AspNet-Login .AspNet-Login-TitlePanel, .AspNet-PasswordRecovery-UserName-TitlePanel,
input.title, fieldset legend, .modalHdr
{
    color: #74004C;
    margin: 0px;
    padding: 0px;
    border: 0px;
    font-weight: normal;
}
h1, h2
{
    font-size: 16pt;
}
h2 input.title
{
    font-size: 18pt;
}
h3
{
    font-size: 12pt;
}
h4, h5, h6, fieldset legend
{
    font-size: 10pt;
}

/* Defines the margins within each element */
#page, #header, #footer, #legal, #w3c
{
    width: 837px;
    margin: 0px auto;
}
#page
{
    background: White url("content-bg.png") repeat-y top left;
}

/************* HEADER STUFF ************/

#header
{
    border-bottom: solid 1px Silver;
    margin-top: 10px;
}
#header .left
{
    float: left;
    width: 49%;
}
#header .right
{
    float: right;
    width: 49%;
    text-align: right;
}
#header span.date
{
    font-size: 8pt;
}
#header a
{
    color: #74004C;
}
#header h1, #header h2, #header h3
{
    text-transform: lowercase;
    margin: 5px 0px;
}
#header h3
{
    font-size: 10pt;
}
#header h2
{
    font-size: 14pt;
}

/************* NAVIGATION ************/

#navigation
{
    margin-top: 10px;
    float: left;
    width: 160px;
}
#navigation ul, #right .Menu ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
#navigation ul li, #right .Menu ul li
{
    margin: 0px;
    padding: 0px;
}
#navigation ul li a, .Menu ul li a
{
    color: #333333;
    text-decoration: none;
    font-size: 14px;
    display: block;
    padding: 4px 0px;
}
#navigation ul li a:Hover, #navigation ul li a.Selected, #navigation ul li a.Selected-Section,
#right .Menu ul li a:Hover, #right .Menu ul li a.Selected
{
    color: #74004C;
    background-color: #F1F1F1;
}
#navigation ul li a.Selected:Hover, #navigation ul li a.Selected-Section:Hover,
#right .Menu ul li a.Selected:Hover
{
    text-decoration: underline;
}
#navigation .nav, #right .Menu
{
    margin-top: 25px;
    border-top: solid 1px Silver;
    padding-top: 10px;
}
#navigation .nav h4, #right .Menu h4
{
    font-size: 14px;
    padding-bottom: 10px;
}


/************* SITE MAP ***********/
#sitemap
{
}

/************* CONTENT ************/
/* This is the main area of the page consisting of two columns - #left and #right */

#content, #research
{
    min-height: 475px;
    float: left;
    border-left: solid 1px Silver;
}
#content
{
    border-right: solid 1px Silver;
    width: 500px;
}
#research
{
    width: 676px;
}

/* Not used in this website - uses navigation instead */
#left
{
}

#right
{
    float: left;
    width: 174px;
    margin-top: 10px;
}
#right address
{
    font-style: normal;
    padding: 4px;
    border-top: solid 1px Silver;
}


/************* FOOTER ************/

#footer
{
    text-align: center;
    margin: 5px auto 10px auto;
}
#footer a, #legal a, #top-link a
{
    color: Gray;
}
#footer p
{
    margin: 0px;
}

#legal
{
    border-top: solid 1px Silver;
    padding-top: 10px;
    text-align: center;
}
#legal, #footer
{
    font-size: 8pt;
}
#legal ul, #legal li
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: inline;
}
#legal li.copy
{
    margin-right: 6px;
}
#legal li a
{
    padding: 0px 6px;
    border-left: dotted 1px Silver;
}

/* #w3c CSS Logo */
#w3c
{
    margin: 20px auto 10px auto;
}
#w3c .left, #w3c .right
{
    height: 100%;
    overflow: hidden;
}
#w3c .left
{
    width: 49%;
    float: left;
    text-align: right;
}
#w3c .right
{
    width: 49%;
    float: right;
}
#w3c .w3c
{
    text-align: center;
}