/* GLOBALS */
body {
    text-align : left;
    font : 'Nimbus Sans L', Arial, sans-serif;
    font : 0.85em/1.5 'Bitstream Vera Sans', Arial, sans-serif;
    background: #fff;
    color : #000;
    padding : 0;
    margin : 0;
}
h1,h2,h3,h4,h5,h6 {
    font-family : 'Bitstream Vera Sans', Verdana, Arial, sans-serif;
    padding : 0;
    margin : 0;
}
h1 {
    font-size : 2em;
}
h2 {
	clear: left;
    font-size : 1.87em
}
h3 {
    font-size : 1.67em;
    text-decoration : underline;
}
p {
    margin : 0 0 0.5em 0;
    padding : 0;
}
img {
    /* no border by default */
    border : none;
}

/* BOX MODEL CONTAINERS*/
#wrapper {
    text-align : left;
    padding : 0;
    margin : 0 auto 10px 0;
    width : 700px;
    height: 100%;
    border : solid #fff;
    border-width : 2px
}
#header {
    width : 700px;
    height : 120px;
    clear : both;
    background-color : #069;
}
#tab {
    display : block;
    height: 20px;
    margin : 0;
    padding : 0;
    width : 700px;
    text-align : left;
    clear : both;
    background-color : #000;
    border-bottom : 1px solid #fc0;
}
#pagebody {
    height: 100%;
    text-align : right;
    clear : both;
    background-color : #eee;
    color : #000;
}
#menu {
    position : absolute;
    float : left;
    padding : 0;
    margin : 1px 0;
    background-color : transparent;
    color : inherit;
    font-family: 'BitStream Vera Sans', Arial, Helvetica, sans-serif;
}
#content {
    float : left;
    width : 430px !important;
    width : 420px;
    background-color : #fff;
    color : inherit;
    margin : 0 auto 0 125px;
    padding : 0 2em 3em auto !important;
    padding : 0 20px 30px auto;
    text-align : left;
}
#column {
    float : right;
    border-top: 1px solid #fc0;
    width : 140px;
    margin : 0 0 0 auto;
    padding : 0 2em 3em auto !important;
    padding : 0 20px 30px auto;
    overflow : hidden;
    text-align : left;
    background-color : #fff;
}
#footer {
    position : relative;
    width : 700px;
    height : 3em;
    clear : both;
    text-align : left;
    background-color : #000;
    color : #fff;
    padding : 0;
    margin : 0;
    text-align : right;
}

/* HEADER */
#header h2 {
    margin : 0;
    margin-top : 0;
    border : none;
    padding : 0;
    padding-top : 120px;
    overflow : hidden;
    height : 0px !important; /* for most browsers */
    height /**/:120px; /* for pre 6.0 IE Win */
}
h2#picture {
    height : 120px;
    /*
     * No random image by PHP script
     * background: #069 url('') top right no-repeat;
     *
     * Corporate Logo
     */
    background: #069 url('/images/styles/corporate_blue/header.png') top left no-repeat;    z-index : 1;
}
#header span {
    display : block;
    top : 0;
    height: 120px;
    padding : 0;
    margin : 0;
    font-weight : bold;
    background: transparent url('/images/avatars/portrait_ibm_120x120.png') top left no-repeat;
}
#header span.text {
    position : absolute;
    padding : 10px 0 0 130px;
    color : #fff;
    font-size : 3em;
    z-index : 3;
}
#header span.shadow{
    position : absolute;
    padding : 10px 0 0 130px;
    left : 5px;
    top : 3px;
    color : #444;
    font-size : 3em;
    z-index : 2;
}

/* TAB */
#tab span.breadcrumbtrail {
    margin : 2em;
    padding: 0;
    background : inherit;
    color : #fc0;
    font : bold 1em/1.5 'BitStream Vera Sans', Arial, Helvetica, sans-serif;
}
#tab a {
    background : inherit;
    color : #fc0;
    text-decoration : none;
}

/* FOOTER */
#footer a {
    color : #fff;
}
#footer select {
    margin-right : 1em;
    margin-top : 0.5em;
}

/* CONTENT */
#content h1 {
    background : #69c;
    color : #fff;
    padding-left : 0.5em;
}
#content h2,h3 {
    background : #eee;
    padding-left : 0.5em;
}
#content acronym {
    background-color : #fff;
    cursor : help;
    border-bottom : 1px dashed #0f0f2f;
}
#content p {
    margin : 0 0 1em;
    padding : 0 0.5em;
    border-right : 1px solid #f0f0f0;
    text-align : justify;
}
div > p:first-child {
    border-top : 0.5em solid #ccc;
}
#content p:first-letter {
    font-size : x-large;
    color : #069;
}

