/***** Global Settings *****/

/** Color Glossary

	Dark Blue (logo) 			#003562
	Dark Grey (text) 			#303030
	Dark Grey (sub h2) 			#505050
	Dark Red (important) 		#CC0000
	Med Red (ArtAissance)		#CC3333
	Med Blue (nav/ftr bg) 		#0371D3
	Light Blue (nav hover) 		#80b0da
	Light Grey (borders) 		#A0A0A0
	Light Grey (box bg)			#FAFBFC
	Buff (background) 			#F8E9B8
	Whitish (ftr text)			#F0F0F0
	
**/
 
html, body {
border:0;
margin:0;
padding:0;
}
 
body {
font:100%/1.25 Verdana,Tahoma,Arial,sans-serif;
text-align:center;
color:#303030;
background:#F8E9B8;
}

/**************** Header and navigation styles ****************/

#container{
width:900px;
margin:1px auto;
padding:1px 0;
text-align:left;
background:#ffffff;
color:#303030;
border:1px solid #a0a0a0;
}

#header{
height:330px;
width:898px;
margin:0 1px 1px 1px;
background-color:#F8E9B8;
border-bottom:1px solid #a0a0a0;
}

#navigation{
	height:1.5em;
	line-height:1.5em;
	width:899px;
	margin:0 1px;
	background:#0371D3;
	color:#ffffff;
}

#navigation li{
float:right;
list-style-type:none;
border-right:1px solid #ffffff;
white-space:nowrap;
}

#navigation li a{
display:block;
padding:0 10px;
font-size:0.6em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #ffffff;
}

* html #navigation a {width:1%;}

#navigation .selected,#navigation a:hover{
background:#80b0da;
color:#ffffff;
text-decoration:none;
}

/**************** Content styles ****************/

#content{
float:left;
width:580px;
font-size:0.8em;
padding:10px 0 0 10px;
}

/**************** Sidebar styles ****************/

#subcontent{
	float:right;
	width:240px;
	padding:10px 10px 10px 10px;
	line-height:1.2em; 
	border-left:1px solid #a0a0a0;
	border-top:1px solid #a0a0a0;
	margin-top: 10px;
}

#subcontent h2{
display:block;
margin:0 0 6px 0;
font-size:1.1em;
font-weight:normal;
text-align:left;
letter-spacing:-1px;
color:#505050;
background-color:inherit;
}

#subcontent p{margin:0 0 2px 0; font-size:0.8em;}

/**************** Sidebar styles - Alt for Gallery  Pages ****************/

#subcontentg{
	float:left;
	width:700px;
	height:200px;
	padding:10px 10px 10px 10px;
	line-height:1.2em; 
	margin: 10px 80px 0px 80px;
}

#subcontentg h2{
display:block;
margin:0 0 6px 0;
font-size:1.1em;
font-weight:normal;
text-align:left;
letter-spacing:-1px;
color:#505050;
background-color:inherit;
}

#subcontentg p{margin:0 0 2px 0; font-size:0.8em;}

#boxga{
float:left;
width:350px;
margin:0 0 0 0;
padding:10px;
}

#boxg{
float:right;
width:250px;
margin:5px 0 10px 0;
padding:10px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;
line-height:1.0em;
}

/**************** Footer styles ****************/

#footer{
clear:both;
width:898px;
padding:5px 0;
margin:0 1px;
font-size:0.7em;
color:#f0f0f0;
background:#0371D3;
}

#footer p{
	padding:0;
	margin:0;
	text-align:left;
	margin-left: 6px;
}
#footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
#footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}

/***** Common Formatting *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
h1 {
padding:20px 0 15px 0;
letter-spacing:-1px;
font:1.8em Verdana,Tahoma,Arial,sans-serif;
}
 
h2 {
padding:12px 0;
letter-spacing:-1px;
font:1.5em Verdana,Tahoma,Arial,sans-serif;
}
 
h3 {
	font:1.3em Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color: #CC0000;
	line-height: 1.3em;
	margin-bottom: 20px;
}
 
p, ul, ol {
margin:0;
padding:0 0 6px 0;
}
 
ul, ol {
list-style:none;
padding:0 0 18px 40px;
}
 
blockquote {
margin:22px 40px;
padding:0;
}
 
.small {
font-size:0.8em;
}
 
img {
border:solid 1px #0371D3;
}

.noborder {
	border: 0;
}

.lfpad {margin-right: 8px;}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
a, a:visited {
text-decoration:none;
}

a:hover {
text-decoration: underline;
}
 
/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em Verdana,Tahoma,Arial,sans-serif;
}
 
textarea {
line-height:1.25;
}
 
label {
cursor:pointer;
}
 
/***** Tables *****/
 
table {
border:0;
margin:0 0 18px 0;
padding:0;
}
 
  table tr td {
  padding:2px;
  }
 
/**************** Misc classes and styles ****************/

.splitcontentleft{float:left; width:48%;}
.splitcontentright{float:right; width:48%;}

.box{
margin:0 0 0 0;
padding:10px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;
line-height:1.0em;
}

/** Gallery Styles **/

.title {
	font-family:"Times New Roman", Times, serif;
	color: #3B6385;
	font-size:1.4em;
	font-weight: bold;
}

.artist {
	font-style: italic;
}

.arta {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	color: #CC3333;
	text-align: center;
	word-spacing: 12px;
}

.spotlight {
	background-color: #80b0da;
	letter-spacing: 2px;
	margin-bottom: 6px;
	line-height: 1.2em;
	font-weight: bold;
	color: #CC0000;
	padding-left: 6px;
	padding-top: 4px;
}
.size { }

 
/***** Global Classes *****/
 
.clear         { clear:both; }
 
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }

.important	   {color:#CC0000; background-color:inherit; font-weight:bold;}
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.hide		   {display:none;}
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 10px 4px 10px; }
.img-center	   { text-align:center }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }