@import "General.css";
@import "Header.css";
@import "Footer.css";
@import "Carousel.css";

#article {
    margin-top : 10px;
    height : 100%;
    overflow : auto;
    margin-bottom : 15px;
}

#article #gallery {
    margin-bottom : 25px;
}

#article #gallery div.top {
    background-image : url('../../Layout/Boxes/GalleryTop.gif');
    height : 16px;
    clear : both;
    line-height : 13px;
    overflow : hidden;
    color : #4d391d;
}

#article #gallery div.top div.path, #article #gallery div.top div.navigation{
    float : left;
    background-color : #fff;
    margin-left : 15px;
    padding-right : 15px;
    padding-left : 15px;
    font-size : 12px;
}

#article #gallery div.top div.navigation{
    float : right;
    margin-right : 15px;
    margin-left : 5px;
    padding-left : 5px;
}

#article #gallery div.top div.path a, #article #gallery div.top div.navigation a, #article #gallery div.top div.navigation span{
    font-weight : bold;
    color : #4d391d;
    margin-left : 0px;
    margin-right : 0px;
}

#article #gallery div.top div.navigation a, #article #gallery div.top div.navigation span{
    padding-left : 10px;
}

#article #gallery div.top div.navigation span{
    color : #9e9e9e;
}

#article #gallery div.top div.navigation a.prev, #article #gallery div.top div.navigation a.back {
    padding-left : 15px;
    background-image : url('../../Layout/Icons/PrevArrow.gif');
    background-repeat : no-repeat;
    background-position : left 3px;
    margin-left : 10px;
}

#article #gallery div.top div.navigation a.back {
    background-image : url('../../Layout/Icons/BackArrow.gif');
}

#article #gallery div.top div.navigation span.prev {
    padding-left : 15px;
    background-image : url('../../Layout/Icons/PrevArrowDisabled.gif');
    background-repeat : no-repeat;
    background-position : left 3px;
    margin-left : 10px;
}

#article #gallery div.top div.navigation a.next {
    padding-right : 15px;
    background-image : url('../../Layout/Icons/NextArrow.gif');
    background-repeat : no-repeat;
    background-position : right 3px;
}

#article #gallery div.top div.navigation span.next {
    padding-right : 15px;
    background-image : url('../../Layout/Icons/NextArrowDisabled.gif');
    background-repeat : no-repeat;
    background-position : right 3px;
}


#article #gallery div.top img{
    float : left;
    background-color : #fff;
    margin-left : 20px;
    padding-left : 15px;
    padding-right : 15px;
}

#article #gallery div.mid {
    background-image : url('../../Layout/Boxes/GalleryMid.gif');
    height : 100%;
    overflow : auto;
}

#article #gallery div.bot {
    background-image : url('../../Layout/Boxes/GalleryBot.gif');
    height : 9px;
    overflow : hidden;
    clear : both;
}

#article #gallery div.mid #galleryImageWrapper {
    width : 730px;
    height : 540px;
    border : 1px solid #d1d1d1;
    float : left;
    display : inline;
    background-color : #efefef;
    margin-left : 19px;
    margin-top : 11px;
    margin-bottom : 11px;
    background-image : url('../../Layout/Loading.gif');
    background-position : center;
    background-repeat : no-repeat;
}

#article #gallery #galleryImage {
    width : 730px;
    height : 540px;
    background-repeat : no-repeat;
    background-position : center;
}

#article #gallery #galleryImageDesc {
    display : block; 
    float : right;
    display : inline;
    background-color : #444; 
    padding : 2px 10px 3px 10px; 
    opacity : .70;
    filter : alpha(opacity=70); 
    -moz-opacity : 0.7;
    font-size : 11px;
    color : #fff;
    font-weight : normal;
    margin-top : 500px;
    font-weight : bold;
    font-size : 12px;
    text-align : right;
    height : 25px;
    overflow : hidden;
    line-height : 25px;
    margin-right : 10px;
}

