body   {
	background:#330000;
	background-image:url('http://www.talmuhanna.com/grafix/gradient.png');
	background-repeat: repeat-x;
	background-attachment:fixed;
	top:0;
	left:0;
	margin:0;
	padding:0;
	font-family:'Tahoma', sans-serif;
	font-size:small;
	color:#666666;
	}
	
A, A:link, A:visited, A:active 	{ color: #CC6600; text-decoration: none;}
A:hover		{ color: #CC6600; text-decoration:underline;}


#container	{
	width:1000px;
	margin:0 auto;
}

#header	{height:80px;
	width:1000px;
	position:relative;
	float:center;
	background-color:#ffffff;
	border-top-width:0;
	border-bottom-width:0;
	border-right-width:3px;
	border-right-color:#C48A16;
	border-left-color:#333333;
	border-left-width:2px;
	border-style:solid;
	margin:0;
	padding:0;
	background-image:url('http://www.talmuhanna.com/grafix/topbar.jpg');
	background-repeat: no-repeat;
	background-position:top right;
}

#topnav	{
	height:40px;
	background:#330000;
	background-image:url('http://www.talmuhanna.com/grafix/nav_gradient.jpg');
	background-repeat: repeat-x;
	position:relative;
	float:left;
	width:799px;
	margin:0;
	padding:0;
	line-height:40px;
	text-align:right;
	border-width:0 3px;
	border-style:solid;
	border-color:#C48A16;
}

.navbar	a {
	border:0;
}

.navbar a:hover	{
	background-color: #330000;
}

#content	{
	position:relative;
	top:0px;
	right:0;
	width:800px;
	float:right;
	padding:0;
	margin:0;
}

#leftside	{
	width:200px;
	margin:0;
	float:left;
}

.textarea	{
	position:relative;
	top:0px;
	width:769px;
	min-height:400px;
	margin:0;
	padding:15px 15px 0 15px;
	background:#fff;
	border-style:solid;
	border-top-width:3px;
	border-right-width:3px;
	border-left-width:3px;
	border-bottom-width:0;
	border-color:#C48A16;
	float:left;

}

.textbottom	{
	position:relative;
	top:0px;
	width:799px;
	margin:0;
	padding:0;
	float:left;
}

.rightside{
	width:200px;
	text-align:left;
	position:relative;
	top:0;
	float:right;
	padding:0;
	margin:0;
}

.sidebar	{width:200px;
	padding:0 0 1em 0;
	margin:0;
}

.sidebox	{
	position:relative;
	top:20px;
	margin:2em 0 0 0;
	padding:10px;
	width:170px;
	float:right;
	color:#330000;
	background:#CC6600;
	border-style:solid;
	border-width:3px;
	border-color:#C48A16;
}


.logo	{border:0;
	padding:0 0 0 10px;
	margin:0;
}

.otherlogos	{border:0;
	padding:0;
	margin:5px 5px 0 5px;
	vertical-align: text-top;
	}
	
.bigcircle	{
	border:0;
	position:fixed;
	bottom:0;
	right:0;
}

p	{
	line-height:1.5em;
	margin:0 0 2em 0;
}

h1	{
	font-weight:bold;
	font-size:1.3em;
	margin:0 0 1em 0;
	color:#330000;
}

h1 a, h1 a:link, h1 a:visited, h1 a:active 	{ color: #330000; text-decoration: none;}
h1 a:hover		{ color: #330000; text-decoration:underline;}

h2	{
	font-weight:bold;
	font-size:1em;
	margin:0 0 1em 0;
	color:#CC6600;
}

h3	{
	font-weight:bold;
	font-size:1em;
	margin: 0;
	color:#666666;
}

.gallery	{
	width:auto;
	margin:0 0 25px 0;
	padding:5px 10px;
	border-top:1px;
	border-bottom:1px;
	border-left:0;
	border-right:0;
	border-style:solid;
	border-color:#999999;
}

.thumbnail	{background:#ccc;
	padding:4px;
	height:50px;
	width:50px;
	margin:5px;
	border:0;}
	

.right	{
	border:1px;
	border-style:solid;
	float:right;
	margin:1em 0 1em 25px;
	width:175px;
}

.left	{
	border:1px;
	border-style:solid;
	float:right;
	margin:1em 2em 1em 0;
	width:150px;
}

#footer	{
	width:100%;
	margin:3em 0 1em 0;
	position:relative;
	float:right;
	text-align:center;
	color:#ffffff;
}

#whitebar	{
	background:#ffffff;
	width:100%;
	height:160px;
	padding:0;
	margin:300px 0;
}

