@charset "UTF-8";

/*Global styles --------*/

/*limited reset*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:baseline;
	/*font: inherit;*/
}

/*html5 display rule*/
address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
	display: block;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}

a.head:link {color:#cc0000; background-color:transparent;  text-decoration: none }
a.head:visited {color:#cc0000; background-color:transparent;  text-decoration: none }
a.head:hover {color:#999; background-color:transparent;  text-decoration: none }
a.head:active {text-decoration: none }


a.news:link {color:#fff; background-color:cc0000;  text-decoration: none }
a.news:visited {color:#fff; background-color:cc0000;  text-decoration: none }
a.news:hover {color:#999; background-color:cc0000;  text-decoration: none }
a.news:active {text-decoration: none }

body {background-color:#ccc; margin:8px 0 0 0; padding: 0;font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif;}

img {border:none;}

.clearFloats {clear:both;}

#head h1 {display:none;}

#news h1 {display:none;}

nav h1 {display:none;}
 
section h1 {display:none;} 

/*.gallery h2 {display:none;}*/

div.img img{border:0px;}

#display {height:inherit;background-color:#999;overflow:visible;/*display:inherit;*/}

article h2 {display:none;}

#full h2 {display:none;}

.ArtTitle {color:#FFF;background-color:#000;font-weight:bold;font-size:1.4em;line-height:16pt;margin-top:8px; margin-left:15px;}

.ArtCaption {color:#FFFFFF;background-color:#000;height:100%;font-size:9pt;line-height:12pt;margin-left:15px; margin-bottom:20px;}



/*mobile styles*/
@media only screen and (max-width:480px) {
/*disable text sizing on orientation change*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {-webkit-text-size-adjust:none;}

body {width:60%;margin:0 auto;min-width: 320px;max-width:480px;}

#wrap {width:320px;}

a:link {color:#000; background-color:transparent;  text-decoration: underline }
a:visited {color:#000; background-color:transparent;  text-decoration: none }
a:hover {color:#cc0000; background-color:transparent;  text-decoration: none }
a:active {text-decoration: none }

.news {color:#fff;background-color:#cc0000;height:100%;width:320px;text-transform:uppercase;padding-top:5px;padding-bottom:5px;font-size:14px;line-height:16px;}

.newscontent {color:#fff;background-color:#cc0000;width:320px;font-size:14px;line-height:16px;padding-top:5px;padding-bottom:5px;padding-left:8px;text-transform:none;}

header, nav {margin-left:0px;}

header {background-color:#fff;height:40px;width:320px;padding-left:8px;}

header.gallery_menu {display:none;}

#head {color:#cc0000;text-transform:uppercase;width:320px;padding-top:10px;font-size:24px;line-height:24px;}

#headTag {font-size:1.6em;font-style:italic;text-transform:none;color:#000;}

nav {color:#000;background-color:#ccc;width:320px;padding-top:5px;padding-bottom:15px;padding-left:8px;font-weight:bold;font-size:13pt;line-height:29pt;height:100%;}

nav.gallery_menu {display:none;}

.nav ul{padding-left:20px;color:#fff;background:#ccc;}

.nav li {list-style:none;display:inline;margin-right:30px;text-align:center;}

#left {float:left;width:300px;background-color:#999;padding-top:15px;text-transform:none;padding-left:8px;padding-right:25px;}

#left_text {width:295px;}

#full {float:left;width:780px;background-color:#999;padding-top:15px;text-transform:none;padding-left:8px;padding-right:25px;}

.about {height:100%;}

p {color:#000000;background-color:#999;font-size:13pt;line-height:15pt;padding-bottom:.8em;}

p.about {font-size:1.5em ;line-height:1.4em;float:right;clear:both;text-align:right;width:280px;font-style:italic;}

h2 {font-weight:bold;color:#fff;background-color:transparent;font-size:13pt;line-height:15pt;padding-bottom:.8em;width:320px;}

h2.first {margin-top:1.4em;padding-bottom:.8em;}

h3 {font-weight:bold;color:#000;background-color:transparent;font-size:11pt;line-height:13pt;padding-bottom:1em;}
	
#left.gallery {display:none;}

#left.gallery_menu {display:inherit;}

div.img {margin-right:8px;margin-bottom:8px;border:0px;height:auto;width:auto;float:left;}

.row {width:312px;clear:both;}

.row_top {text-decoration:underline;width:312px;clear:both;}

.ArtTitle {float:left;clear:left;font-size:1.6em;line-height:18pt;margin-top:12px; margin-left:15px; width:225px;}

.ArtCaption {float:left;clear:left;width:225px;} 

.ArtCaptionFull {color:#000;background-color:#999;height:100%;width:225px;font-size:9pt;line-height:12pt;margin-left:0px; margin-top:10px; margin-bottom:20px;}

.return_gallery_top {clear:right;float:right;width:45px;color:#fff;background-color:transparent;font-weight:bold;font-size:12pt; line-height:12pt;/*text-align:right;*/position:absolute;top:10px;margin-bottom:0px;padding-top:5px;padding-left:130px;}

.return_gallery {clear:right;float:right;width:45px;color:#fff;background-color:transparent;height:100%;font-size:12pt; line-height:12pt;text-align:right;margin-top:-12px;margin-bottom:0px;padding-right:10px;}

.return_gallery_full {clear:right;float:right;color:#fff;background-color:transparent;height:100%;font-size:12pt; line-height:12pt;text-align:right;margin-top:-12px;margin-right:470px;margin-bottom:0px;padding-right:10px;}

.fullreturn {display:none;}

#right.gallery {display:inherit;float:left;width:330px;background-color:#000;overflow:hidden;}

#right.gallery img {margin-left:-60px;}

a.return_gallery_top:link {color:#000; background-color:transparent;  text-decoration: underline; }
a.return_gallery_top:visited {color:#000; background-color:transparent;  text-decoration:underline }
a.return_gallery_top:hover {color:#cc0000; background-color:transparent;  text-decoration: none }
a.return_gallery_top:active {text-decoration: underline }

a.return_gallery:link {color:#fff; background-color:transparent;  text-decoration: underline; }
a.return_gallery:visited {color:#fff; background-color:transparent;  text-decoration:underline }
a.return_gallery:hover {color:#cc0000; background-color:transparent;  text-decoration: none }
a.return_gallery:active {text-decoration: underline }

#right {display:none;}

footer { color:#000; background-color:transparent;font-size:1.4em;line-height:2.7em;font-weight:bold; width:310px;text-align:left;margin:0 auto;margin-top:10px;padding-left:8px;}

.footer_nav ul{margin-top:7px;}

.footer_nav li {list-style:none;display:block;margin-right:0px;}

.footer_nav_address li {list-style:none;display:inline;word-spacing:5em;}
}

/*tablet styles*/
@media only screen and (min-width:481px) and (max-width:768px) {
body {width:90%;margin: 0 auto;min-width:500px;max-width:768px;}

#wrap {width:665px;margin:0 auto;background-color:#999;}

a:link {color:#000000; background-color:transparent;  text-decoration: none }
a:visited {color:#000000; background-color:transparent;  text-decoration: none }
a:hover {color:#cc0000; background-color:transparent;  text-decoration: none }
a:active {text-decoration: none }

header {background-color:#fff;height:50px;width:660px;padding-left:5px;}

#head {color:#cc0000;text-transform:uppercase;padding-top:14px;font-size:24px;line-height:24px;}

#headTag {font-size:1.5em;font-style:italic;text-transform:none;float:left;margin-left:145px;margin-top:-23px;color:#000;}

.news {color:#fff;background-color:#cc0000;height:100%;width:660px;text-transform:uppercase;padding-top:5px;font-size:14px;line-height:16px;}

.newscontent {color:#fff;background-color:#cc0000;font-size:14px;line-height:16px;padding-top:5px;padding-bottom:5px;padding-left:5px;text-transform:none;}

nav {padding-left:5px;color:#000;background-color:#ccc;width:665pxpx;padding-top:10px;padding-bottom:10px;font-weight:bold;font-size:11pt;line-height:16pt;height:100%;}

.nav ul{padding-left:20px;color:#fff;background:#ccc;}

.nav li {list-style:none;display:inline;margin-right:50px;}

#left {float:left;width:300px;background-color:#999;padding-top:15px;text-transform:none;padding-left:8px;padding-right:0px;}

#left_text {width:300px;}

#full {width:780px;background-color:#999;padding-top:15px;text-transform:none;padding-left:8px;padding-right:0px;}

#full.gallery img {margin-left:0px;}

#full.gallery_menu img {margin-left:-55px;}

.ArtCaptionFull {color:#000;background-color:#999;height:100%;font-size:11pt;line-height:18pt;margin-left:0px; margin-top:10px; margin-bottom:20px;}

.next, .back {font-size:1.4em;font-weight:bold;clear:both;float:right;margin-top:-30px;}

div.img {margin-right:8px;margin-bottom:6px;border:0px;height:auto;width:auto;float:left;}

.row {width:312px;clear:both;}

.row_top {display:none;}

p {color:#000000;background-color:transparent;font-size:11pt;line-height:14pt;padding-bottom:.8em;}

p.about {font-size:1.3em ;line-height:1.3em;float:right;clear:both;text-align:right;width:240px;font-style:italic;}

h2 {font-weight:bold;color:#fff;background-color:transparent;font-size:11pt;line-height:14pt;padding-bottom:.8em;width:300px;}

h2.first {margin-top:1.4em;padding-bottom:.8em;}

.gallery {width:300px;}

#right {float:right;width:330px;background-color:#000;overflow:hidden;}

#right.gallery img {margin-left:-55px;}

#right.gallery_menu img {margin-left:-55px;}

#right.about img {margin-left:-55px;}

#right.about {background-color:#999;}

.return_gallery {display:none;}

.about {height:100%;}

footer { color:#000; background-color:transparent;font-size:1.2em;line-height:1.8em; width:665px;text-align:center;margin: 0 auto;margin-top:10px;}

.footer_nav ul{margin-top:7px;}

.footer_nav li {list-style:none;display:inline;margin-right:20px;}

.footer_nav_address li {list-style:none;display:inline;margin-right:25px;word-spacing:5em;}
}

/*desktop styles*/
@media only screen and (min-width:769px) {
body {width: 90%;margin: 0 auto;min-width: 769px;max-width: 800px;}

#wrap {width:800px;margin:0 auto;background-color:#999;}

a:link {color:#000; background-color:transparent;  text-decoration: none }
a:visited {color:#000; background-color:transparent;  text-decoration: none }
a:hover {color:#cc0000; background-color:transparent;  text-decoration: none }
a:active {text-decoration: none }

header {background-color:#fff;height:50px;width:780px;padding-left:20px;}

#head {color:#cc0000;text-transform:uppercase;height:30px;padding-top:14px;font-size:24px;line-height:24px;}

.news {color:#fff;background-color:#cc0000;height:100%;width:790px;text-transform:uppercase;/*padding-top:10px;padding-bottom:10px;*//*padding-left:10px;*/font-size:14px;line-height:16px;}

.newscontent {color:#fff;background-color:#cc0000;font-size:14px;line-height:16px;padding-top:5px;padding-bottom:5px;padding-left:20px;text-transform:none;}

#headTag {font-size:1.5em;font-style:italic;text-transform:none;float:left;margin-left:145px;margin-top:-23px;color:#000;}

nav {padding-left:20px;color:#fff;background-color:#ccc;width:780px;padding-top:5px;padding-bottom:5px;font-weight:bold;font-size:9pt;line-height:10pt;}

.nav ul{padding-left:20px;color:#000;background:#999;}

.nav li {list-style:none;display:inline;margin-right:30px;}

#gallery_nav {background:#5e5bcd;}

#left {float:left;width:340px;background-color:#999;padding-top:15px;text-transform:none;padding-left:20px;}

#left_text {width:320px;}

#full {float:left;width:780px;background-color:#999;padding-top:15px;text-transform:none;padding-left:20px;}

.ArtCaptionFull {color:#000;background-color:#999;height:100%;font-size:9pt;line-height:12pt;margin-left:0px; margin-top:10px; margin-bottom:20px;}

div.img {margin-right:10px;margin-bottom:10px;border:0px;height:auto;width:auto;float:left;}

p {color:#000000;background-color:transparent;font-size:9pt;line-height:12pt;padding-bottom:.8em;}

p.about {font-size:1.2em ;line-height:1.2em;float:right;clear:both;text-align:right;width:220px;font-style:italic;}

p.about_previous {font-size:1.2em ;line-height:1.2em;float:left;clear:both;text-align:right;width:220px;font-style:italic;}

p.continued {font-size:1.2em ;line-height:1.2em;float:right;clear:both;text-align:right;width:220px;font-style:italic;}

p.previous {font-size:1.2em;font-style:italic;line-height:1.2em;}

.gallery {width:320px;}

.row {width:320px;clear:both;} 

.row_top {display:none;}

h2 {font-weight:bold;color:#fff;background-color:transparent;font-size:9pt;line-height:12pt;padding-bottom:.8em;}

h2.first {margin-top:1em;padding-bottom:.8em;}

h3 {font-weight:bold;color:#000;background-color:transparent;font-size:9pt;line-height:12pt;padding-bottom:.8em;}

h3.first {margin-top:-.3em;padding-bottom:.8em;}

#right {float:right;width:440px;background-color:#000;}

#right.about {background-color:transparent;height:100%;}

#right.biography {background-color:transparent;height:100%;}

#right.contact {background-color:transparent;height:100%;}

.return_gallery {display:none;}

.fullreturn {color:#FFFFFF;background-color:#000;height:100%;font-size:9pt;line-height:12pt;margin-left:0px; margin-bottom:20px;} 

.about {height:100%;}

footer { color:#000; background-color:transparent;font-size:1.2em;line-height:1.8em; width:800px;text-align:center;margin: 0 auto;margin-top:10px;}

.footer_nav ul{margin-top:7px;}

.footer_nav li {list-style:none;display:inline;margin-right:20px;}

.footer_nav_address li {list-style:none;display:inline;margin-right:25px;word-spacing:5em;}

}