/* COLUMN */
#column h1 {
    background : #589;
    color : #fff;
    padding-left : 0.2em;
    content : 'Column';
}
#column h3 {
    background : #ddd;
    padding-left : 0.2em;
    font-size : 1.25em;
    content : 'Lorem ipsum';
}
#column p {
    overflow : hidden;
    font : 1em/1.2 'Nimbus Sans L';
    margin : 0;
    padding : 0 0.2em;
    border-top : 0.5em solid #f0f0f0;
    border-right : 1px solid #f0f0f0;
    text-align : justify;
    content : 'M. TVLLI CICERONIS DE FINIBVS BONORVM ET MALORVM LIBER PRIMVS [32] Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?';
}
#content ol,
#content ul {
    margin: 0 30px 1em;
    padding: 0;
}

/* MENU */
/* floating css2 menu from 34sp.com does not work in IE without javascript */
ul#navigation {
    padding : 0;
    margin : 0;
    text-align : left;
    background-color : #eef;
    width : 8em;
    list-style-type : none;
    z-index : 1000;
    cursor : default;
    vertical-align : text-top;
    position : relative;
    display : block;
}
/* menus */
ul#navigation ul {
    visibility : hidden;
    margin-left : 6em;
    margin-top : -20px;
    padding : 0;
    list-style-type : none;
    !width : 120px;
    position : absolute;
    z-index : 10000;
    cursor : default;
}
ul#navigation ul li,
ul#navigation ul a {
    list-style : none;  /*completely turns off display of bullet*/
    list-style : none;  /*turns off display of bullet*/
    display : block;
    !width : 120px;
}
/* noscript menu trigger */
ul#navigation li:hover > ul {
    visibility : visible;
}
/* menu-items' layout */
ul#navigation li a {
    padding-top : 5px;
    height : 20px;
    border : none;
    font-weight : bold;
    font-variant : small-caps;
    text-decoration : none;
    background-color : #eef;
    white-space: nowrap;
}
ul#navigation li.main a {
    padding-left : .25em;
    border-color : #778;
    border-style : solid;
    border-width : 1px 1px 1px 1em;
    border-left : 1em solid #113;
}
ul#navigation li.sub1 a {
    padding-left : .25em;
    border-color : #778;
    border-style : solid;
    border-width : 1px 1px 1px 1em;
    border-left : 1em solid #668;
}
ul#navigation li.sub2 a {
    padding-left : .25em;
    border-color : #778;
    border-style : solid;
    border-width : 1px 1px 1px 1em;
    border-left : 1em solid #99b;
}
/* shift list-items to interlace borders */
ul#navigation li,
ul#navigation a {
    margin-top : -1px;
}
/* links */
ul#navigation li a {
    position : relative;
    display : block;
    padding : 3px 7px;
    letter-spacing : 0.1em;
    cursor : pointer;
}
ul#navigation li a:active,
ul#navigation li a.active{
    position : relative;
    display : block;
    background-color : white;
    color : #0f0f2f;
}
ul#navigation li a:link {
    color : #0f0f2f;
}
ul#navigation li a:visited {
    color : #4f0f4f;
}
ul#navigation li a:focus,
ul#navigation li a:hover {
    border-left-color : blue;
    text-decoration : underline;
}
/* MISC */

.hide {
    height : 0;
    width : 0;
    overflow : hidden;
    position : absolute;  /* for the benefit of IE5 Mac */
}

img.closebtn {
    text-align : right;
    }
/*
 * CSS Drop Shadows
 * http://www.alistapart.com/articles/cssdropshadows/
 */
.img-shadow {
    float : left;
    background : url(/images/styles/classic/dropshadows/shadowAlpha.png) no-repeat bottom right !important;
    background : url(/images/styles/classic/dropshadows/shadow.gif) no-repeat bottom right;
    margin : 5px 0 0 10px !important;
    margin : 5px 0 0 5px;
    padding : 0;
}
.img-shadow img {
    display : block;
    position : relative;
    background-color : #069;
    border : 1px solid #0f0f2f;
    margin : -6px 6px 6px -6px;
    padding: 4px;
}