/*accordion*/
		
		#vertical_container	{width:200px;
			position:absolute;
			top:80px;
			padding:0;
			color:#D6E2E5;
			margin:0 -2px 0 0;
			border-top: 2px solid #333;
			border-left: 2px solid #333;
			border-bottom: 2px solid #333;
			border-right: 2px solid #333;;
			}
		
		.accordion_toggle {
			display: block;
			font-size:1.1em;
			height: 40px;
			width: 180px;
			padding: 0 10px;
			margin: 0;
			line-height: 40px;
			background:#663300;
			background-image:url('http://www.talmuhanna.com/grafix/menu_gradient.png');
			background-repeat: repeat-x;
			color:#CC9933;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			cursor: pointer;
		}
		
		.accordion_toggle_active {
			background:#CC6600;
			background-image:url('http://www.talmuhanna.com/grafix/activemenu_gradient.png');
			background-repeat: repeat-x;
			color: #330000;
			border-bottom: 1px dashed #666;
		}
		
		.accordion_content {
			background-color: #7F4A1B;
			font-size:1.1em;
			text-indent:0;
			width:200px;
			color: #D3EAE8;
			text-align:left;
			overflow: hidden;
			padding: 0;
			margin: 0;
			border-bottom: 1px dashed #666;
			list-style:none;
		}
		
.accordion_content li A, 
.accordion_content li A:link, 
.accordion_content li A:visited, 
.accordion_content li A:active 	{ color: #D6E2E5; text-decoration: none;}
.accordion_content li A:hover		{ color: #D6E2E5; text-decoration:underline;}

		
		.accordion_content p {
				line-height: 1.5em;
				padding: 5px 10px 15px 10px;
			}
			.accordion_content li, ul {
				
				text-indent:-1.5em;
				list-style:none;
				}
				
/*lightbox*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(grafix/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(grafix/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*admin area only*/

#loginBox 	{
	background:#fff;
	border-width:3px;
	border-color:#C48A16;
	border-style:solid;
	width:300px;
	margin:5em auto;
	padding:3em;
}

.formLabel	{
	width:100px;
	padding:3px auto 3px 0px;
	margin:0 5px 10px 0;
	display:block;
	float:left;
	font-weight:bold;
}

.navGreeting	{
	float:left;
	text-align:left;
	color:#FFF;
	padding: 0 0 0 15px;
}

#activityBox	{
	width:130px;
	height:100px;
	padding:10px;
	margin:0 15px 15px 0;
	float:left;
	border-width:2px;
	border-color:#C48A16;
	border-style:solid;
}

#activityBox:hover	{
	background:#FFFFCC;
}

.deletor 	{
	background: #990000;
	border-width:1px;
	border-style:solid;
	border-color:#888;
	color:#fff;
	padding:5px 10px;
	margin:0 5px 5px 0;
}

a .deletor	{color:#fff;}

.smallpic	{height:100px;
	border:2px;
	border-style:solid;
	border-color:#444;
	padding: 0 auto 0 0;
	margin:  0 auto 0 0;
	float:left;
}

.imagesort	{
	display:block;
	list-style:none;
	height:104px;
	background:#F0F0EE;
	border:1px;
	border-style:solid;
	border-color:#ccc;
	width:500px;
	padding:5px;
}

.picture	{width:200px;
	height:104px;
	padding:0 auto 0 0;
	margin:0 15px 0 0;
	display:block;
	float:left;
	border-right-width:1px;
	border-right-color:#c9c9c9;
	border-right-style:solid;
	border-top:0;
	border-left:0;
	border-bottom:0;
}

.picinfo	{width:200px;
	height:104px;
	padding:0 auto 0 15px;
	margin:0;
}

#boxen	{
	border-top:1px;
	border-bottom:1px;
	border-left:0;
	border-right:0;
	border-style:solid;
	border-color:#999999;
	margin:0;
	padding:10px 0;
}

.tight	{
	margin:-15px 0 0 0 ;
	padding:0;
}

.preview	{
	width:400px;
	border-color:#999999;
	border-style:solid;
	border-width:3px;
}