@media all
{
   .page-break  { display:none; }
}

@media print
{
   .page-break  { display:block; page-break-before:always; }
}

HTML {
                    top: 0px;
                  right: 0px;
                 bottom: 0px;
                   left: 0px;
                padding: 0px 0px 0px 0px;
                 margin: 0 auto;
}

BODY {
                padding: 0px 0px 0px 0px;
                 margin: 0 auto;
/*       background-color: #E2D2A8; */
       background-image: url(http://www.okeefe-arts.com/okeefe_art_files_2009/okeefe_arts_generic_bkgnd_ver9.jpg);
      background-repeat: repeat;
  background-attachment: fixed;
             text-align: center;
            font-family: Arial;
            font-weight: normal;
              font-size: 12px;
                  color: #000000;
}

IMG {
                padding: 0px 0px 0px 0px;
                 margin: 0 auto;
}

.img_border {
                 border: 5px double #342826;
}

.img_border_homepage {
                 border: 5px double #342826;
}

.img_border_none {
                 border: 0px;
}

#container {
                  width: 760px;
                padding: 0px 0px 0px 0px;
                 margin: 0 auto;
                 border: 2px solid #342826;
}

#header {
                 height: 145px;
                padding: 0px 0px 0px 0px;
                 margin: 0 auto;
       background-image: url(http://www.okeefe-arts.com/okeefe_art_files_2009/okeefe_arts_generic_logo_ver2.jpg);
      background-repeat: no-repeat;
}

#header_menu {
               position: relative;
                z-index: 100;
                    top: 115px;
}

#footer {
                padding: 0px 0px 0px 0px;
                 margin: 0 auto;
              font-size: 10px;
                  color: #342826;
}

.seperator {
                padding: 5px 0px 5px 0px;
                 margin: 5px 0px 5px 0px;
       background-image: url(http://www.okeefe-arts.com/okeefe_art_files_2009/okeefe_arts_generic_seperator_ver1.jpg);
      background-repeat: no-repeat;
}

.seperator_text {
               position: relative;
                   left: 40px;
             text-align: left;
            font-weight: bold;
             font-style: italic;
              font-size: 14px;
}

.gallery_artwork_title {
            font-weight: bold;
             font-style: italic;
              font-size: 14px;
                  color: gray;
        text-decoration: underline;
}

.gallery_details_container {
       background-color: #EDEDED;
                 border: 1px solid #C9C299;
                padding: 15px 0px 10px 0px;
                 margin: 15px 0px 10px 0px;
}

.gallery_details_left {
                  float: left;
                  width: 300px;
             text-align: center;
}

.gallery_details_right {
                  float: left;
             text-align: left;
}

.gallery_details_ul {
                  width: 200px;
                 margin: 2px 0px 2px 15px;
                padding: 2px 0px 2px 15px;
              font-size: 10px;
        list-style-type: disc;
}

.gallery_details_links {
                  width: 500px;
             margin-top: 2px;
          margin-bottom: 2px;
            margin-left: auto;
           margin-right: auto;
                padding: 2px 0px 2px 0px;
            font-family: Arial;
            font-weight: normal;
              font-size: 12px;
}

.gallery_details_links_left {
                  float: left;
}

.gallery_details_links_center {
                  float: left;
               position: relative;
                   left: 25%;
}

.gallery_details_links_right {
                  float: right;
}

.art_journal_container {
                 margin: 0 auto;
       background-color: #EDEDED;
                 border: 1px solid #C9C299;
                padding: 0px;
                 margin: 0 auto;
}

.art_journal_text {
             text-align: left;
            font-family: "Comic Sans MS";
              font-size: 13px;
                  color: #663300;
}

.art_journal_img {
                 margin: 0 auto;
             text-align: center;
                 border: 3px ridge #C9C299;
       background-color: #C9C299;
}

.art_journal_judge {
             text-align: left;
            font-family: Airal;
              font-size: 13px;
                  color: #000000;
}

.order_information_text {
             text-align: left;
            font-family: Arial;
              font-size: 13px;
                  color: #663300;
}

/* --------- CONTENT CENTER ONLY ---------- */

#content_center_wrap_760 {
               overflow: hidden;
                padding: 0px 0px 0px 0px;
                 margin: 0 auto;
       background-color: #ffffff;
}

