/*Bethel Gallery Stylesheet v1
by Tecoyo Sturrup  1b1c20
 */

/*General Formating*/

body
{
	background:#1b1c20 url(images/bg.jpg) repeat-x;
	font-family: Verdana;
	color:#1d2c31;
	font-size:71%;
	margin:0;
}

a img 
{
	border:0;
	margin:0;
	padding:0;
}

img {margin:0;}

a
{
  color:#3aa9ff;
  text-decoration:none;
}

a:hover{
	color:#3478f5;
	
}



.center
{
text-align:center;
}


p {
	line-height:1.6em;
	margin:13px 0;
}


/*Main container with main website width*/

#container
{
	width:773px;
	margin:25px auto 10px auto;
}

/*Header with flash content layers*/

#header
{
padding:0; 
margin:0;
background:url(images/headerbg.jpg) no-repeat left top;
height:103px;
width:773px;
}

#logo
{
float:left;
width:279px;
height:103px;
}

#flashhead
{
float:right;
width:494px;
height:103px;
z-index: 0;
margin:0;
}

/*Main nav menu*/

#menu{
height:32px;
width:100%;
background: url(images/menubg.jpg) repeat-x;
margin:0;
padding:0;
font-size:0px;
}

ul#nav{
width: 773px;
height: 32px;
margin:0;
padding:0;
background: url(images/navmenu.jpg);
position:relative;
float:left;
}


ul#nav li {
display:block;
height:33px;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}


ul#nav li a {
display:block;
height:32px;
}

li#home {left: 14px;width: 87px;}
li#artist {left: 101px;width: 96px;}
li#gallery {left: 197px;width: 104px;}
li#slide {left: 301px;width: 111px;}
li#customer {left: 412px;width: 194px;}
li#contact {left: 606px;width: 124px;}

#home a:hover, .home{background: transparent url(images/navmenu.jpg) -14px -32px no-repeat;}
#artist a:hover, .artist{background: transparent url(images/navmenu.jpg) -101px -32px no-repeat;}
#gallery a:hover, .gallery {background: transparent url(images/navmenu.jpg) -197px -32px no-repeat;}
#slide a:hover, .slide{background: transparent url(images/navmenu.jpg) -301px -32px no-repeat;}
#customer a:hover, .customer{background: transparent url(images/navmenu.jpg) -412px -32px no-repeat;}
#contact a:hover, .contact{background: transparent url(images/navmenu.jpg) -606px -32px no-repeat;}

ul#nav li a {text-indent:-9000px; background-color:transparent; }

/*Home page sidebar with news content*/

#sidebar
{
width:194px;
float:right;
margin-top:3px;
height:550px;
background:url(images/sidebarbgimage.jpg) no-repeat;
}

.pr
{
font-weight:bold;
}

.pr em
{
background:#5394dc;
padding:3px;
color:#092e58;
}

/*News box with fixed height*/

#newsbox
{

width:194px;
height:488px;
}

#newsbox a 
{
font-weight:bold;
font-size:11px;
}

#newsbox a:hover
{
color:#fff;
}

#newsbox h1
{
font-size:14px;
color:#559eef;
margin:0;
}

marquee
{
height:480px;
}

/*Individual news stories layer */

.NewsSummary
{
width:154px;
padding:10px 20px;
background:url(images/transbg.png) repeat-x bottom;
}

.NewsSummary:hover
{
background:url(images/transbg2.png) repeat-x bottom;
}

.NewsSummaryPostdate
{
color:#FFFFFF;
background:url(images/newsbullet.jpg) no-repeat left center;
padding-left:10px;
margin-bottom:5px;
font-weight:bold;
}

.NewsSummarySummary, .NewsSummaryContent
{
color:#638dbb;
line-height:1.4em;
}

/*home page login box*/

#login
{
height:150px;
background:url(images/contact.jpg) no-repeat;
padding-left:20px;
color:#154172;
}

#login h1
{
color:#022144;
font-size:14px;
margin-top:0px;
padding-top:10px;
margin-bottom:7px;
margin-left:50px;
}

#login form
{
margin:0;
padding:0
}

#login input[type=text]
{
border:1px solid #488eda;
/*background:#fff url(images/inputbg2.jpg) repeat-x top;*/
background:#62a8f6 url(images/inputbg3.jpg) repeat-x top;
color:#154172;
margin-bottom:5px;
width:146px;
}

#login input:hover, #login input:focus
{
background:#62a8f6;
}

/*Home page main content flash layer*/

#flash
{
margin-top:3px;
width:579px;
float:left
}

/*Main header for interior pages content*/

#tophead
{
background:url(images/contenthead.jpg) no-repeat center;
height:10px;
margin-top:3px;
}

/*Main container for content and side bar for interior pages*/

#wrapper
{
background:url(images/contentsidebg.jpg) repeat-y;
width:773px;
}

/*Main header for slideshow*/

#slidehd
{
background:url(images/slidehd.jpg) no-repeat center;
height:10px;
margin-top:3px;
}

