@charset "utf-8";
/* CSS Document */

*{
color: #000;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
}

body{
background: black;
}


/*Regular tags */

h1{

}


h2, h3, h4 {
color: #a5a5a5;
margin-left: 9px;
}

h2{
font-size: 120%;
}

h3{
font-size: 100%;
padding: 15px 0 0 0;
}

h4{
font-size: 90%;
padding: 15px 0 0 0;
}

p{
}

ul{

}

li{
/*list-style-type: none;*/
}

a{
text-decoration: none;
margin: 0;
padding: 0;
}

hr{
color: #a5a5a5;
margin: 10px 20px 10px 20px;
}



/* body class */

.contact #feature {
margin-bottom: 20px;
}

.contact #feature h2 {
}

.contact #feature p {
color: #fff;

}

.contact #featureTxt {
padding: 20px 40px 40px 40px;
}

.gallery #feature {
margin-top: -19px; 
}

.newworks #feature {
margin-top: -19px; 
}

#gallery_nav .focus{
font-weight:bold;

}

#info_page #content {
line-height: 20px;
}

.news img {
margin: 10px 0px 10px 20px;
}

/* end of body class */

/* Basic Div's */

#container{
width: 760px;
background: white;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 30px;
}
/* header css begins */
#header{
background: url("i/topnav_gradient.jpg") repeat-x;
height: 209px;
background-color: #7d7d7d;
}


/* logo is nested in the header */
#logo{
background: url("i/logo.jpg") no-repeat;
width: 335px;
height: 209px;
display: inline;
float: left;
}


/* topnav_corner is nested in the header */
#topnav_corner{
background: url("i/topnav_corner.jpg") no-repeat;
width: 14px;
height: 134px;
float: right;
display: inline;
}

/* topnav_shadow is nested in the header */
#topnav_shadow{
background: url("i/topnav_shadow.jpg");
width: 425px;
height: 35px;
display: inline;
float: right;
margin-top: 40px;
}

/* header css ends */

/* top nav css begins*/ 
#nav{
position: relative;
left: 380px;
top: -120px;
}

#nav li{
display: inline;
background: url("i/divider.gif") no-repeat 100%;
margin-right: 5px;
padding-right: 8px;
}

#nav li a{
color: white;
font-family:Arial, Helvetica, sans-serif;
font-size: 70%;
text-transform: uppercase;
}

#nav .no_divider {
background: none;
}

	/* gallery nav*/

#gallery_nav {
position: relative;
top: 35px;

}	
	
#gallery_nav li{
background: none;
}

#gallery_nav li a {
color: #fff;
}

#gallery_nav li img{
margin-right: 5px;
}

#gallery_nav li a:active {
font-weight: bold;
}

#featureTxt h3{
color: #fff;
}	
/* end of gallery nav*/
	
	
	
/* top nav css ends*/ 

/* content css begins */

#content {
margin: 0 0 10px 0;
}

#content p, #content ul{
color: #333;
font-family:Arial, Helvetica, sans-serif;
padding: 15px 20px 0px 20px;
font-size: 80%;
}

#content ul{
margin-left: 15px;
}

#content h2, #content h3, #content h4{
padding-left: 10px;
}

.about #content, .volunteer #content, .news #content,{
margin: 20px;
}

#content a {
text-decoration: underline;
color: #555555;
}

/* gallery feature css */

#feature {
background: #4c4c4c;
width: 720px;
margin: 0 0 0 20px;
}

#feature table td {
text-align: left;
vertical-align: top;
}

/* feature image CSS */
#feature table #featureImg #featureImg_container {
margin: 13px 0 13px 13px;;
padding: 12px;
background: #ebebeb;
}

#feature table #featureImg img {
border: 3px solid #a7a7a7;
}

/* feature text CSS */

#featureTxt {
padding: 10px 10px 40px 10px;
}

#featureTxt h2, #featureTxt h3 {
margin-left: -10px;
}


#featureTxt a {
color: white;
text-decoration: underline;
}


#feature table td p {
color: white;
font-size: 80%;
padding: 10px 0;
}

#feature .poem {
margin-bottom: 25px;
}

#feature #price {
color: #a5a5a5;
}

#feature #price a {
color: #a5a5a5;
text-decoration: underline;
}

#featureTxt #price {
margin: 0 0 -10px 0;
}

#featureTxt #price form img{
margin: 0;
padding: 0;
}

/* end of gallery feature css */


/* gallery thumb css */

#thumbs {
clear: both;
margin: 10px 0 10px 12px;
}
/* NOTE: the strange margin is used to keep the feature and thumbs inline and centered withing the
content div.  If changes need to be made, be sure to change the '#feature table #featureImg #featureImg_container'
margin */


#thumbs img {
padding: 0;
margin: 10px 8px 10px 8px;
}

#thumbs a img {
border: none;
padding: 0;
}
/* end of thumb css */


/* content css ends*/ 


/*footer css begins*/ 
#footer, #footer strong{
clear: both;
background:url("i/footer.gif") ;
height: 64px;
text-align: center;
color: white;
}

#footer #footer_text{
padding-top: 15px;
color: blue;
}

#footer p{
color: white;
font-size: 80%;
}

#footer .created{
font-size: 60%;
}

#footer a{
color: white;
}

/*footer css ends*/ 

/* classes start */

/*callout box*/
.callout{
background: #efefef;
margin: 30px 30px 20px 30px;
border: 1px solid #555;
width: 400px;
}

#content .callout p a{
}

/*callout box ends*/

/*image box*/

.imagebox{
background: #b9b9b9;
width: 300px;
border: 5px solid #ddd;
height: 100px;
margin-left: 19px;
margin-top: 20px;
}

.imagebox .imageboxImage{
width: 52%;
display: inline;
margin-top: 7px;
margin-left: 15px;
float: left;
}

.imagebox .imageboxImage img {
border: 3px solid #fff;
}

.imagebox .imageboxText{
padding-top: 27px;
padding-right: 10px;
width: 47%;
display: inline;
}

#content .imagebox .imageboxText p a{
color: #6e6e6e;
font-size: 110%;
font-weight: bold;
font-variant: small-caps;
}

/*image box ends*/

.whiteBold{
color: #EEEEEE;
font-weight: bold;
}

.left{
border-right: 2px solid gray;
width: 50%;
float: left;
margin-bottom: 20px;
}

.right{
width: 49%;
float: right;
margin-top: 20px;
}