#content_center_500 {
                  width: 500px;
                padding: 0px 0px 0px 0px;
                 margin: 0 auto;
                  color: #000000;
}

/* --------- CONTENT RIGHT / MENU LEFT ------------ */

#content_wrap_760_menu_bkgrnd {
               overflow: hidden;
                padding: 0px 0px 0px 0px;
                 margin: 0 auto;
/*       background-image: url(http://www.okeefe-arts.com/okeefe_art_files_2009/okeefe_arts_generic_bkgnd_ver8.jpg); */
       background-image: url(http://www.okeefe-arts.com/okeefe_art_files_2009/okeefe_arts_generic_bkgnd_ver10.jpg);
      background-repeat: repeat;
}

#content_left_185 {
                  float: left;
                  width: 185px;
                padding: 0px 0px 0px 0px;
                 margin: 0 auto;
/*                  color: #ffffcc; */
                  color: #000000;
}

#content_right_575 {
                  float: left;
                  width: 572px;
                padding: 0px 0px 0px 0px;
                 margin: 0 auto;
                  color: #000000;
       background-color: #ffffff;
            border-left: 2px solid #C9C299;
}

/* --------- CONTENT LEFT / MENU RIGHT ------------ */

#content_wrap_760_white_bkgrnd {
               overflow: hidden;
                padding: 0px 0px 0px 0px;
                 margin: 0 auto;
       background-image: url(http://www.okeefe-arts.com/okeefe_art_files_2009/okeefe_arts_generic_bkgnd_white.jpg);
      background-repeat: repeat;
}

#content_left_520 {
                  float: left;
                  width: 520px;
                padding: 0px 0px 0px 0px;
                 margin: 0 auto;
                  color: #000000;
       background-color: #ffffff;
}

#content_right_240 {
                  float: left;
                  width: 237px;
                padding: 0px 0px 0px 0px;
                 margin: 0 auto;
/*                  color: #ffffcc; */
                  color: #000000;
/*       background-image: url(http://www.okeefe-arts.com/okeefe_art_files_2009/okeefe_arts_generic_bkgnd_ver8.jpg); */
       background-image: url(http://www.okeefe-arts.com/okeefe_art_files_2009/okeefe_arts_generic_bkgnd_ver10.jpg);
      background-repeat: repeat;
            border-left: 2px solid #C9C299;
}

/* -------- POPUP CODING --------- */