#article #gallery div.mid #gallerySlidebox {
    width : 180px;
    height : 540px;
    border : 1px solid #d1d1d1;
    float : right;
    display : inline;
    background-color : #efefef;
    margin-right : 19px;
    margin-top : 11px;
    margin-bottom : 11px;
    padding : 0;
    overflow : hidden;
}

#article #contentWrapper {
    height:100%; 
    overflow:auto;
    margin-top : 0px;
}

#article #content {
    width : 689px;
    float : left;
    clear : left;
    margin-top : 0px;
}

#article #content div.top {
    background-image : url('../../Layout/Boxes/ContentTop.gif');
    height : 16px;
    clear : both;
    line-height : 16px;
    overflow : hidden;
}

#article #content div.mid {
    background-image : url('../../Layout/Boxes/ContentMid.gif');
    padding-left : 19px;
    padding-right : 19px;
    padding-top : 0px;
    padding-bottom : 11px;
}

#article #content div.mid h1 {
    color : #666;
    margin : 0;
    padding : 0;
    font-size : 18px;
    margin-bottom : 0px;
    display  : inline;
    float : left;
    padding-top : 20px;
    padding-bottom : 20px;
}

#article #content div.mid div.tinyDescription {
    color : #666;
    font-weight : bold;
    padding-top : 10px;
    padding-bottom : 25px;
}

#article #content div.mid div.tiny {
    text-align  : justify;
    padding-top : 0px;
    clear : both;
}

#article #content div.mid div.tiny ul{
    margin-left : 15px;
}

#article #content div.mid div.tiny p{
    padding-top : 0px;
    padding-bottom : 10px;
}

#article #content div.mid div.author{
    margin-top : 15px;
    padding-top : 15px;
    border-top : 1px solid #808080;
    font-family : Courier, monospace;
    font-size : 14px;
}

#article #content div.bot {
    background-image : url('../../Layout/Boxes/ContentBot.gif');
    height : 29px;
    overflow : hidden;
    background-repeat : no-repeat; 
    clear : both;
}

#article #right {
    width : 260px;
    float : right;
    margin-top : 0px;
}

#article #right div.banner {
    width : 240px;
    border : 1px solid #808080;
    margin-bottom : 15px;
    background-color: #f1f1f1;
    text-align : center;
    color : #bbb;
    margin-left : 3px;
    float : right;
    margin-right : 2px;
}

#article #right div.banner a img{
    border : 0;
}

#seeAlso {
    float : right;
    width : 220px;
    margin-left : 20px;
    margin-right : 0px;
    float : right;
    display : inline;
    margin-top : 40px;
    margin-bottom : 10px;
}

#seeAlso h2{
    color : #fff;
    background-color : #777777;
    font-size : 12px;
    margin : 0;
    padding : 0;
    padding-left : 10px;
    line-height : 24px;
}

#seeAlso ul{
    border : 1px solid #d1d1d1;
    background-color : #efefef;
    margin : 0;
    padding : 0;
    padding-left : 10px;
    list-style-type : bull;
    padding-top : 5px;
    padding-bottom : 10px;
    padding-left : 10px;
    list-style-position : outside;
    padding-left : 22px;
    padding-right : 10px;
    text-align : left;
}

#article #content div.top img{
    float : left;
    background-color : #fff;
    margin-left : 20px;
    padding-left : 15px;
    padding-right : 15px;
}

#seeAlso ul li a{
    color : #666;
}

#seeAlso ul li a:hover{
    color : #eb5f10;
}

#article #path, #article  #navigation {
    float : right;
    width : auto;
    margin-right : 0px;
    background-color : #fff;
    margin-right : 20px;
    padding-right : 15px;
    padding-left : 15px;
    line-height : 12px;
    font-weight: bold;
}

#article #path {
    float : left;
    margin-left : 15px;
}

#article #path a{
    color : #4d391d;
}

#article #path, #article  #navigation a, #article  #navigation span{
    font-size : 12px;
    font-weight: bold;
    color : #4d391d;
}

#article  #navigation span{
    color : #9e9e9e;
}