/*Main container for content and side bar for interior pages*/

#slidecontent
{
background:#fff;
width:753px;
padding:10px;
}

#slideft
{
background:url(images/slideft.jpg) no-repeat center;
height:12px;
clear:both;
width:773px;
}

/*Content layer and formatting*/

#content 
{
width:498px;
float:left;
padding:5px 20px;
}

#content h3
{
font-size:14px;
}

.bethel
{
margin:0 13px 0 3px;
float:left;
}

#content h2
{
font-size:15px;
color:#3f617e;
margin:5px 0;
}

#content h4
{
background:url(images/conbullet.jpg) no-repeat 1px 7px;
font-size:14px;
color:#0f62aa;
padding-left:10px;
}

.exhib img
{
padding:4px;
border:1px solid #e3e3e3;
}

.captiontext 
{
margin:4px 0 0px 0;
color:#666666;
font-size:10px;
text-align:left;
padding-left:12px;
}

.captiontext strong
{
margin-bottom:4px;
}

.captiontext em
{
background:#5394dc;
padding:1px;
color:#092e58;
font-weight:bold;
}

.captiontext p
{margin:0;}
#content input[type=text], #content input[type=select], #content textarea
{
border:1px solid #aec5da;
background:#fff url(images/inputbg.jpg) repeat-x top;
}

#content textarea
{
height:100px;width:300px;}

#content table
{
font-size:100%;
font-weight:bold;
}

#content ul#list
{
margin:15px 0;
padding:0;
list-style:none;
}

#content ul#list li
{
background:url(images/conbullet.jpg) no-repeat 8px 7px;
padding:4px 2px 4px 18px;
margin-bottom:2px;
border-left:3px solid #d6e3ef;
border-bottom:1px solid #d6e3ef;
}

#content h3
{
font-size:16px;
}
/*Layout layers for team members page*/

#members{
width:180px;
float:left;
}

#members img
{
padding:3px;
border:1px solid #ddf0ff;
margin:0 5px 5px 0;
}

#teamember, #teamember2, #teamember3, #teamember4 {
width:308px;
float:right;
}

#members ul{
padding:0;
margin:0;
}

#members li{
list-style:none;
float:left;
background:none;
padding:0;
border:0;
}

#cert {
text-align:center;
clear:both;
}



/*Main sidebar for interior pages*/

#intside
{
width:235px;
float:right;
}

#intside h1
{
margin:0 0 5px 0;
color:#559eef;
font-size:14px;
text-align:center;
}

#intside input[type=text], #intside textarea
{
width:120px;

}

#intside h2
{
color:#559eef;
font-size:14px;
text-align:center;
margin:0 0 5px 0;
}

ul.err
{
padding-left:14px;
font-weight:bold;
color:#3aa9ff;
} 

.sent
{
color:#3aa9ff;
font-weight:bold;
}

.sideblock
{
text-align:center
}

#sideblock, .sideblock
{
background:url(images/sidebarbgimg.jpg) repeat-y;
color:#638ebf;
font-size:11px;
}

#sideblock input[type=text], #sideblock textarea
{
background:#081c35 url(images/inputsidebg.jpg) repeat-x top;
border:1px solid #123a68;
color:#fff;
}

#sideblock textarea
{
height:60px
}

.sidebox 
{
background:url(images/sidebg2.jpg) repeat-y;
padding:10px 20px;
line-height:1.7em;
}

#sideblock strong, .sideblock strong
{
background:url(images/bullet.jpg) no-repeat 0 center;
padding-left:10px;
color:#adc6e3;
}

.sideblock img
{
padding:3px;
border:1px solid #e3e3e3;
background:#fff;
}

.rgt{
overflow:hidden;
margin-left:5px;
padding-left:4px;
margin-bottom:5px;
}

.rgt2
{
overflow:hidden;
margin-left:5px;
padding-left:11px;
margin-bottom:5px;
}

.rgt3
{
overflow:hidden;
margin-left:5px;
padding-left:9px;
margin-bottom:5px;
}

ul#aff
{
margin:15px 20px;
padding:0;
list-style:none;
}

ul#aff li
{
background:url(images/sidebullet.jpg) no-repeat 9px 8px;
padding:4px 2px 4px 18px;
margin-bottom:2px;
border-left:3px solid #3372b8;
border-bottom:1px solid #3372b8;
}

ul#aff li a
{
color:#11355e;
}

ul#aff li a:hover
{
color:#003399
}

/*footer for interior pages content and sidebar*/

#botfoot
{
background:url(images/contentsidefoot.jpg) no-repeat center;
height:12px;
clear:both;
width:773px;
}

/*footer details*/

#footer 
{
	width:100%;
	clear:both;
	height:32px;
	color:#506a7c;
}

#footer a 
{
color:#468bd7;
}

#footer p
{
	padding:2px 10px 0 10px;
	margin:0;
}

.paradigm{float:right;}