.popup_container {
                  width: 575px;
                padding: 0px 0px 0px 0px;
                 margin: 0 auto;
       background-image: url(http://www.okeefe-arts.com/okeefe_art_files_2009/okeefe_arts_generic_bkgnd_white.jpg);
      background-repeat: repeat;
                 border: 4px solid #0a2c4c;
}

/* ------------------------------- */

.clear_floats {
                  clear: both;
}

.clear_floats_left {
                  clear: left;
}

/* --------CARRYOVER CODE FROM okeefe_arts_2.css ---------- */

.picture_wrapper {
               position: relative;
                  width: 500px;
                padding: 0px 0px 0px 0px;
                 margin: 0 auto;
}

.picture_left_no_border {
                  float: left;
                z-index: 1;
            padding-top: 5px;
           padding-left: 5px;
          padding-right: 15px;
         padding-bottom: 10px;
                 margin: 0 auto;
             text-align: center;
}

.picture_right_wrap {
             text-align: left;
                padding: 0px;
                 margin: 0 auto;
}

/* -------------------------------- */

.text_10 {
            font-family: Arial;
            font-weight: normal;
              font-size: 10px;
                  color: #000000;
}

.text_12 {
            font-family: Arial;
            font-weight: normal;
              font-size: 12px;
                  color: #000000;
}

.text_13 {
            font-family: Arial;
            font-weight: normal;
              font-size: 13px;
                  color: #000000;
}

.text_13_ffffff {
            font-family: Arial;
            font-weight: normal;
              font-size: 13px;
                  color: #ffffff;
}

.text_14 {
            font-family: Arial;
            font-weight: normal;
              font-size: 14px;
                  color: #000000;
}

.text_16 {
            font-family: Arial;
            font-weight: normal;
              font-size: 16px;
                  color: #000000;
}

/* -------------------------------------------- */

A { text-decoration: none; }

.text_8_link {
   font-family: Arial;
   font-weight: normal;
     font-size: 8px;
         color: #204b75;
}

A.text_8_link:Visited { color: #204b75; }
A.text_8_link:Hover { color: #204b75; text-decoration: underline; }
A.text_8_link:Active { color: #204b75; }
A.text_8_link:Focus { color: #204b75; }

.text_10_link {
   font-family: Arial;
   font-weight: normal;
     font-size: 10px;
         color: #204b75;
}

A.text_10_link:Visited { color: #204b75; }
A.text_10_link:Hover { color: #204b75; text-decoration: underline; }
A.text_10_link:Active { color: #204b75; }
A.text_10_link:Focus { color: #204b75; }

.text_12_link {
   font-family: Arial;
   font-weight: normal;
     font-size: 12px;
         color: #204b75;
}

A.text_12_link:Visited { color: #204b75; }
A.text_12_link:Hover { color: #204b75; text-decoration: underline; }
A.text_12_link:Active { color: #204b75; }
A.text_12_link:Focus { color: #204b75; }

.text_13_link {
   font-family: Arial;
   font-weight: normal;
     font-size: 13px;
         color: #204b75;
}

A.text_13_link:Visited { color: #204b75; }
A.text_13_link:Hover { color: #204b75; text-decoration: underline; }
A.text_13_link:Active { color: #204b75; }
A.text_13_link:Focus { color: #204b75; }

.text_13_header_menu {
          font-family: Arial;
          font-weight: normal;
            font-size: 13px;
                color: #204b75;
}

A.text_13_header_menu:Visited { color: #204b75; }
A.text_13_header_menu:Hover { color: #204b75; text-decoration: underline; }
A.text_13_header_menu:Active { color: #204b75; }
A.text_13_header_menu:Focus { color: #204b75; }

/* ---------------------------------- */

body.home-page li#home-menu {
                border: 1px solid #fe9a2e;
}

body.gallery-page li#gallery-menu {
                border: 1px solid #fe9a2e;
}

body.ordering-page li#ordering-menu {
                border: 1px solid #fe9a2e;
}

body.news-page li#news-menu {
                border: 1px solid #fe9a2e;
}

body.about-page li#about-menu {
                border: 1px solid #fe9a2e;
}

body.contact-page li#contact-menu {
                border: 1px solid #fe9a2e;
}

div#gallery-page-menu-oil li#gallery-menu-oil a {
           font-weight: bold;
}

div#gallery-page-menu-graphite li#gallery-menu-graphite a {
           font-weight: bold;
}

div#gallery-page-menu-pen-ink li#gallery-menu-pen-ink a {
           font-weight: bold;
}

div#gallery-page-menu-watercolor li#gallery-menu-watercolor a {
           font-weight: bold;
}

div#ordering-page-general li#ordering-menu-general a {
           font-weight: bold;
}

div#ordering-page-original li#ordering-menu-original a {
           font-weight: bold;
}

div#ordering-page-commission li#ordering-menu-commission a {
           font-weight: bold;
}

div#ordering-page-giclee-paper li#ordering-menu-giclee-paper a {
           font-weight: bold;
}

div#ordering-page-giclee-canvas li#ordering-menu-giclee-canvas a {
           font-weight: bold;
}

div#ordering-page-coa li#ordering-menu-coa a {
           font-weight: bold;
}

div#ordering-page-care-instr li#ordering-menu-care-instr a {
           font-weight: bold;
}

div#about-page-biography li#about-menu-biography a {
           font-weight: bold;
}

div#about-page-resume li#about-menu-resume a {
           font-weight: bold;
}

div#about-page-studio li#about-menu-studio a {
           font-weight: bold;
}

div#about-page-journal li#about-menu-journal a {
           font-weight: bold;
}