#article #navigation a.next, #article #navigation span.next {
    padding-right : 15px;
    background-image : url('../../Layout/Icons/NextArrow.gif');
    background-repeat : no-repeat;
    background-position : right 3px;
    float : left;
    display : inline;
    margin-left : 10px;
}

#article #navigation span.next {
    background-image : url('../../Layout/Icons/NextArrowDisabled.gif');
    cursor : default;
}

#article #navigation a.prev, #article #navigation span.prev {
    padding-left : 15px;
    background-image : url('../../Layout/Icons/PrevArrow.gif');
    background-repeat : no-repeat;
    background-position : left 3px;
    float : left;
    display : inline;
}

#article #navigation span.prev {
    background-image : url('../../Layout/Icons/PrevArrowDisabled.gif');
    cursor : default;
}

#article #navigation a.back {
    padding-left : 15px;
    background-image : url('../../Layout/Icons/BackArrow.gif');
    background-repeat : no-repeat;
    background-position : left 3px;
    float : left;
    display : inline;
    margin-left : 10px;
}

table#departments{
    border-collapse : collapse;
    margin-top : 20px;
    width : 100%;
    margin-bottom : 5px;
}

table#departments tr th {
    background-color : #777777;
    color : #fff;
    font-weight : bold;
    text-align : left;
    border : 1px solid #808080;
}

table#departments tr td {
    background-color : #efefef;
    border : 1px solid #808080;
}

#article #right #seeAlsoBox {
    float : right;
    clear : right;
    width : 243px;
}

#article #right #seeAlsoBox div.top{
    background-image : url('../../Layout/Boxes/NewsletterTop.gif');
    height : 16px;
    clear : both;
    line-height : 16px;
    overflow : hidden;
}

#article #right #seeAlsoBox div.top  img {
    float : left;
    background-color : #fff;
    margin-left : 20px;
    padding-left : 15px;
    padding-right : 15px;
}
    
#article #right #seeAlsoBox div.top  img.left {
    float : left;
    background-color : #fff;
    margin-left : 20px;
    padding-left : 15px;
    padding-right : 15px;
}

#article #right #seeAlsoBox div.mid {
    background-image : url('../../Layout/Boxes/NewsletterMid.gif');
    height : 100%;
    overflow : auto;
}

#article #right #seeAlsoBox div.mid ul {
    margin-top : 10px;
    list-style-type : none;
    padding-bottom : 5px;
}

#article #right #seeAlsoBox div.mid ul li {
    width : 207px;
    margin-left : 15px;
    margin-bottom : 10px;
    clear : both;
    height : 100%;
    overflow : auto;
}

#article #right #seeAlsoBox div.mid ul li img{
    border : 0px;
    width : 170px;
    height : 80px;
    float : left;
    display : inline;
    margin-left : 20px;
    border : 1px solid #808080;
    background-color : #f1f1f1;
    clear : both;
    margin-top : 5px;
}

#article #right #seeAlsoBox div.mid ul li a.title{
    font-size : 12px;
    line-height : 17px;
    clear : both;
    float : left;
    display :inline;
    height : auto;
    width : 185px;
    padding-left : 20px;
    color : #516c7d;
    background-image : url('../../Layout/Icons/NextArrow.gif');
    background-repeat : no-repeat;
    background-position : left 6px;
}

#article #right #seeAlsoBox div.mid ul li a.title:hover {
    color : red;
}

#article #right #seeAlsoBox div.bot {
    background-image : url('../../Layout/Boxes/NewsletterBot.gif');
    height : 9px;
    clear : both;
    overflow : hidden;
}

#article #right #authorBox {
    float : right;
    clear : right;
    width : 243px;
    margin-bottom : 20px;
    text-align : center;
}

#article #right #authorBox div.top{
    background-image : url('../../Layout/Boxes/NewsletterTop.gif');
    height : 16px;
    clear : both;
    line-height : 16px;
    overflow : hidden;
}

