/**********************************************************************************************************************

* Global HTML Settings

**********************************************************************************************************************/

body {

    margin: 0;

    padding: 0;

    background-position: center 200px;

    background-color: #fffdeb;

    background-image: url(../images/body_background.gif);

    background-repeat: repeat-y;

    color: #000;

}





/**********************************************************************************************************************

* Global FORMAT Settings

**********************************************************************************************************************/



div, form, ul, li, h2, h3, p {

    margin: 0;

    padding: 0;

}



div, form {

    font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;

    font-size: 10pt;

    text-align: left,

}





.clear-both, .clear-right, .clear-left {

    clear: both;

    font-size: 1pt;

    width: 1px;

    height: 1px;

}



.clear-left {

    clear: left;

}



.clear-right {

    clear: right;

}



/*********************************************************************************************************************

* Global LAYOUT Settings

*********************************************************************************************************************/



div#body {

    width: 100%;

    text-align: center;

}



div#page-background {

    background-repeat: repeat-y;

    min-height: 100%;

    width: 760px;

    margin: auto auto auto auto;

    margin-top: -10px;

    position: relative;

    top: 0px;

}



div#logo {

    margin: auto auto auto auto;

    text-align: left;

    height: 130px;

    background-color: #fffdeb;

}



div#body-content {

    width: 760px;

    margin: auto;

    text-align: right;

}



div#page {

    width: 716px;

    margin: auto;

    margin-right: 0;

    text-align: left;

}



div#page-header, div#page-footer {

    width: 100%;

    height: 8px;

    background-image: url(../images/page-header_bg.gif);

    background-repeat: no-repeat;

    font-size: 1pt;

}



div#page-header {

    position: relative;

    top: -5px;

}



div#page-footer {

    background-image: url(../images/page-footer_bg.gif);

    position: relative;

    top: -5px;

}



div#service-navigation {

    text-align: center;

}



div#page-content {

    background-image: url(../images/content_bg.gif);

    background-repeat: repeat-y;

    padding: 0 0 10px 0;

    position: relative;

    top: -5px;

}



div#content-page {

    width: 705px;

    margin: 0 0 0 7px;

    min-height: 400px;

}





/*********************************************************************************************************************

* Setup NAVIGATION 

*********************************************************************************************************************/



div#navigation {

    width: 100%;

    height: auto;

    font-size: 9pt;

    letter-spacing: 1pt;

    font-weight: bold;

    border-bottom: 2px solid #134093;

    padding: 0 0 0.6em 0;

    margin-bottom: 28px;

}



div.navigation-select {

    background-image: url(../images/navigation-bg-right.gif);

    background-position: right top;

    background-repeat: repeat-y;

    float: left;

    text-align: center;

    padding: 0px 10px 0px 10px;

    margin: 4px 0 0 0;

}



div.active {

    color: #134093;

}



span.active {

    border-bottom: 2px solid #fcc200;

    color: #134093;

}



div.onerow {

    padding: 5px 4px 6px 4px;

}



div.tworow {

    max-width: 130px;

    padding: 0px 8px;

    margin: 4px 0 0 0;

    line-height: 1.1em;

}



div.lastrow {

    width: 150px;

}



div.navigation-select a {

    text-decoration: none;

    color: #4d4d4d;

    padding: 0 0 5px 0;

}



div.tworow {

    line-height: 10pt;

}



div.navigation-select a:hover {

    color: #134093;

}



div.onerow a:hover {

    background: none;

}



div.onerow a.active {

    color: #134093;

    background: none;

    border-bottom: 2px solid #fcc200;

}





div.tworow a.active {

    color: #134093;

    background: none;

    border-bottom: 2px solid #fcc200;

    padding-bottom: 0;

}



div.activetworow {

    border-bottom: 2px solid #fcc200;

}





/* Service Navigation  */



div#service-navigation {

    text-transform: uppercase;

    font-size: 8pt;

    margin: 0 0 20px 0;

}



div#service-navigation a {

    color: #000;

    text-decoration: none;

}



/*********************************************************************************************************************

* Setup CONTENT ELEMENTS

*********************************************************************************************************************/



div#content-elements {

    width: 100%;

}



div#content-elements-left {

    float: left;

    width: 510px;

    margin-left: 10px;

}



div#content-elements-right {

    float: right;

    width: 150px;

    margin-right: 10px;

}



/* Content Left */



div.content-element {

    font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;

    margin-bottom: 10px;

    text-align: left;

}



div.content-element h2, div.content-element h3 {

    margin: 0;

    padding: 0;

    color: #134093;

    font-size: 18pt;

    letter-spacing: 0pt;

    text-transform: uppercase;

}



div.content-element h3 {

    font-size: 10.5pt;

    text-transform: none;

}



div.content-element em {

    font-style: normal;

    color: #134093;

}



div.content-element ul {

    margin: 10px 0 0;

}



div.content-element ul li {

    margin: 0px 0 0 20px;

}



div.content-element a {

    color: #134294;

    text-decoration: none;

    font-weight: bold;

}



div.mark {

    padding: 0 0 0 20px;

    background-image: url(../images/arrow-to-right_blue.gif);

    background-repeat: no-repeat;

    background-position: 4px 10px;

}



div.onecolumn h2.first {

    float: left;

    padding: 0 20px 0 0;

    margin: 0 10px 0 0;

    background-image: url(../images/arrow-to-right_blue.gif);

    background-repeat: no-repeat;

    background-position: right 10px;

}



