@charset "UTF-8";


@media all {
    * { margin:0; padding:0; }
    * html body * { overflow:visible; }
    * html iframe, * html frame { overflow:auto; }
    * html frameset { overflow:hidden; }
    body {
        font-size: 14px;
    }
    div { outline:0 none; }
    fieldset, img { border:0 solid; }
    ul, ol, dl { margin:0; }
    li {
        line-height:1.5em;
        display: block;
    }
    form {
        padding: 15px 5px 5px 10px;
    }
    input {
        margin: 5px 0px 5px 0px;
        font-size: 1.3em;
    }
    input.btn {
        min-width: 85px;
    }
    textarea {
    }
    blockquote { 
        margin:0;
        display: block;
    }
    blockquote  p {
        padding:0;
        display: block;
    }
    h1, h2, h3, h4, p, li {
        padding: 8px 0px 5px 13px;
        display: block;
    }
    a.btn {
        display: block;
        width: 100%;
        height: 100%;
    }
    blockquote:before, blockquote:after,
    q:before, q:after { content:""; }
    .clearfix { display:block; }
    /*safari*/
    .floatbox { overflow:hidden; }
    /*IE*/
    #ie_clearing { display:none; }
    .clearfix:after {
        clear:both;
        content:".";
        font-size:0;
        height:0;
        visibility:hidden;
    }
    .skip, .hideme, .print {
        position:absolute;
        top:-32768px;
        left:-32768px; /* LTR */
    }
}

@media screen, projection
{
    body { overflow: scroll; }
    .container { margin: 0 auto; }
    .container { width: auto;  min-width: 620px; max-width: 1440px; }
    .page { padding: 0px; }
    #header { padding: 0; }
    #nav { overflow:hidden; }
    #main { margin: 0px 0;  }
    #foot { padding: 0; }
    #nav ul { margin-left: 20px; }
    #col_a { float: left; width: 80%; min-height: 600px; }
    #col_b { width: auto; margin: 0 0 0 80%; height: auto;}
    #col_c { width: auto; margin: 0 0 0 80%; height: auto;}
    #col_a_content { padding: 0 0px 0 0px }
    #col_b_content { padding: 0 0px 0 0px}
    #col_c_content { padding: 0 0px 0 0px }
    #header, #nav, #main, #foot { clear:both; }
    .sub_columns { width:100%; overflow:hidden; }
    .item {width: 100%; }

    .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l { float:left; }
    .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r { float:right; margin-left:-5px; }

    .c20l, .c20r { width:20%; }
    .c40l, .c40r { width:40%; }
    .c60l, .c60r { width:60%; }
    .c80l, .c80r { width:80%; }
    .c25l, .c25r { width:25%; }
    .c33l, .c33r { width:33.333%; }
    .c50l, .c50r { width:50%; }
    .c66l, .c66r { width:66.666%; }
    .c75l, .c75r { width:80%; }
    .c38l, .c38r { width:38.2%; }
    .c62l, .c62r { width:61.8%; }

    .subc  { padding:0 0; }
    .subcl { padding:0 0 0 0; }
    .subcr { padding:0 0 0 0; }

    .captioned {
        padding: 8px;
    }

    .center { display:block; text-align:center; margin:0.5em auto; }
    .page_preview { margin: 0 auto; }
}/*
col_a h1 6994fc
col a h2 91c5d2
col a h3 cae7ed
col a p f5f5f5
col b h1 022e91
col b h2 55a2b6
col c h1
col c h2
col b ui 1456f1
col c ui
page background

*/
@media all {
    body {
        text-align:left;
    }
    ul {
        list-style-type: none;
    }
    ul.papers {
        list-style-type: disc;
    }
    a,a:visited,a:hover,a:link {
        text-decoration: none;
        color: inherit;
    }
    a.btn {
        background: #bbbbbb;
        color: #000000;
        text-decoration: none;
        text-align: center;
    }
    a.btn:hover {
        background: #dddddd;
    }
    #col_a {
        background: url("../img/side-f7f7fc-e7e7ff.png") repeat-y scroll right #F7F8FC;
    }
    ol {
        list-style-type: upper-roman;
    }

    a:link {
        color: #4344b8;
    }
    a:visited {
        color: #27286d;
    }
    p {
        font-family: "Nimbus Sans L", Verdana,Univers,"Gill Sans","Gill Sans MT","Liberation Sans","Nimbus Sans L",Calibri,Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 1em;
        line-height:1.5em;
        text-align: justify;

    }

    h1, h2, h3, h4, h5 {
        font-family: "Nimbus Sans L", Verdana,Univers,"Gill Sans","Gill Sans MT","Liberation Sans","Nimbus Sans L",Calibri,Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
        color: #000000;
    }
    h1 {
        font-size: 1.5em;
        font-weight: 600;
        /*letter-spacing: 2px;*/
    }
    h2 {
        font-size: 1.4em;
    }
    h3 {
        font-size: 1.2em;
    }
    h4 {
        font-size: 1.0em;
    }
    .item {background: transparent;}
    .superscript {
        vertical-align: super;
        line-height: 0;
        font-size: .8em;
    }
    .subscript {
        line-height: 0;
        vertical-align: sub;
        font-size: .8em;
    }
    .captioned {
        font-style: italic;
        font-size: .9em;
        text-align: center;
        font-family: "Nimbus Sans L", Verdana,Univers,"Gill Sans","Gill Sans MT","Liberation Sans","Nimbus Sans L",Calibri,Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
    }
    .page {
        background: #5e7eb4;
    }
    #main {
        background: #f7f7fc;
    }
    .teamlist {
        background: url("../img/team-background.png") repeat-y scroll right #F7F8FC;
    }
    table { width: 100%;
            border-collapse:collapse;
            font-family: "DejaVu Sans",Verdana,Univers,"Gill Sans","Gill Sans MT","Liberation Sans","Nimbus Sans L",Calibri,Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
            font-size: .9em;
            margin: 10px 0;
    }
    table tbody {
        padding: 4px 13px;
    }
    table.full th a {
        color: #000088;
    }

    table th {
        font-weight: bold;
    }
    th, td {
        padding: 7px;
    }
    table caption {  }
    table.full {
        width:100%;
        border-top:1px #000 solid; border-bottom:1px #000 solid;
    }
    table.fixed { table-layout:fixed; }
    table.full  th {
        width: 14%;
        font-weight: bold;
    }
    table.full td {
        width: 70%;

    }
    .page_preview {
        width: 98%;
        border: 5px solid black;
    }
}



/*
    Document   : header
    Created on : Sep 1, 2010, 11:49:11 PM
    Author     : jon
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

@media screen {
    #nav {
        display: none;
    }
    #header {
        height: 130px;
        background: url('../graphics/small-header-sky.png') top left no-repeat;
    }
    #header .sub_columns {
        height: 100%;
    }
    #header .sub_columns .c25l {
        background: transparent url('../graphics/small-soar-left.png') top left no-repeat;
        height: 100%;
        width: 200px;
    }
    #header .sub_columns .c50l {
        width: 60%;
        height: 100%;
    }
    #header .sub_columns .c50l .subc {
        height: 100%;
        width: 405px;
        margin: 0 auto;
        background: url('../graphics/only-logo-text.png') left top no-repeat;
    }
    #header .sub_columns .c50l .subc a {
    }
    #header .sub_columns .c50l .subc a:hover {
        color: #d0d0d0;
    }
    #header .sub_columns .c50l .subc a:visited {
        color: #ffffff;
    }
    #header .sub_columns .c25r {
        overflow:  hidden;
        height: 100%;
        width: 13%;
        max-width: 288px;
    }
    #header .sub_columns .c25r .subcr {
        width: 65px;
        background: transparent url('../graphics/smaller-upper-right-logo.png') top center no-repeat;
        height: 100%;
    }
}

@media all
{
    .wide_list {
        
    }

    .wide_list ul {
        margin:0;
        padding:0;
        line-height:1em;
        list-style:none;
        white-space:nowrap;
    }

    .wide_list li {
        /* (en) Repeat the main color from the image */
        /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
        list-style-type:none !important;
        background:#e0ecf8 url("images/sliding_door/round/left.png") no-repeat top left;
        border-bottom:1px solid #000;
        float:left; /* LTR */
        margin:0;
        padding:0 0 0 3px;
    }

    .wide_list a,
    .wide_list strong {
        /* (en) This image is mainly transparent */
        /* (de) Dieses Bild ist größtenteils transparent */
        background:transparent url("images/sliding_door/round/right.png") no-repeat top right;
        color:#667;
        display:block;
        font-weight:normal;
        padding:5px 11px 3px 8px;
        text-decoration:none;
        text-transform:none;

        /**
         * @bugfix
         * @affected   IE5.x, IE6
         * @css-for    all browsers
         * @valid      yes
        */
        width:auto; /* only IE 5.x */
        width/**/:/**/ .1em; /* only IE 6.0 */
    }

    .wide_list a:link,
    .wide_list a:visited { background-color:transparent; color:#667; }

    /**
     * @bugfix
     * @affected   IE5.x, IE6
     * @css-for    all browsers
     * @valid      yes
    */
    .wide_list > ul a,
    .wide_list > ul strong { width:auto; }  /* for other browsers */

    .wide_list ul li:focus,
    .wide_list ul li:hover,
    .wide_list ul li:active {
        /* (en) Repeat the main color from the image */
        /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
        background-color:#c4d0dc;
        background-position:0 -150px;
    }

    .wide_list ul li:focus a,
    .wide_list ul li:hover a,
    .wide_list ul li:active a { background-position:100% -150px; }

    .wide_list a:focus,
    .wide_list a:hover,
    .wide_list a:active {
        background:transparent url("images/sliding_door/round/right.png") no-repeat top right;
        color:#223;
        outline: 0 none;
        text-decoration:none;
    }

    .wide_list ul li.active,
    .wide_list ul li.active:focus,
    .wide_list ul li.active:hover,
    .wide_list ul li.active:active {
        /* (en) Repeat the main color from the image */
        /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
        background:white url("images/sliding_door/round/left_on.png") no-repeat top left;
        border:0 none;
    }

    .wide_list li.active strong {
        /* (en) This image is mainly transparent */
        /* (de) Dieses Bild ist größtenteils transparent */
        background:transparent url("images/sliding_door/round/right_on.png") no-repeat top right;
        color:#334;
        font-weight:bold;
        padding-bottom:4px;
        padding-top:5px;
    }

}
/* 
    Document   : col_a
    Created on : Sep 2, 2010, 1:32:04 AM
    Author     : jon
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


@media screen {
    #col_a_content {
        background: url("../img/side-f7f7fc-e7e7ff.png") repeat-y scroll right center #F7F7FC;
    }
    #col_a_content p  {
        padding: 8px 45px 8px 10px;
        
        font-weight: normal;
        /*letter-spacing: 1px;*/
    }
    #col_a_content h1 {
        display: block;
        text-align: center;
        background: url("../img/cdd4ea-9db1c4.png") repeat-x scroll top #9db1c4 ;
        padding: 5px 0;
    }
    #col_a_content .item {

    }

    #col_a_content ul li {
    font-family: "Nimbus Sans L", Verdana,Univers,"Gill Sans","Gill Sans MT","Liberation Sans","Nimbus Sans L",Calibri,Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
    }
    #col_a_content h2, #col_a_content h3, #col_a_content h4  {
        background: #e7e7ff;
        font-weight: bold;
    }
    #col_a_content p.code {
        font-family: "Nimbus Sans L", Verdana,Univers,"Gill Sans","Gill Sans MT","Liberation Sans","Nimbus Sans L",Calibri,Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: .9em;
        font-weight: bold;
        line-height:1.5em;
    }
}

