/* ANTIOCH FINE ARTS FOUNDATION and ART GALLERY CSS Document */

*
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 1em;
   color: #000;
   margin: 0px;
   padding: 0px;
}

body
{
   background-color: #000;
   font-family: Verdana, Geneva, sans-serif;
}

/******** Wrappers **********/



/* wraps everything */

#allWrapper
{
   margin-right: auto;
   margin-left: auto;
   width: 932px;
}





/* wraps everything but the footer  */
/* keeps the minimum height to 600 px even if content does not fill the topWrapper */
/* auto !important is an IE6 hack to provide that functionality */
#topWrapper
{
   /* height:600px; min-height:600px; */
   height: auto !important;
}
/******** HEADER **********/


#header img
{
   border: 0px;
}

/****** navbar ******/

#navbar1
{
   width: 180px;
   padding-bottom: 15px;
   padding-left: 10px;
   background: repeat-x 0 -5px;
   background-color: #9cc0ff;
   background-image: url(../images/gradient.png);
   float: left;
   font-size: 1em;
}

/* currently selected menu item */
.selected
{
   color: #fff; /* font-weight:bold; */
}


/* currently selected menu item
#navbar  li.selected {
	background-color: #7FB7DC;
	font-weight:bold;
}
 */


#navbar1 a
{
   color: #FFFFFF;
   padding-bottom: 30px;
   text-decoration: none;
}

#navbar1 a:hover
{
   color: #F60;
   text-decoration: none;
}


/************ MAIN CONTENT**************/

#content
{
   float: left;
   font-size: 0.8em;
   margin-top: 1px; /* width:99%; */
   width: 100%; /*	border-style:double; 	border-color:#666; 	border-width:thin; 	padding:10px;*/
   background-color: #333;
}



#content h1
{
   font-size: 1.3em;
   margin-top: 5px;
}



#content h2
{
   font-size: 1.2em;
   margin-top: 10px;
   color: #eee;
}



#content h3
{
   background-color: #5A84B4;
   font-size: 1.2em;
   margin-top: 2px;
   color: #fff;
   text-align: left;
}



#content p
{
   min-height: 50px;
}
#content a
{
	color: blue; /*font-weight: bold; */
	text-decoration: none;
}
#content a:hover
{
   color: #f00;
   text-decoration: underline;
}
#contentl
{
   width: 94%;
}
#contentl a
{
   color: #069; /*font-weight: bold; */
   text-decoration: none;
}
#contentl a:hover
{
   color: #903;
}

#content ul
{
   list-style-type: disc;
   margin-left: 15px;
   margin-top: 10px;
}



#content ul li
{
   margin-bottom: 5px;
}

/* contentLeft and contentRight divide the content div into two parts */

#contentLeft
{
   float: left;
   width: 200px;
   margin-left: 14px;
   margin-top: 14px;
}


#contentRight
{
   width: 700px;
   float: right;
   margin-top: 14px;
}


/*contentRight3 provided as an additional area */
#contentRight1, #contentRight2, #contentRight5
{
   /*border:1px solid #5A84B4; 	 margin-bottom:5px; 	padding-bottom:5px;  */
}

#contentRight33
{
   background: repeat-x 0 -5px;
   padding-bottom: 15px;
   margin-bottom: 20px;
   padding-left: 20px;
   background-color: #d9ffcc;
   background-image: url(../images/gradient1.png);
}
#contentRight2, #contentRight10
{
   background: repeat-x 0 -5px;
   padding-bottom: 15px;
   margin-bottom: 20px;
   padding-left: 20px;
   background-color: #d9ffcc;
   background-image: url(../images/gradient1.png);
   clear: both;
}
#contentRight5, #contentRight13
{
   background: repeat-x 0 -5px;
   padding-bottom: 15px;
   margin-bottom: 20px;
   padding-left: 20px;
   background-color: #ddf7fc;
   background-image: url(../images/gradientblue.png);
}
#contentRight13a
{
   padding-bottom: 15px;
   margin-bottom: 20px;
   padding-left: 20px;
   background-color: #ddf7fc;
}

#contentRight3, #contentRight12
{
   background: repeat-x 0 -5px;
   padding-bottom: 15px;
   padding-left: 20px;
   margin-bottom: 20px;
   background-color: #ededed;
   background-image: url(../images/gradientgrey.png);
   clear: both;
}
#contentRight4
{
   background: repeat-x 0 -5px;
   padding-bottom: 15px;
   padding-left: 20px;
   margin-bottom: 20px;
   background-color: #fffeac;
   background-image: url(../images/gradientyellow.png);
}