div.content-element p {

    margin: 10px 0 0 0;

}



div.content-element-yellow {

    background-color: #fffdf0;

    padding: 10px;

}



div.content-element-small {

    width: 300px;

    padding: 0;

}



/* -> Jumpmarks */

div.jumpmark-body {

    margin: 0 10px 0 0;

    padding: 0 0 0 0px;

}



div.jumpmark-left, div.jumpmark-right {

    padding: 0 0 0 20px;

    background-image: url(../images/arrow-to-right_blue.gif);

    background-repeat: no-repeat;

    background-position: 4px 6px;

    width: 140px;

    float: left;

}



div.jumpmark-left a, div.jumpmark-right a {

    color: #134093;

    font-weight: bold;

    text-decoration: none;

}



/* -> Cityselector */

div.cityselector {

    padding: 3px 3px 3px 20px;

    background-image: url(../images/arrow-to-right_blue.gif);

    background-repeat: no-repeat;

    background-position: 4px 12px;

}



div.cityselector span {

    float: left;

    padding: 3px 0 0;

}



div.cityselector select {

    border: 1px solid #000;

    font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;

    float: left;

    margin: 0 0 0 20px;

}





/* -> Venue  */



div.venue, div.linklist {

    padding: 5px 0 5px 20px;

    background-image: url(../images/arrow-to-right_blue.gif);

    background-repeat: no-repeat;

    background-position: 4px 11px;

    margin: 0 0 5px 0;

}



div.venue {

    margin: 0 0 20px 0;

    width: 350px;

}



div.venue-title {

    width: 100px;

    float: left;

    margin: 10px 0 0;

}



div.venue-description {

    margin: 10px 0 0 120px;

}



/* -> Linklist  */

div.linklist-left {

    float: left;

    margin: 0 0 0;

}



div.linklist-left a, div.linklist-right a {

    color: #134294;

    text-decoration: none;

    font-weight: bold;

}



/* -> Linklist  Grey */



div.linklist-grey {

   background-image: url(../images/arrow-to-right_grey.gif);

   color: #656565;

   font-weight: bold;

}



/* -> Registrationform */



div.registration-form-image {

    float: right;

}



div.registration-body {

    width: 480px;

}



div.registration-submit {

    width: 500px;

}



span.registration-form-select-step-active {

    border-bottom: 2px solid #fcc200;

    color: #114195;

    text-decoration: none;

}





div.registration-form-step, div.registration-form-information {

    margin: 0 0 20px 0;

    padding: 0 0 0 20px;

    background-image: url(../images/arrow-to-right_blue.gif);

    background-repeat: no-repeat;

    background-position: left 6px;

    text-align: left;

}



div.registration-form-information  {

    background: none;

}





div.registration-form-twocols {

    margin: 0 20px;

}



div.registration-form-left {

    float: left;

    width: 218px;

    text-align: left;

    padding: 1px 0 0;

    font-size: 10pt;

}



.required {

    color: #fbd448;

    font-weight: bold;

    margin: 0 2px 0 0;

}



div.registration-form-right {

    margin: 0 0 5px 218px;

    text-align: left;

}



div.registration-form-right input, div.registration-form-right select {

    border: 1px solid #4d4d4d;

    font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;

    width: 150px;

    font-size: 10pt;

    margin: 0;

    padding: 0;

}



input.registration-form-next, input.registration-form-reset {

    border: 0;

    background-color: #fef7af;

    font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;

    font-size: 10pt;

    text-transform: uppercase;

    color: #134091;

    background-image: url(../images/arrow-to-right_blue.gif);

    background-repeat: no-repeat;

    background-position: 5px 8px;

    padding: 0 0 0 15px;

    cursor: pointer;

}

input.registration-form-reset {

    background-image: url(../images/arrow-to-left_blue-resetbutton.gif);

    background-position: right 8px;

    padding: 0 15px 0 0;

}



div.registration-form-left div.registration-form-error {

    color: #ff0000;

    font-weight: bold;

}



div.registration-form-right input.radio {

    width: 30px;

    border: 0;

}



div.registration-form-space {

    height: 24px;

}



div.csc-header h1 {

    display: none;

}



/* Content Right */



/* -> Image */

div.content-right-image img {

    margin-bottom: 10px;

}



div#content-elements-right ul {

    margin: 0 0 20px 0;

}



p {

    font-size: 10pt;

}



div.horizontal-stripes {

    height: 36px;

    width: 100%;

    margin: 20px 0;

    padding: 0;

    background-image: url(../images/horizontal_bg.gif);

    background-repeat: repeat-x;

}



/* Content Right */



/* -> Calender */

div#content-elements-right strong {

    color: #134093;

}



div#content-elements-right em {

    font-size: 0.9em;

}



div#content-elements-right ul {

    margin: 1px 0 15px 0;

    padding: 8px 0 0 0;

    border-top: 1px solid #134093;

}



div#content-elements-right ul li {

    margin: 0 0 5px 0;

    padding: 0 0 0 15px;

    list-style-type: none;

    background-image: url(../images/arrow-to-right_blue.gif);

    background-repeat: no-repeat;

    background-position: left 7px;

}


div.content-element input.twoSessions{
  margin:0 25px 0 0;
  padding:0;
  width:10px;
}

div.registration-body div.registration-form-error {

    color: #ff0000;

    font-weight: bold;

}