@media screen {
    #col_b_content, #col_c_content {

    }
    #col_b_content * a, #col_c_content * a {
        display: block;
        padding: 5px 7px;
    }
    #col_b_content h1, #col_c_content h1 {
        background: url("../img/6da2cd-366f9d.png") #366f9d top repeat-x;
        color: #ffffff;
        display: block;
        text-align: center;
        letter-spacing: 2px;
        text-align: center;
        padding: 0px;
    }
    #col_b_content h1 a, #col_b_content h1 a:link,
    #col_c_content h1 a, #col_c_content h1 a:link  {
        border: 0;
        color: #ffffff;
        /*height: 100%;*/
    }
    #col_b_content h1 a:hover, #col_c_content h1 a:hover {
        background: url("../img/6da2cd-366f9d.png") #366f9d top repeat-x;
        color:#FFFfff;
        display: block;
        /*height: 100%;*/
    }
    #col_b_content h2, #col_c_content h2 {
        color: #ffffff;
        background: #6e8dad;
        padding: 5px 10px;
    }
    #col_b_content ul li {
        background: url('../img/eeeeff-e7e5f1.png') top repeat-x scroll #e7e5f1;
        border-bottom: 1px solid #516A88;
        border-left: 1px solid #516A88;
        border-right: 1px solid #516A88;
        line-height: 1.1em;
        text-align: left;
        font-size: 1.1em;
        padding: 2px 0 2px 0px;
        font-family: "Nimbus Sans L", Verdana,Univers,"Gill Sans","Gill Sans MT","Liberation Sans","Nimbus Sans L",Calibri,Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;

    }
    #col_c_content ul li  {
        background: url('../img/eeeeff-e7e5f1.png') top repeat-x scroll #e7e5f1;
        border-bottom: 1px solid #516A88;
        border-left: 1px solid #516A88;
        border-right: 1px solid #516A88;
        line-height: 1.1em;
        text-align: left;
        font-size: 1.1em;
        padding: 2px 0px 2px 0px;

    }
    #col_b_content ul li a, #col_c_content ul li a {
        margin-left: 10px;
        color: #000044;
        font-family: "Nimbus Sans L", Verdana,Univers,"Gill Sans","Gill Sans MT","Liberation Sans","Nimbus Sans L",Calibri,Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
    }
    #col_b_content ul li.active,  #col_c_content ul li.active {
        background: url("../img/b3c4d4-5e7e9e.png") top repeat-x #5e7e9e;

        color:#000000;
    }
    #col_b_content ul  li:hover, #col_c_content ul  li:hover {
        background: url("../img/b3c4d4-5e7e9e.png") top repeat-x #5e7e9e;
        color:#FFFfff;
    }

    #col_b_content ul li.active a,  #col_c_content ul li.active a {
        color:#FFFfff;
    }
    #col_b_content ul li:hover a, #col_c_content ul  li:hover a {
        color:#FFFfff;
    }

    #col_b_content ul.admin li, #col_c_content ul.admin li {
        background: url("../img/ffcccc-ff9999.png") top repeat-x #ff9999;
    }
    #col_b_content ul.admin li.active, #col_c_content ul.admin li.active {
        background: url("../img/ffaaaa-ff4343.png") top repeat-x #ff4343;
    }
    #col_b_content ul.admin li:hover, #col_c_content ul.admin li:hover {
        background: url("../img/ffffff-ffdddd.png") top repeat-x #ffdddd;
        
    }
    #col_b_content ul.admin li:hover a, #col_c_content ul.admin li:hover a {

        color: #000044;
    }
    #col_b_content h1.admin, #col_c_content h1.admin {
        background: url("../img/ff4444-dd0000.png") top repeat-x #dd0000;
    }
    #col_b_content h1.admin a:hover {
        background: url("../img/ff8888-ff0000.png") top repeat-x #ff0000;
        color: #ffffff;
    }
}@media screen {
    #foot .sub_columns .c75l {
    }
    #foot .sub_columns .c75l .subcl {
        width: 80%;
        background: #ffffff ;


    }
    #foot .sub_columns .c75l .subcl p {
        padding: 1em 1em 1em 1em;
        color: #1a3a70;

        border-top: 1px solid black;
        border-left: 1px solid black;
    }
}