/* This is the main CSS document for Noel Fine Arts. 
Designed by Brent Leavitt of Sun Swing Media Company. 
On the web at www.sunswingmedia.com . */

body	, html{
  margin: 0;
  padding: 0;
  background-color: #999999;
  color: black;
  font: arial, _sans;

}

#frame {
  margin-left: auto;
  margin-right: auto;

  font: 12px Arial, _sans;
  width: 750px;
}

#header {
  font-family: arial, _sans;
  font-size: 30px;
  color: #f2f2f2;
  margin: 0;
  padding: 12px 40px;
  border: 1px solid #666666;
  background: #666666;
  position: relative;
  
}

#header a:link, #header a:visited {
  text-decoration: none;
  color: #f2f2f2;
}

#header #closing{
  position: absolute; 
  right: 0; 
  top: 0; 

}

/*this is the frame for everything below the header and above the footer.*/
#main	{
  border:1px solid #666666 ;
  clear: both;
  background-color: #cccccc;
  background: url(bg_slice.gif) repeat-y 0 0; 
}


#text {
  text-align: right;
  margin: 0;
  Width: 220px;
  padding: 40px 20px 40px 10px;
  min-height: 440px;
  float: right;
  background-color: #f2f2f2;
  color: #666666;
}

/*This is the graphics window and featured information space for the site.*/ 

#content  {
  margin: 0;
  padding: 10px 40px 40px 40px;
  background: #cccccc;
  width: 410px;
  min-height: 410px;
  color: #666666;
}

#content .holder {

}  

#content .holder img {
}

/*#content p {
	display: none;
}*/

/*This is to differentiate between content which is set  */ 


#content2 {
  margin: 0;
  padding: 40px 40px 40px 40px;
  background: #cccccc;
  width: 410px;
  min-height: 430px;
  color: #666666;
}

h2 {
  color: #666666;
  font-weight: normal;
  padding: 1em 0 0 0 ;
}

#content a:link, #content a:visited {
  color: #666666;
  text-decoration: none;
}

#content a:hover {
  color: #CC5800;
  text-decoration: none;
}

#content2 a:link, #content2 a:visited {
  color: #666666;
  text-decoration: none;
}

#content2 a:hover {
  color: #CC5800;
  text-decoration: none;
}
#text a:link, #text a:visited {
  color: #666666;
  text-decoration: none;
}

#text a:hover {
  color: #cc5800;
  text-decoration: none;
}


table, td {
  width: 400px;
  height: 400px;
  vertical-align: middle;
  text-align: center;
}


/*This is the text menus and main information area.*/

/*this is for the email under contact.*/

#email {
  float: right;
  text-align: right;
  margin: 0;

}

#email_labels {
  float: left;
  clear: left;

}

#email_labels p {
  padding: 0 0 9px 0;
}

#email p{
}


form {
  margin: 2em 0 1em 0;
}



form #email p input, form #email p textarea {
  width: 300px;
  font: 12px Arial, _sans;
}

.prop {
  width: 300px;
  border: 1px solid #666666;
}



#send {
  text-align: right;
  clear: right;
}

.btnsend {
  border: 1px solid #666666;
  background-color: #cccccc;
  color: #555555;
  width: 75px;


}

.btnsend:hover {
  border: 1px solid #cccccc;
  background-color: #999999;
  color: #cccccc;
  width: 75px;
}



#fixedmenu {
  margin: 0 10% 0 0;
  Width: 160px;
  padding: 0px 2em 40px 1em;
  position: fixed;
  top: 60;
} 

#menu {
  list-style: none;
  margin: 0;
  padding: 0;
  color: #cc5800;
}

#menu li {
  
  font-weight: NORMAL;
  font-size: 90%;
}

#menu li a:link, #menu li a:visited {
  text-decoration: none;
  color: #666666;
}

#menu li a:hover {
  color: #cc5800;
}

#thumbs {
/*   position: relative;
  top: 10px; */
}


a:link .select, a:visited .select {
  text-decoration: none;
  color: #cc5800;
}

#exhibitinfo {
  margin: 0px;
  padding: 2em 0 0 0;
  background-color: #f2f2f2;
}

#featureartist h2  {
  font: 20px Arial, _sans; 
  color: #cc5800;
  font-weight: normal;
  margin: 0;
}

#exhibitname h1 {
  font: 1.8em Arial, _sans;
  font-weight: bold;
  color: #cc5800;
  margin: 0;
}


#exhibitdate {
  font: 12px Arial, _sans;
  color: #cc5800;
}

#artwork {
  font: 10px Arial, _sans;
  color: #cc5800;
}


#submenu {


}

#submenu a:link, #submenu a:visited {
  text-decoration: none;
  color: #666666;

}

#submenu a:hover {
  color: #cc5800;
}

.submenu1 {
  font-variant: small-caps;

}


.submenu2 {
 font: 12px Arial, _sans;
 color: #cc5800;

}

.italic {
  font-style: italic;
}

#smallfont {
  font-size: 10px;
}


/*This is for the artists menu page*/
#artists {
  list-style: none;
  margin: 0 2em;
  padding: 0;

}

#artists li {
  font-size: 120%;
  font-weight: bold;
  text-decoration: none;
  color: #666666 ;
}


#artists li a:link, #artists li a:visited {
  text-decoration: none;
  color: #666666;
}


#artists li a:hover {
  text-decoration: none;
  color: #f2f2f2;
}


.holder {
  padding: 0 30px 0 30px;
  font-size: 120%;
  font-weight: bold;
  text-decoration: none;
  color: #666666 ;
}


.holder a:link, .holder a:visited {
  text-decoration: none;
  color: #666666;
}


.holder a:hover {
  text-decoration: none;
  color: #f2f2f2;
}

a {
  text-decoration: none;
}

a img {
  border: none;
}

a:hover img {
  background-color: #ccc;  
}

img .selected {
  background-color: #ccc;
}

ul {
  list-style-type: square;
  margin-left: 1em;
}

a .line  {
 text-decoration: underline;
}

a:hover .line {
  text-decoration: none;
}

/*This is the footer section of the document. */
#base{
clear:both;
}


#footer {
  clear: both;
  background: #666666;
  border: 1px solid #666666;
}

#footer p {
  font-family: arial, _sans;
  font-size: 12px;
  font-weight: bold;
  color: #f2f2f2;
  margin: 0;
  padding: 6px 40px;
}

.subscribe_wrap{
width: 100px;
float: right;
margin-top:210px;

}

.subscribe_wrap1{
width: 100px;
float: right;
margin-top:20px;

}

.prop1{
  display: block;
  text-align: right;
  margin: 13px 0;
}

.prop1 a{
  border: 1px solid #666666;
  background: #F2F2F2;
  padding: 2px 7px;
}

#text .prop1 a:hover{
color: #ffffff;
background: #999999;
border: 1px solid #f2f2f2;
}

#opening{
position:absolute;
right:0;
text-align:right;
top:0;
width:220px;
margin-right:20px;
}

#opening h2{
font-size:14px;
font-weight:bold;
text-transform:uppercase;
margin:0;
padding:1em 0;
}

#opening h2 span{
color:#000000;
font-size:12px;
font-weight:normal;
text-transform:lowercase;
display:block;
}