﻿* {margin:0; padding:0;}

body {
    text-align:center;
    font-size:12px;
    font-family:"Frutiger", "Univers", "Helvetica Neue", Verdana, Tahoma, Arial, sans-serif;
    /*background:#fff url(../images/underline.gif);*/
}

body div.access {display:none;}

p, ol, ul {
    font-size: 1em;     /* 12px */ 
    line-height: 1.5em; /* 18px */ 
    margin: 0 0 1.5em 0;
}
ol {margin-left:2em;}
ul {list-style:none;}

h1 {
    font-size: 1.5em;   /* 18px */ 
    line-height: 1em;   /* 18px */ 
    margin:1em 0 1em 0;
}
h2 {
    font-size: 1.3334em;    /* 16px */
    line-height: 1.125em;   /* 16px */
    margin-top: 1.6875em; 
    margin-bottom: 0.5625em;
} 
h3 {
    font-size: 1.1667em;    /* 14px */
    line-height: 1.286em;   /* 14px */
}

a, a:link, a:visited {
    color:#003368;
}
.sidenote {
    font-size: 0.8333em;    /* 10px */ 
    line-height: 1.8em;     /* 18px */
}


#wrapper {
    text-align:left;
    margin:1.5em auto;
    width:69.5em;
}

#header {
    background:#0083B8 url(../images/header_bg.png) top left no-repeat;
    height:7em;
}
#header img {
    border:none;
    width:45%;
    height:98%;
}

#globalnav {
    background:#8FBA42 url(../images/logo_bottom.png) top left no-repeat !important;
    background:#8FBA42 url(../images/logo_bottom_alt.png) top left no-repeat;
    height:2.5em;
}
#menu {
    display:inline;
    text-align:right;
}
#menu li.page_item {
    list-style:none;
    display:inline;
    font-weight:bold;
}
#menu li.page_item a,
#menu li.page_item a:link,
#menu li.page_item a:visited {
    display:block;
    float:right;
    font-size: 1.1667em; 
    line-height: 1.286em;
    padding:0.42857em 1em;
    text-decoration:none;
    color:#fff;
}
#menu li.page_item a:hover {
    /*text-decoration:underline;
    color:#0083B8;*/
    color:#003368;
}


#container {
    clear:both;
    margin:0.5em 0;
}

.pullquote, div.quote {
    width:35em;
    text-align:justify;
    margin:0 auto;
}
div.quote {
    text-align:right;
    font-size: 1em;     /* 12px */ 
    line-height: 1.5em; /* 18px */ 
    margin-bottom: 1.5em;
}
div.quote .author {
    font-weight:bold;
}
div.quote .publication {
    font-weight:bold;
    font-style:italic;
}
div.quote .location {
    font-style:italic;
}

.home {
    background:#fff url(../images/jsset.jpg) top left no-repeat;
    padding:9em 3.5em 15em 41em;
}
div.homepage, p.homepage {
    width:25em;
}
.home-pullout {
    float:left;
}
.pullout-left {
    width:30em;
}
.pullout-right {
    width:39em;
}

/* Training Series & Features */
.disc-description,
.disc-feature,
.disc-detail {
    clear:both;
}
.disc-description img,
.disc-feature img,
.disc-detail img  {
    /*height:10.5em;
    width:17em;*/
	width: 198px;
	height: 144px;
    /*border:1px solid #ccc;*/
    /*margin:0 0 1.33334em 2.5em;*/
	margin: 0 0 20px 10px;
    float:right;
}
.disc-description h2,
.disc-feature h2 {
    /*color:#7CA138;*/
    color:#0083B8;
    font-size:1.3333em;
    line-height:1.125em;
    border-top:1px solid #999;
    margin-top:1.25em;
    padding-top:0.33334em;
    margin-bottom:0.5625em;
    font-variant:small-caps;
    margin-right:14em;
}
.disc-detail h2 {
    color:#000;
    border:none;
}
.disc-name {
    font-style:italic;
}

#footer 
{
    padding:0.5em 0 0 0;
    clear:both;
    background-color:#0083B8;
    height:2em;
    color:#fff;
    text-align:center;
}
#footer a,
#footer a:link,
#footer a:visited 
{
    color:#fff;
}
.pc {
    margin-right:0.5em;
}
.system-requirement {
    width:34.5em;
    float:left;
    height:12.5;
}

.vcard-list {
    width:34.5em;
    float:left;
}
.left-column {
    margin-right:0.5em;
}
div.vcard {
    width:34.5em;
    font-size: 1em;     /* 12px */ 
    line-height: 1.5em; /* 18px */ 
    margin-bottom: 1.5em;
}
div.vcard .org {
    font-weight:bold;
}