/* GLOBALS */
body {
    text-align : center;
    font : 0.95em/1.5 'BitStream Vera Serif', 'Times New Roman', Times, serif;
    background: white;
    color : black;
    padding : 0;
    margin : 0;
}
h1 {
    padding : 0;
    margin : 0;
    font-size : 2em;
}
h2 {
	clear: left;
    padding : 0;
    margin : 0;
    font-size : 1.67em
}
h3 {
    padding : 0;
    margin : 0;
    font-size : 1.5em;
}
p {
    margin-top : 0px;
}
img {
    /* no border by default */
    border : none;
}

/* BOX MODEL CONTAINERS*/
#wrapper {
    text-align : left;
    font-size : small;
    padding : 0;
    margin : 5px auto 25px auto;
    width : 800px;
    border : solid black;
    border-width : 3px;
    background: white;
}
#header {
    width : 800px;
    height : 100px;
    clear : both;
    background-color : transparent;
}
#tab {
    display : block;
    width : 800px;
    height : 20px;
    text-align : left;
    clear : both;
    background-color : blue;
    border : solid black;
    border-width : 3px 3px 3px 0;
}
#pagebody {
    height : 100%;
    text-align : left;
    clear : both;
    background-color : transparent;
    color : #0f0f2f;
}
#menu {
    float : right;
    padding : 0 0 10px 0;
    overflow : hidden;
    margin : 0 0 10px 0;
    background-color : #800080;
    color : inherit;
    border-left : 3px solid black;
    border-bottom : 3px solid black;
}
#content {
    width : 600px !important;
    width : 590px;
    background-color : transparent;
    color : black;
    margin : 0;
    padding : 0 2em 3em 1em !important;
    padding : 0 20px 30px 10px;
}
#column {
    visibility : hidden;
    height : 0;
    width : 0;
    overflow : hidden;
    position : absolute;  /* for the benefit of IE5 Mac */
}
#footer {
    width : 790px;
    height : 2em;
    clear : both;
    text-align : left;
    background-color: yellow;
    color : black;
    padding : 0.5em 5px;
    margin : 0;
    border-top : 3px solid black;
}

/* HEADER */
#header h2{
    margin : 0;
    margin-top : 0;
    border : none;
    padding : 0;
    padding-top : 100px;
    overflow : hidden;
    height : 0px !important; /* for most browsers */
    height /**/:100px; /* for pre 6.0 IE Win */
}
h2#picture {
    height : 100px;
    /*
     * Random image by PHP script
     */
    background-color: #FFA500;
    z-index : 1;
}
#header span {
    display : block;
    height: 100px;
    padding : 0 0.5em;
    margin : 0 auto;
    font-weight : bold;
    font-size : 4em;
}
#header span.text {
    position : absolute;
    top : 15px;
    left : 1px;
    color : #008000;
    z-index : 3;
}
#header span.shadow{
    border : 3px solid black;
    background-color: #008000;
    position : absolute;
    top : 14px;
    left : 0;
    color : yellow;
    z-index : 2;
}

/* TAB */
#tab span.breadcrumbtrail {
     display : none;
}

/* FOOTER */
#footer p {
    text-align : right;
}

/* CONTENT */
#content acronym {
    background-color : #bbeebb;
    cursor:help;
    border-bottom : 1px dashed black;
}
#content ol,
#content ul {
    margin: 0 30px 1em;
    padding: 0;
}

/* MENU */
#navigation {
    border : 3px solid #800080;
    padding : 0;
    margin : 0;
    text-align : left;
    background-color : white;
    width : 150px;
    overflow : hidden;
}
#navigation ul {
    margin : 0;         /*removes indent in IE and Opera*/
    padding : 0;        /*removes indent in  Mozilla and NN7*/
    list-style : none;  /*turns off display of bullet*/
}
#navigation li {
    display : inline;   /*removes break: after in Mozilla and NN7*/
    list-style : none;  /*completely turns off display of bullet*/
}
#navigation li a {
    display : block;
    padding-top : 5px;
    height : 20px;
    border : none;
    font-weight : bold;
    font-variant : small-caps;
    text-decoration : none;
}
#navigation li.main a {
    padding-left : 5px;
    border-color : #888855;
    border-style : solid;
    border-width : 0 1px 1px 0;
    border-left : 1em solid #888855;
    border-width : 0 1px 1px 1em;
    background-color : transparent;
}
#navigation li.sub1 a {
    padding-left : 15px;
    border-color : #aaaa77;
    border-style : solid;
    border-width : 0 1px 1px 0;
    border-left : 1em solid #aaaa77;
    border-width : 0 1px 1px 1em;
    background-color : transparent;
}
#navigation li.sub2 a {
    padding-left : 25px;
    border-color : #cccc99;
    border-style : solid;
    border-width : 0 1px 1px 0;
    border-left : 1em solid #cccc99;
    border-width : 0 1px 1px 1em;
    background-color : transparent;
}
#navigation li a.active{
    border : none;
    border-left : 1em solid purple;
    background-color : yellow;
    color : #0f0f2f;
}
#navigation li a:link {
    color : black;
}
#navigation li a:visited {
    color : purple;
    text-decoration : line-through;
}
#navigation li a:hover {
    border-left-color : blue;
    text-decoration : underline;
}
.showIt {
    display: block;
}
.hideIt {
    display: none;
}
.showThis {
    display: block;
}
.hideThis {
    display: none;
}

/* 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 : yellow;
    border : 1px solid black;
    margin : -6px 6px 6px -6px;
    padding: 4px;
}