#contentRight9
{
   background: repeat-x 0 -5px;
   padding-bottom: 15px;
   margin-bottom: 20px; /* padding-left:20px; */
   background-color: #ffffac;
   background-image: url(../images/gradientyellowa.png);
   padding-top: 20px;
}
#ulbox
{
   background: repeat-x 0 -5px;
   padding-bottom: 15px;
   padding-left: 20px;
   margin-bottom: 20px;
   background-image: url(../images/gradientred.png);
   background-color: #fbdada;
   clear: right;
}

#contentRight6
{
   background: repeat-x 0 -5px;
   padding-bottom: 15px;
   padding-left: 20px;
   margin-bottom: 20px;
   background-image: url(../images/gradientred.png);
   background-color: #fbdada;
}

#contentRight7
{
   background: repeat-x 0 -5px;
   padding-left: 20px;
   margin-bottom: 20px;
   background-image: url(../images/gradientgreen1mini.png);
   background-color: #c9eac1;
   text-align: left;
   vertical-align: middle;
}

#contentRight7 h2
{
	text-align:center
}

#contentRight8, #contentRight11
{
   background: repeat-x 0 -5px;
   padding-bottom: 15px;
   padding-left: 20px;
   margin-bottom: 20px;
   background-image: url(../images/gradientblue2.png);
   background-color: #b8b8f6;
}

#contentRight8 a
{
   color: #00f; /*font-weight: bold; */
   text-decoration: none;
}
#contentRight8 a:hover
{
   color: #f00;
   text-decoration: underline;
}

#trolley
{
   padding-right: 10px;
}

#dennisfriend
{
   padding-left: 10px;
   padding-top: -15px;
}

/************ Footer ***********/

#footer
{
   background-color: #333;
   bottom: 20px;
   color: #000;
   height: 150px;
   float: left;
   font-size: 0.7em;
   padding-top: 10px;
   padding-bottom: 15px;
   text-align: center;
   width: 100%;
}

#headline a
{
   text-decoration: none;
   color: #ddd;
   font-size: 0.6em;
}

#headline a:hover
{
   color: #FC0;
}


#footer a
{
   text-decoration: none;
   color: #ddd;
}

#footer a:hover
{
   color: #FC0;
}


.pr a:link
{
   text-decoration: none;
   color: #BEFCF4;
}

.pr a:visited
{
}

.pr a:hover
{
   color: #FC0;
}

.pr a:active
{
}
#crawl a:link
{
   text-decoration: none;
   color: #BEFCF4;
}

#crawl a:visited
{
}

#crawl a:hover
{
   color: #FC0;
}

#crawl a:active
{
}


#footer img
{
   margin-top: 10px;
}

#footer p
{
   margin-top: 10px;
}

subhead #h2
{
   color: #000;
}

/************ Classes ***********/

/* bulletWrap classes style the images with paragraphs centered next to them */
.bulletWrap
{
}

.bulletImage
{
   margin-right: 10px;
   width: 50px;
   float: left;
}

.bulletText
{
   padding-top: 10px;
}

.center
{
   text-align: center;
}

.floatLeft
{
   float: left;
}


.noBorder
{
   border: none;
}

.rss
{
   border: none;
   margin-left: 10px;
}

.members
{
   list-style-type: square;
   font-family: Verdana, Geneva, sans-serif;
   font-size: 1.0em;
   font-weight: bold;
}

.members1
{
   list-style-type: circle;
   padding-left: 5px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: .9em;
   font-weight: bold;
}

.mybold
{
   font-weight: bold;
   color: #222;
}
.mymaroon
{
   color: #900;
}

.newsh2
{
   font-size: 1.1em;
   color: #222;
}
.ttlink
{
   font-family: Verdana, Geneva, sans-serif;
   font-size: 1em;
   border-bottom-width: .1em;
   border-bottom-style: dashed;
   border-bottom-color: #09F;
}

.marginl
{
   margin-left: 20px;
   font-size: .9em;
}
.tinybold
{
   font-weight: bold;
   font-size: .8em;
}
.greytext
{
   color: #111;
}

.floatRight
{
   float: right;
}
.bigletters
{
   font-size: 1.5em;
   color: #81E8F7;
}
#holder
{
   margin-top: 10px;
   margin-bottom: 10px;
}
#twitterbutt a
{
   color: #5483b1; /*font-weight: bold; */
   text-decoration: none;
}
#twitterbutt a:hover
{
   text-decoration: none;
}

.pressrelease
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: .9em;
   color: #111;
   padding-top: 10px;
   padding-right: 35px;
   padding-bottom: 10px;
   padding-left: 35px;
   border: 2px solid #3366CC;
   margin-bottom: 30px;
   margin-left: auto;
   margin-right: auto;
   width: 82%;
}

.pressrelease img
{
   margin-left: 20px;
   margin-bottom: 15px;
}