div#about-page-tutorials li#about-menu-tutorials a {
           font-weight: bold;
}

div#gallery-page-oil li#gallery-menu-oil a {
           font-weight: bold;
}

div#gallery-page-graphite li#gallery-menu-graphite a {
           font-weight: bold;
}

div#gallery-page-pen-ink li#gallery-menu-pen-ink a {
           font-weight: bold;
}

div#gallery-page-watercolor li#gallery-menu-watercolor a {
           font-weight: bold;
}

#nav-container-outer {
                 float: left;
                 width: 100%;
              position: relative;
}

#nav-container {
                 clear: left;
                 float: left;
            list-style: none;
                margin: 0;
               padding: 0;
              position: relative;
                  left: 50%;
}

#nav-container li {
               display: block;
                 float: left;
            list-style: none;
                margin: 0;
               padding: 0;
              position: relative;
                 right: 50%;
}

#nav-container li a {
               display: block;
                margin: 0;
               padding: 2px 10px;
                 color: #fff;
       text-decoration: none;
            text-align: left;
           font-family: Arial;
           font-weight: normal;
             font-size: 12px;
}

#nav-container li ul {
               display: none;
                 width: 15em;
      background-color: #204b75;
}

#nav-container li:hover ul, #nav-container li.hover ul {
               display: block;
              position: absolute;
               z-index: 10;
                margin: 0;
               padding: 0;
/*               opacity: .980; */
/*                filter: alpha(opacity=98); */
/*          -moz-opacity: 0.98; */
}

#nav-container li:hover ul li, #nav-container li.hover ul li {
                 float: none;
              position: relative;
                  left: 0px;
      background-color: #204b75;
            border-top: 1px solid #0a2c4c;
}

#nav-container li:hover ul li a, #nav-container li.hover ul li a {
       text-decoration: none;
            text-align: left;
           font-family: Arial;
           font-weight: normal;
             font-size: 12px;
                 color: #ffffff;
}

#nav-container li:hover a, #nav-container li.hover a {
      background-color: #204b75;
                 color: #ffffff;
}

#nav-container li a:hover {
      background-color: #5488ba;
                 color: #ffffff;
}

#nav-container li li a:hover {
      background-color: #5488ba;
                 color: #ffffff;
}

.nav-container-vert {
                 width: 100%;
              overflow: hidden;
              position: relative;
}

.nav-container-vert ul {
            list-style: none;
                margin: 0px;
               padding: 0px;
            text-align: center;
} 

.nav-container-vert ul li {
            list-style: none;
                margin: 0px;
               padding: 0px;
}

.nav-container-vert ul li a {
               display: block;
                 width: 10em;
                margin: 0 0 0 1px;
               padding: 3px 10px;
                 color: #000000;
       text-decoration: none;
            text-align: left;
           font-family: Arial;
           font-weight: normal;
             font-size: 12px;
         border-bottom: 1px solid #000000;
}

.nav-container-vert li a:hover {
      background-color: #5488ba;
                 color: #ffffff;
         border-bottom: 1px solid #000000;
}

.gallery_details_floating_menu {
                padding: 0px 0px 0px 0px;
                 margin: 0 auto;
                  width: 1px;
                 height: 1px;
                 border: none;
}

.gallery_details_side_menu_header {
                padding: 0px 0px 0px 0px;
                 margin: 0 auto;
            font-family: Arial;
             font-style: italic;
            font-weight: bold;
              font-size: 16px;
                  color: #FE9A2E;
}

.about_details_ul {
               position: relative;
                  width: 450px;
        list-style-type: disc;
            font-family: Arial;
            font-weight: normal;
              font-size: 13px;
             text-align: left;
                  color: #000000;
}

.about_details_floating_menu {
                padding: 0px 0px 0px 0px;
                 margin: 0 auto;
                  width: 1px;
                 height: 1px;
                 border: none;
}

.about_details_side_menu_header {
                padding: 0px 0px 0px 0px;
                 margin: 0 auto;
            font-family: Arial;
             font-style: italic;
            font-weight: bold;
              font-size: 16px;
                  color: #FE9A2E;
}
