html {
    font: 62.5%/1.5 Arial, Helvetica, Sans-Serif;
    overflow-y:scroll; /* always show the vertical scrollbar to avoid visual jumps when the page dynamically grows longer */
    overflow-x:auto;
}
body {
    color:#333;
}
sup {
	font-size:.5em
}
a {
    color: #7F3F7a;
    outline:none;
    text-decoration: none;
}
a:hover {
    color: #F37736;
}
#center {
    background: #FFF;
    margin: 0 auto;
    width: 960px;
    position: relative;
}
strong {
    font-weight:bold;
}
pre {
	font-size:1.2em;
}
.small-font {
	font-size:10px !important;
	line-height:14px !important;
}
.red {
    color:#D31145;
}
.orange {
    color:#F37736;
}
.purple {
    color:#7F3F7A;
}

/* Main Content Column */
.main-content-column {
    font-size:1.2em;
    line-height: 1.8em;
}
.main-content-column h1 {
    color: #D31145;
    font-size: 2.0em;
    line-height: 1.2em;
    margin: 0.4em 0;
    font-weight:normal;
}

/* Navigation */
.inline-navigation-list {
    overflow: hidden;
}
.inline-navigation-list li {
    display: inline;
}
.inline-navigation-list li a {
    text-decoration: none;
}

/* Bottom Navigation */
#bottom-navigation {
    float: left;
    margin: 1em 0;
}
#bottom-navigation li {
    border-left: 1px solid #666;
    margin-left: -1px;
    padding: 0 2em;
}
#bottom-navigation li a {
}

/* Masthead */
#masthead {
    background:#FFF;
    padding: 0;
    width: 100%;
}
#logo {
    background:#73268C;
    top:0;
    padding:9px 0 18px 18px;
}

/* Sidebars */
#right-sidebar {
    overflow: hidden; /* to hide the top border */
}
#left-sidebar h2, #right-sidebar h2 {
    color: #666;
    font-size: 1.2em;
    font-weight: bold;
}
#right-sidebar .sidebar-section {
    margin-top: -1px; /* to hide the top border */
    padding: 1em 0;
    overflow: hidden;
}

/* Left Sidebar */
#left-sidebar a {
    color: #666;
    line-height:1.2em;
}
#left-sidebar h2 {
    color: #FFF;
    background:#666;
    padding:0.5em 0;
}
#left-sidebar h2 a {
    color: #FFF;
    padding-left: 15px;
    text-transform: uppercase;
}
#left-sidebar ul li ul li a:hover {
    color: #D31145;
}
#left-sidebar ul li a {
    display:block;
    font-size: 1.1em;
}
#left-sidebar hr {
    border: 0;
    background-color: #888;
    height: 1px;
    width: 160px;
}
#left-sidebar .sidebar-section {
    padding-top: 20px;
}

/* Left Sidebar Collapsible Menu */
#left-sidebar #left-nav {
    background:#EEE;
}
#left-sidebar ul.collapsible-navigation-menu li a {
    padding: 0.5em 10px 0.5em 25px;
}
#left-sidebar ul.collapsible-navigation-menu  li.head,
#left-sidebar ul.collapsible-navigation-menu  li.current-head {
    border-top:1px solid #CCC;
}
#left-sidebar ul.collapsible-navigation-menu  li.head a {
    color:#7F3F7A;
    background: url(collapsible-nav-arrow-closed.png) no-repeat 5px 50%;
    font-weight:bold;
}
#left-sidebar ul.collapsible-navigation-menu  li.head a.open {
    background: url(collapsible-nav-arrow-open.png) no-repeat 5px 50%;
}
#left-sidebar ul.collapsible-navigation-menu  li.current-head a {
    color:#D31145;
    background: url(collapsible-nav-arrow-open.png) no-repeat 5px 50%;
    font-weight:bold;
}
#left-sidebar ul.collapsible-navigation-menu  li.head ul li a,
#left-sidebar ul.collapsible-navigation-menu  li.current-head ul li a {
    color:#666;
    background-image:none;
    font-weight:normal;
    margin-left:15px;
}
#left-sidebar ul.collapsible-navigation-menu  li.head ul li a:hover,
#left-sidebar ul.collapsible-navigation-menu  li.current-head ul li a:hover {
    color:#D31145;
}
#left-sidebar ul.collapsible-navigation-menu li.head ul {
    background:#CCC;
}
#left-sidebar ul.collapsible-navigation-menu  li.current-head,
#left-sidebar ul.collapsible-navigation-menu li.current-head ul {
    background:#FFF;
}
#left-sidebar ul.collapsible-navigation-menu li.current-head ul li.selected a {
    color:#D31145;
}