@media screen {
    /* reset */
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td, input {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
        overflow: visible;
    }

    .clear {
        clear: both;
    }

    .print-only {
        display: none;
    }

    *[align=center] {
        text-align: center;
    }

    body {
        font-family: Veranda, Arial, sans-serif;
        font-size: 16px;
        text-align: justify;
        min-width: 970px;
    }

    h1 {
      font-size: 24px;
      padding: 6px 0;
      text-align: left;
    }

    h2 {
      font-size: 20px;
      padding: 5px 0;
      text-align: left;
      clear: both;
    }

    h3 {
      font-size: 16px;
      padding: 4px 0;
      text-align: left;
      font-weight: bold;
      clear: both;
    }

    h4 {
      font-size: 14px;
      padding: 4px 0;
      text-align: left;
      clear: both;
    }

    h5 {
      font-size: 12px;
      padding: 3px 0;
      text-align: left;
      clear: both;
    }

    h6 {
      font-size: 10px;
      padding: 3px 0;
      text-align: left;
      clear: both;
    }

    p {
        padding-bottom: 8px;
    }

    ol {
        margin-left: 24px;
    }

    table, caption, tbody, tfoot, thead, tr, th, td {
        vertical-align: top;
    }

    td>img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    a, a.subtle {
        text-decoration: none;
    }

    a:hover, a.subtle:hover {
        text-decoration: underline;
    }

    button,
    input.button,
    #sbox-content input.button,
    th.pagenav_prev,
    th.pagenav_next,
    .pagenav_prev a,
    .pagenav_next a {
        width: 72px;
        height: 24px;
        line-height: 24px;
        background-color: transparent;
        background-image: url("../images/button.png");
        background-repeat: no-repeat;
        background-position: 0 0;
        padding: 0;
        border: none;
    }

    button:hover,
    input.button:hover,
    #sbox-content input.button:hover,
    .pagenav_prev a:hover,
    .pagenav_next a:hover {
        width: 72px;
        height: 24px;
        line-height: 24px;
        background-color: transparent;
        background-image: url("../images/button.png");
        background-repeat: no-repeat;
        background-position: 0 -24px;
        padding: 0;
        border: none;
    }

    div#map input.button[type="submit"] {
        width: auto !important;
        height: auto !important;
        display: inline-block;
        border: 2px outset silver;
        background-color: silver;
        color: black;
        padding: 2px 2px 2px 2px;
        cursor: default;
        background-image: none;
    }


    div#map input.button[type="submit"]:active {
        border-style: inset;
    }

    div#map input[type="text"] {
        width: auto !important;
        height: 24px;
        border: 1px outset silver;
    }

    .pagenav_prev a,
    .pagenav_next a {
        display: block;
        text-decoration: none;
    }

    div#bg-wrapper {
        background-image: url("../images/background.png");
        background-repeat: repeat-y;
        background-position: top center;
        background-attachment: scroll;
    }


    div#header {
        height: 218px;
        background-image: url(../images/background-header.png);
        background-repeat: repeat-x;
    }



    div.wrapper {
        width: 970px;
        background-color: transparent;
        margin-left: auto;
        margin-right: auto;
    }

    img#head,
    div#menubar {
        margin-left: 310px;
    }

    div#menubar,
    div#footermenu {
        height: 48px;
    }

    div#footermenu {
        padding: 0px 150px 0px 150px;
    }

    div#topmenu ul,
    div#footermenu ul {
        list-style: none;
    }

    div#topmenu ul,
    div#footermenu ul:first-child {
        float: left;
    }

    div#footermenu ul+ul {
        float: right;
    }

    div#topmenu ul li,
    div#footermenu ul li {
        float: left;
        font-size: 12px;
        height: 48px;
        line-height: 48px;
		position: relative;
    }

    div#topmenu ul li a,
    div#topmenu ul li div,
    div#footermenu ul li a,
    div#footermenu ul li div {
        display: block;
        float: left;
        font-weight: bold;
        height: 48px;
        line-height: 48px;
        padding-left: 10px;
        padding-right: 10px;
        text-decoration: none;
        white-space: nowrap;
    }

    div#topmenu ul li a:hover,
    div#topmenu ul li div,
    div#footermenu ul li a:hover,
    div#footermenu ul li div {
        background-image: url("../images/bars.png");
        background-position: 0px -48px;
        background-repeat: repeat-x;
    }
	
	div#topmenu ul li div,
    div#footermenu ul li div {
		position: absolute;
		left: 0;   
		top: 0;
		z-index: 0;
	}
	
	div#topmenu ul li a.hover,
	div#topmenu ul li a.hover:hover,
	div#footermenu ul li a.hover,
	div#footermenu ul li a.hover:hover {
		position: relative;
		z-index: 1;		
        background-image: url("../images/bars.png");
        background-position: 0px 0px;
        background-repeat: repeat-x;
	}

    div#search {
        float: right;
        margin-right: 95px;
    }

    input.inputbox {
        border: 1px solid #333333;
    }

    div#search input.inputbox {
        height: 16px;
        font-size: 12px;
        width: 200px;
        margin-top: 13px;
        margin-bottom: 13px;
    }

    div#header .wrapper {
        position: relative;
    }

    img#crest, a.login {
        position: absolute;
        top: 0;
        left: 0;
        width: 300px;
    }

    a.login>img#crest {
        position: static;
    }

    div#main-content-body {
        width: 800px;
        margin-left: auto;
        margin-right: auto;
        border-left: 1px solid #990000;
        border-right: 1px solid #990000;
        background-image:  url("../images/parker-crest-small.png");
        background-repeat: no-repeat;
        background-position: bottom left;
    }

    div#breadcrumbs {
        width: 800px;
        height: 48px;
        background-image: url("../images/bars.png");
        background-repeat: repeat-x;
        background-position: 0px -96px;
        overflow: visible;
    }

    div.pathway {
        display: inline;
        float: left;
        padding-left: 215px;
        height: 48px;
        background-image: url("../images/bars.png");
        background-repeat: repeat-x;
        background-position: 0px -144px;
        font-size: 12px;
        line-height: 48px;
    }

    div.pathway>div.separator {
        float: left;
        display: block;
        width: 10px;
        height: 48px;
        background-image: url("../images/breadcrumbs-mid.png");
        background-repeat: no-repeat;
    }

    div.pathway>div.last_separator {
        display: block;
        float: left;
        width: 8px;
        height: 48px;
        background-image: url("../images/breadcrumbs-end.png");
        background-repeat: no-repeat;
    }

    div.pathway>div.text {
        float: left;
        display: block;
        height: 48px;
    }

    div.pathway>div.link {
        float: left;
        display: block;
        height: 48px;
    }


    a.pathway {
        display: block;
        float: left;
        height: 48px;
        line-height: 48px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 12px;
        text-decoration: none;
    }

    /** start left column **/
    div#left-column {
        width: 190px;
        padding-left: 5px;
        padding-right: 5px;
        float: left;
        padding-top: 60px;
        padding-bottom: 10px;
        margin-bottom: 230px;
    }

    div#left-column ul {
        list-style: none;
    }

    div#left-column ul.menu {
        margin-top: 10px;
        background-image: url("../images/menu-highlight.png");
        background-repeat: no-repeat;
        background-position: bottom center;
    }
	
	div#left-column ul.menu li {
		position: relative;
	}

    div#left-column ul.menu ul {
        background-image: url("../images/submenu-highlight-1.png");
        background-repeat: no-repeat;
        background-position: bottom center;
    }

    div#left-column ul.menu ul ul {
        background-image: url("../images/submenu-highlight-2.png");
        background-repeat: no-repeat;
        background-position: bottom center;
    }

    div#left-column ul.menu,
    div#left-column ul.menu ul {
        width: 190px;
        padding-bottom: 1px;
    }

    div#left-column ul.menu>li>a,
    div#left-column ul.menu>li>div,
    div#left-column ul.menu>li>ul>li>a,
    div#left-column ul.menu>li>ul>li>div,
    div#left-column ul.menu>li>ul>li>ul>li>a,
    div#left-column ul.menu>li>ul>li>ul>li>div {
        width: 190px;
        display: block;
        text-decoration: none;
        font-size: 12px;
        text-align: center;
        overflow: hidden;
    }

    div#left-column ul.menu>li>a,
	div#left-column ul.menu>li>div {
        height: 32px;
        line-height: 32px;
        background-image: url("../images/menu-sprite.png");
        background-position: 0px 0px;
        background-color: #345678;
    }


    div#left-column ul.menu>li>ul>li>a,
	div#left-column ul.menu>li>ul>li>div {
        height: 28px;
        line-height: 28px;
    }

    div#left-column ul.menu>li>ul>li>a,
    div#left-column ul.menu>li>ul>li>div,
    div#left-column ul.menu>li.parent.active>a,
    div#left-column ul.menu>li.parent.active>div {
        background-image: url("../images/submenu-sprite.png");
        background-position: 0px 0px;
    }

    div#left-column ul.menu>li>ul>li>ul>li>a,
	div#left-column ul.menu>li>ul>li>ul>li>div {
        height: 24px;
        line-height: 24px;
    }

    div#left-column ul.menu>li>ul>li>ul>li>a,
    div#left-column ul.menu>li>ul>li>ul>li>div,
    div#left-column ul.menu>li>ul>li.parent.active>a,
    div#left-column ul.menu>li>ul>li.parent.active>div {
        background-image: url("../images/submenu-sprite.png");
        background-position: 0px 72px;
    }

    div#left-column ul.menu>li>a:hover,
	div#left-column ul.menu>li>div {
        width: 190px;
        height: 32px;
        background-image: url("../images/menu-sprite.png");
        background-position: 0px 36px;
    }

    div#left-column ul.menu>li>ul>li>a:hover,
    div#left-column ul.menu>li>ul>li>div,
    div#left-column ul.menu>li.parent.active>a:hover,
    div#left-column ul.menu>li.parent.active>div {
        background-image: url("../images/submenu-sprite.png");
        background-position: 0px 108px;
    }

    div#left-column ul.menu>li>ul>li>ul>li>a:hover,
    div#left-column ul.menu>li>ul>li>ul>li>div,
    div#left-column ul.menu>li>ul>li.parent.active>a:hover,
    div#left-column ul.menu>li>ul>li.parent.active>div {
        background-image: url("../images/submenu-sprite.png");
        background-position: 0px 36px;
    }
	
	div#left-column ul li div {
		position: absolute;
		left: 0;   
		top: 0;
		z-index: 0;
	}
	
	div#left-column ul.menu li a {
		position: relative;
		z-index: 1;
	}
	
    div#left-column ul.menu>li>a.hover,
	div#left-column ul.menu>li>a.hover:hover {
        background-image: url("../images/menu-sprite.png");
        background-position: 0px 0px;
    }
	
	div#left-column ul.menu>li>ul>li>a.hover,
    div#left-column ul.menu>li>ul>li>a.hover:hover,
    div#left-column ul.menu>li.parent.active>a.hover,
    div#left-column ul.menu>li.parent.active>a.hover:hover {
        background-image: url("../images/submenu-sprite.png");
        background-position: 0px 0px;
    }

    div#left-column ul.menu>li>ul>li>ul>li>a.hover,
    div#left-column ul.menu>li>ul>li>ul>li>a.hover:hover,
    div#left-column ul.menu>li>ul>li.parent.active>a.hover,
    div#left-column ul.menu>li>ul>li.parent.active>a.hover:hover {
        background-image: url("../images/submenu-sprite.png");
        background-position: 0px 72px;
    }

    form#form-login {
        width: 190px;
        margin-top: 10px;
        padding-left: 5px;
        padding-right: 5px;
        background-image: url("../images/menu-highlight.png");
        background-repeat: no-repeat;
        background-position: bottom center;
        padding-bottom: 1px;
    }

    form#form-login input.button {
        margin: 0px;
        padding: 0px;
        border: 0px;
        width: 190px;
        height: 32px;
        background-image: url("../images/menu-sprite.png");
        background-position: 0px 0px;
        font-size: 12px;
        font-weight: bold;
        line-height: 32px;
    }

    /** end left column **/

    div#main-column {
        width: 595px;
        float: left;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 5px;
    }

    .buttonheading {
        padding: 7px 0;
        float: right;
        text-align: right;
        width: 75px;
        clear: right;
    }

    .buttonheading a {
        margin-left: 1px;
        margin-right: 1px;
    }

    a.contentpagetitle {
        text-decoration: none;
    }

    .contentheading {
        width: 520px;
        float: left;
    }

    .iteminfo,
    .articleinfo {
        clear: both;
    }

    .article_row .cols2 .contentheading {
        width: 217px;
    }

    .article_row .article_column.column1.cols2 {
        float: left;
        width: 292px;
        margin-right: 11px;
    }

    .article_row .article_column.column2.cols2 {
        float: right;
        width: 292px;
    }

    .row_separator {
        display: block;
        height: 0;
        clear: both;
    }

    .article_separator {
        display: none;
    }

    div#frontpage-trail {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        padding: 5px;
    }

    div#frontpage-trail .article_row .cols2 .contentheading {
        width: 212px;
    }

    div#frontpage-trail .article_row .article_column.column1.cols2,
    div#frontpage-trail .article_row .article_column.column2.cols2 {
        width: 287px;
    }


    div#content ul {
        margin-left: 24px;
    }

    div#content ul.category {
        list-style: none;
        margin: 0;
    }

    div#content div#map {
        width: 590px;
    }

    div#content div#map {
        height: 590px;
    }

    tr.sectiontableentry1>td,
    tr.sectiontableentry2>td {
        padding: 5px;
    }

    .small,
    .createdate,
    .modifydate,
    .createdby,
    tr.page_counter {
        font-size: 10px;
    }

    .createdate,
    .modifydate,
    .createdby {
        display: block;
    }

    div.pagination {
        display: block;
        text-align: center;
    }

    ul.pagination {
        display: inline-block;
        height: 24px;
        margin-top: 25px;
        margin-bottom: 10px;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
    }

    ul.pagination li {
        float: left;
        height: 24px;
        line-height: 24px;
        background-image: url("../images/button.png");
        background-repeat: no-repeat;
        background-position: top center;
        display: inline;
    }

    ul.pagination li a:hover {
        background-image: url("../images/button.png");
        background-repeat: no-repeat;
        background-position: bottom center;
        text-decoration: none;
    }

    ul.pagination li.start {
        background-image: url("../images/button.png");
        background-repeat: no-repeat;
        background-position: top left;
    }

    ul.pagination li.start a:hover {
        background-image: url("../images/button.png");
        background-repeat: no-repeat;
        background-position: bottom left;
        text-decoration: none;
    }

    ul.pagination li.end {
        background-image: url("../images/button.png");
        background-repeat: no-repeat;
        background-position: top right;
    }

    ul.pagination li.end a:hover {
        background-image: url("../images/button.png");
        background-repeat: no-repeat;
        background-position: bottom right;
        text-decoration: none;
    }

    ul.pagination a,
    ul.pagination span {
        display: block;
        padding-left: 10px;
        padding-right: 10px;
    }

    p.counter {
        display: block;
        text-align: center;
    }

    .pagenav {
        margin-left: auto;
        margin-right: auto;
    }

    .weblinks .display {
        text-align: right;
        margin-bottom: 5px;
        margin-right: 2px;
    }

    .weblinks ul {
        margin: 8px 0;
    }

    .weblinks a {
        padding-left: 24px;
        background-image: url(../images/weblink.png);
        background-position: center left;
        background-repeat: no-repeat;
    }

    .weblinks li {
        line-height: 200%;
    }

    .contact span.marker {
        width: 25px;
        float: left;
        margin-left: 10px;
        margin-top: 3px;
    }

    .contact address, .contact p.contact_detail {
        width: 560px;
        float: left;
        line-height: 24px;
    }

    label.invalid {
        color: #990000;
    }
    .invalid {
        border-color: #990000;
    }

    .contact form {
        float:left;
        width: 555px;
        background-color: #191919;
        padding: 20px;
    }

    .contact_email,
    .contact_email_checkbox {
        padding: 5px 0 5px 0;
        clear:both;
        width: 450px;
    }

    .contact_email textarea {
        width: 450px;

    }

    .contact_email input {
        float: right;
    }

    .contact_email label {
        float: left;
    }

    /*** start image ***/

    div.image {
      display: inline-block;
      margin: 5px;
      padding: 0px;
      background-color: #222222;
      border: 1px solid #191919;
    }

    div.image img {
      padding: 0px;
      margin: 5px;
    }

    div.image-caption {
      margin-top: 2px;
      background: #191919;
      padding: 1px 2px;
      font-size: 10px;
    }

    /*** end image ***/

    /*** start quotes ***/

    blockquote.quote-center {
      margin: 0px;
      padding: 0px;
      font-size: 120%;
      font-style: italic;
      font-family: "times new roman", times, georgia, garamond, serif;
      margin-top: 24px;
      margin-bottom: 24px;
      padding-left: 10%;
      padding-right: 10%;
    }

    blockquote.quote-left {
      float: left;
      width: 40%;
      font-size: 140%;
      font-style: italic;
      font-family: "times new roman", times, georgia, garamond, serif;
      letter-spacing: 2px;
      line-height: 30px;
      margin-right: 16px;
      margin-left: 0px;
      margin-top: 16px;
      margin-bottom: 16px;
    }

    blockquote.quote-right {
      float: right;
      width: 40%;
      font-size: 140%;
      font-style: italic;
      font-family: "times new roman", times, georgia, garamond, serif;
      letter-spacing: 2px;
      line-height: 30px;
      margin-left: 16px;
      margin-right: 0px;
      margin-top: 16px;
      margin-bottom: 16px;
    }

    /*** end quotes ***/


    /*** start credit ***/
    p.credit {
      text-indent: 0em;
      font-style: italic;
    }
    /*** end credit ***/

    /*** start belt requirement layout ***/
    table.techniques, table.forms-sets {
      margin: 0px;
      padding: 0px;
      border: 0px;
      border-collapse: collapse;
      width: 100%;
      font-size: 12px;
    }

    table.techniques caption {
      font-weight: bold;
      font-size: 16px;
      padding-top: 16px;
      padding-bottom: 8px;
    }

    table.techniques caption em {
      font-style: italic;
      font-weight: normal;
      font-size: 12px;
    }

    table.forms-sets td {
      width: 50%;
      font-variant: small-caps;
    }

    table.techniques td,
    table.techniques th,
    table.forms-sets td,
    table.techniques th {
      padding-top: 8px;
      padding-bottom: 8px;
    }

    table.techniques td.technique {
      font-variant: small-caps;
      vertical-align: top;
      text-align: left;
      width: 35%;
    }

    table.techniques td.attack {
      font-variant: normal;
      vertical-align: bottom;
      width: 65%;
    }
    /*** end belt requirement layout ***/

    /*** start family-tree ***/

    #family-tree {
      width: 590px;
      float: left;
      margin: 0px;
      padding: 0px;
      margin-top: 8px;
    }

    #family-tree div.portrait-center,
    #family-tree div.portrait-left,
    #family-tree div.portrait-right{
      width: 212px;
      padding: 0px;
    }

    #family-tree div.portrait-center {
      margin-left: auto;
      margin-right: auto;
      clear: both;
    }

    #family-tree div.portrait-left {
      float: left;
    }

    #family-tree div.portrait-right {
      float: right;
    }

    #family-tree #group {
        padding: 0px 2px 0px 2px;
    }

    #family-tree div.head {
      float: left;
      text-align: center;
      width: 140px;
      margin: 3px;
      font-size: 10px;
    }

    #family-tree div.direct-link-short {
      width: 100%;
      background-image: url(../images/family-tree-link.png);
      background-position: top center;
      background-repeat: repeat-y;
      height: 36px;
      clear: both;
    }

    #family-tree div.direct-link-vshort {
      width: 100%;
      background-image: url(../images/family-tree-link.png);
      background-position: top center;
      background-repeat: repeat-y;
      height: 12px;
      clear: both;
    }

    #family-tree div.branch-link-to {
      width: 366px;
      height: 12px;
      border-width: 12px 12px 0px 12px;
      border-style: solid;
      border-color: #222222;
      margin-left: auto;
      margin-right: auto;
      background-image: url(../images/family-tree-link.png);
      background-position: top center;
      background-repeat: repeat-y;
      clear: both;
    }

    #family-tree div.branch-link-from {
      width: 366px;
      height: 12px;
      border-width: 0px 12px 12px 12px;
      border-style: solid;
      border-color: #222222;
      margin-left: auto;
      margin-right: auto;
      background-image: url(../images/family-tree-link.png);
      background-position: top center;
      background-repeat: repeat-y;
      clear: both;
    }

    #family-tree div.portrait-pair {
      display: inline;
      width: 100%;
      background-image: url(../images/family-tree-link.png);
      background-position: top center;
      background-repeat: repeat-y;
      float: left;
      clear: both;
    }

    #family-tree div.direct-link-group {
      float: right;
      width: 590px;
      height: 100px;
      background: transparent  url(../images/curly-bracket-590.png) no-repeat left top;
      clear: both;
    }

    #family-tree div.image {
      margin: 0px;
    }

    /*** end family-tree ***/

    /*** start grading syllabus ***/
    div.grading-syllabus {
		width: 100%;
        height: 48px;
    }

    div.belt-white,     div.belt-yellow,
    div.belt-orange,    div.belt-purple,
    div.belt-blue,      div.belt-green,
    div.belt-brown-3,   div.belt-brown-2,
    div.belt-brown-1,   div.belt-black-1,
    div.belt-black-2,   div.belt-black-3 {
        background-image: url(../images/belts.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
    }

    div.belt-yellow { background-position: 0px -48px; }
    div.belt-orange { background-position: 0px -96px; }
    div.belt-purple { background-position: 0px -144px; }
    div.belt-blue { background-position: 0px -192px; }
    div.belt-green { background-position: 0px -240px; }
    div.belt-brown-3 { background-position: 0px -288px; }
    div.belt-brown-2 { background-position: 0px -336px; }
    div.belt-brown-1 { background-position: 0px -384px; }
    div.belt-black-1 { background-position: 0px -432px; }
    div.belt-black-2 { background-position: 0px -480px; }
    div.belt-black-3 { background-position: 0px -528px; }

    div.grading-syllabus a {
        display: block;
        width: 470px;
        height: 48px;
        line-height: 48px;
        padding-left: 120px;
    }

    div.grading-syllabus a:hover {
        text-decoration: none;
        color: #ffffff;
    }

    div.belt-white {
        line-height: 48px;
        padding-left: 120px;
        color: #aaaaaa;
    }

    /*** end grading syllabus ***/

    /*** start login component ***/
    div#content fieldset.input {
        width: 190px;
    }

    div#content fieldset.input p {
        margin-bottom: 5px;
    }

    div#content input#username,
    div#content input#passwd {
        width: 190px;
    }

    div#content fieldset label {
        width: 120px;
        float: left;
        text-align: right;
        margin-right: 5px;
    }
    /*** end login component ***/

    /*** start footer menu ***/
    div#foot {
        min-height: 248px;
        background-image: url(../images/background-footer.png);
        background-repeat: repeat-x;
    }
    /*** end page footer menu ***/

    /*** start words of wisdom ***/
    div#words-of-wisdom {
        width: 650px;
        margin: 10px 160px 10px 160px;
        font-style: italic;
    }

    div#words-of-wisdom div.left-quotes {
        width: 615px;
        padding-left: 35px;
        background: transparent url("../images/quotes-left.png") no-repeat top left;
    }

    div#words-of-wisdom div.right-quotes {
        width: 580px;
        padding-right: 35px;
        background: transparent url("../images/quotes-right.png") no-repeat bottom right;
    }

    div#words-of-wisdom div#quote {
        width: 545px;
        padding: 8px 10px 8px 10px;
        font-size: 18px;
        text-align: center;
    }

    div#words-of-wisdom div#source {
        width: 650px;
        margin: 5px 0px 5px 0px;
        font-size: 14px;
        text-align: right;
    }

    /*** end words of wisdom ***/

    /*** start footer ***/
    div#footer {
        margin: 30px 160px 5px 160px;
	}

    div#mod_footer {
        float: left;
        font-size: 12px;
    }
	
	div#mod_footer a.subtle:hover {
		text-decoration: none;
	}

    div#badges {
        float: right;
    }
    /*** end footer ***/

    /*** start system messages ***/

    #system-message {
        margin-left: auto;
        margin-right: auto;
    }

    #main-content-body #system-message {
        margin-bottom: 10px;
        padding: 0px;
        width: 600px;
        float: left;
    }

    #system-message dt {
        font-weight: bold;
    }
    #system-message dd {
        color: #0055BB;
        margin: 0;
        font-weight: bold;
        text-indent: 30px;
        border-top: 3px solid #84A7DB;
        border-bottom: 3px solid #84A7DB;
        background-color: #C3D2E5;
        padding-left: 10px;
        padding-right: 10px;
    }
    #system-message dd ul {
        color: #0055BB;
        margin-bottom: 10px;
        list-style: none;
        padding: 10px;
    }

    #system-message dt.message {
        display: none;
    }
    #system-message dd.message {

    }
    #system-message dd.message ul {
        background: #C3D2E5 url(../../system/images/notice-info.png) no-repeat center left;
        margin:0px;
        padding-left: 40px;
        text-indent:0px;
    }

    #system-message dt.error {
        display: none;
    }
    #system-message dd.error {
        color: #c00;
        background-color: #E6C0C0;
        border-top: 3px solid #DE7A7B;
        border-bottom: 3px solid #DE7A7B;
    }
    #system-message dd.error ul {
        color: #c00;
        background: #E6C0C0 url(../../system/images/notice-alert.png) no-repeat center left;
        margin:0px;
        padding-left: 40px;
        text-indent:0px;
    }

    #system-message dt.notice {
        display: none;
    }

    #system-message dd.notice {
        color: #c00;
        background: #EFE7B8;
        border-top: 3px solid #F0DC7E;
        border-bottom: 3px solid #F0DC7E;
    }

    #system-message dd.notice ul {
        color: #c00;
        background: #EFE7B8 url(../../system/images/notice-note.png) no-repeat center left;
        margin: 0px;
        padding-left: 40px;
        text-indent:0px;
    }

    /*** end system messages ***/

    /*** start modal css ***/
    #sbox-overlay {
        background-color: #100;
    }

    .sbox-loading #sbox-content {
        background-image:		url(../images/spinner.gif);
        background-repeat:		no-repeat;
        background-position:	center;
    }

    #sbox-btn-close {
        position:				absolute;
        width:					30px;
        height:					30px;
        right:					-15px;
        top:					-15px;
        background:				url(../images/closebox.png) no-repeat top left;
        border:					none;
    }

    #sbox-window {
        padding: 1px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    #sbox-content {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        padding: 5px 5px 5px 5px;
        width: 190px;
        height: 290px;
    }

    #sbox-content fieldset.input {
        margin-left: 5px;
        margin-right: 5px;
        width: 190px;
    }

    #sbox-content fieldset.input p {
        margin-bottom: 5px;
    }

    #sbox-content input#username,
    #sbox-content input#passwd {
        width: 190px;
    }

    #sbox-content ul {
        list-style: none;
        margin-top: 10px;
        margin-left: 5px;
        margin-right: 5px;
        width: 190px;
    }

    #sbox-content dl#system-message {
        display: none;
    }

    /*** end modal css ***/

    /*** article specific css ***/


    /*** start club profiles ***/
    table#club-profiles {
        width: 450px;
        margin-left: 70px;
        margin-right: 70px;
        border-collapse: collapse;
    }

    table#club-profiles td {
        width: 128px;
        height: 128px;
        padding: 11px;
    }

    table#club-profiles td+td {
        width: 300px;
        height: 150px;
        vertical-align: middle;
    }

/*** end club profiles ***/

    #gtranslate {
        width: 180px;
        padding-left: 7px;
        padding-right: 7px;
        margin-top: 10px;
        text-align: left;
    }

}