#article #right #authorBox div.top  img {
    float : left;
    background-color : #fff;
    margin-left : 20px;
    padding-left : 15px;
    padding-right : 15px;
}
    
#article #right #authorBox div.top  img.left {
    float : left;
    background-color : #fff;
    margin-left : 20px;
    padding-left : 15px;
    padding-right : 15px;
}

#article #right #authorBox div.mid {
    background-image : url('../../Layout/Boxes/NewsletterMid.gif');
    height : 100%;
    overflow : auto;
}

#article #right #authorBox div.mid a{
    background-image : url('../../Layout/Icons/NextArrow.gif');
    background-repeat : no-repeat;
    background-position : left 4px;
    padding-left : 20px;
    height : 25px;
    margin-left : 15px;
    float : left;
}

#article #right #authorBox div.mid h3{
    color : #666;
    font-size : 12px;
    clear : both;
    float : left;
    text-align : center;
    width : 240px;
    margin : 0;
    padding : 0;
    margin-top : 5px;
    padding-top : 0px;
}

#article #right #authorBox div.mid img {
    border : 0px;
    width : 170px;
    float : left;
    display : inline;
    margin-left : 25px;
    background-color : #f1f1f1;
    clear : both;
    margin-top : 5px;
    margin-left : 35px;
    margin-bottom : 10px;
    margin-top : 10px;
}

#article #right #authorBox div.bot {
    background-image : url('../../Layout/Boxes/NewsletterBot.gif');
    height : 9px;
    clear : both;
    overflow : hidden;
}

#article #comments {
    float : left; 
    clear : left;
    width : 689px;
    margin-top : 5px;
}

#article #comments div.top {
    background-image : url('../../Layout/Boxes/ContentTop.gif');
    height : 16px;
    clear : both;
    line-height : 16px;
    overflow : hidden;
}

#article #comments div.top  img {
    float : left;
    background-color : #fff;
    margin-left : 20px;
    padding-left : 15px;
    padding-right : 15px;
}

#article #comments div.mid {
    background-image : url('../../Layout/Boxes/ContentMid.gif');
    padding-left : 19px;
    padding-right : 19px;
    padding-top : 10px;
    padding-bottom : 11px;
}

#article #comments div.mid form {
    display : block;
    margin : 0;
    padding : 0;
}

#article #comments div.mid div.separator {
    margin : 0;
    padding : 0;
    border-top : 1px solid #808080;
    margin-top : 15px;
    height : 15px;
    overflow : hidden;
}

#article #comments div.mid form fieldset {
    border : 0;
    padding : 0;
    margin : 0;
    padding-top : 7px;
}

#article #comments div.mid form fieldset label {
    border : 0;
    padding : 0;
    margin : 0;
    width : 100px;
    text-align : left;
    float : left;
}

#article #comments div.mid form fieldset #commentNick {
    width : 250px;
}

#article #comments div.mid form fieldset #captchaCode {
    width : 196px;
}

#article #comments div.mid form fieldset input.button {
    margin-left : 100px;
    width : 200px;
}

#article #comments div.mid form fieldset textarea {
    height : 90px;
    width : 400px;
}

#article #comments div.mid form fieldset textarea {
    height : 90px;
    width : 400px;
}

#article #comments div.mid form fieldset img {
    vertical-align : top;
}

#article #comments div.mid div.comment h2 {
    margin : 0;
    padding : 0;
    font-size : 11px;
    font-weight : bold;
}

#article #comments div.mid div.comment  p {
    margin : 0;
    padding : 0;
    font-size : 11px;
    padding-top : 5px;
}

#article #comments div.bot {
    background-image : url('../../Layout/Boxes/ContentBot.gif');
    height : 29px;
    overflow : hidden;
    background-repeat : no-repeat; 
    clear : both;
    text-align : right;
    padding-top : 15px;
    padding-right : 15px;
}

#article #comments div.bot span {
    padding-left : 15px;
    font-size : 11px;
}

#articleAdd {
    clear : left;
    width : 689px;
    text-align : center;
}