/*=====================================================+
| CSS for The Ordover Gallery (www.ordovergallery.com) |
| Site Design by Tom O Scott, September 2008           |
+======================================================*/
html {
   margin:0;
   padding:0;
}
body {
   font-family: "Trebuchet MS", verdana, lucida, arial, helvetica, sans-serif;
   font-size: 80%;
	background-color:#181818;
}
#pagewrapper {
   width: 1004px;
   margin: 9px auto;
   background-color: #E2A04A;
}
#topleft {
   float: left;
   background: url(../images/logos/logo.jpg)  no-repeat;
   color: black;
   width: 278px;
   height: 90px;
   background-color: white;
   
}
#topright {
   float: left;
   background: url(../images/misc/gradient.jpg) no-repeat;
   color: black;
   height: 90px;
   width: 726px;
   text-align: center;
   background-color: white;
}
#topright h1,
#topright h2 {
   font-family:georgia,times-roman,serif;
   margin:0;
   padding:0;
   text-align:center;
   z-index:5;
}
#topright h1 {
   font-size:140%;
   margin-bottom:4px;
}
#topright h2 {
   font-size:110%;
}
#topright h1.insidepage {
	text-align:right;
	font-size:3em;
	margin-right:40px;
}
#topright h2.insidepage {
	text-align:right;
	font-size:1.5em;
	margin-right:40px;
}

#topright p {
   font-size:100%;
   margin-bottom:6px;
   margin-top:4px;
   z-index:5;
}

#imagebar {
   width: 100%;
   text-align:center;
   background-color: black;
}
#imagebar img {
   float: left;
   margin-top:0;
   margin-bottom:0;
   border:0;
   border-top:3px solid black;
   width:198px;
   height:140px;
}
#imagebar img.five {
	width:200px;
}
#imagebar img.one {
   margin-left:0;
}
#imagebar img.two,
#imagebar img.three,
#imagebar img.four,
#imagebar img.five {
   border-left:3px solid black;
}
#imagebar a {
   margin:0;
   padding:0;
}


#javascripterror {
	width:980px;
	border: 5px solid red;
	height: 100px;
	font-size: 1.1em;
	padding:5px;
}
/* ========================================= MENU FROM STU NICHOLLS ========================================= */
	/* ================================================================ 
	This copyright notice must be untouched at all times.

	The original version of this stylesheet and the associated (x)html
	is available at http://www.cssplay.co.uk/menus/fly_drop.html
	Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
	This stylesheet and the assocaited (x)html may be modified in any 
	way to fit your requirements.
	=================================================================== */
	#menucontainer {
		float:left;
		position:relative; margin:0; 
		width:131px;
		background-color: #E2A04A;
		height:100%;
	}
	.menu {
		font-family: arial, sans-serif; 
		width:131px; 
		position:relative; 
		margin:0; 
		font-size:1em;
		height:auto;
		min-height: 700px;
		border-top:3px solid black;
	}
	.menu ul li a, 
	.menu ul li a:visited,
	.menu ul li.nolink 	 {
		display:block; text-decoration:none; 
		color:#000; width:120px; height:30px; 
		border:1px solid #eee; 
		border-width:1px 1px 1px 0; 
		background:#E2A04A; 
		line-height:29px; 
		font-size:1em; 
		padding-left:10px;
	}
	.menu ul {
		padding:0; margin:0;list-style-type: none;
	}
	.menu ul li,
	.menu ul li.nolink {
		float:left; position:relative;
	}
	.menu ul li ul {display: none;}
	.menu table {
		border-collapse:collapse; border:0; margin:0; padding:0;
	}
	.menu ul li:hover a,
	.menu ul li a:hover,
	.menu ul li.nolink:hover	{
		color:#fff; background:#A74D0F;
	}
	.menu ul li:hover ul,
	.menu ul li a:hover ul {
		display:block; position:absolute; top:0; 
		left:131px; width:565px; background: transparent;
	}
	

	.menu ul li:hover ul li,
	.menu ul li a:hover ul li {
		float:left;
	}
	.menu ul li:hover ul li a,
	.menu ul li a:hover ul li a {
		display:block; 
		color:white;  background:#A74D0F;
		width:130px; float:left;
	}
	.menu ul li:hover ul li a.sub,
	.menu ul li a:hover ul li a.sub {
		color:white; background:#A74D0F url(../images/drop.gif) bottom right no-repeat; 
	}
	.menu ul li:hover ul li a:hover,
	.menu ul li a:hover ul li a:hover {
		background:#A74D0F; color:#000;
	}
	.menu ul li:hover ul li ul,
	.menu ul li a:hover ul li a ul {
		visibility:hidden; position:absolute; width:200px;
	}
	.menu ul li:hover ul li:hover ul,
	.menu ul li a:hover ul li a:hover ul {
		visibility:visible; left:-1px; top:31px; color:#000;
	}
	.menu ul li:hover ul li:hover ul li a,
	.menu ul li a:hover ul li a:hover ul li a {
		display:block; width:200px; 
		background:#A72104; color:white; 
		border-left:1px solid #eee;
	}
	.menu ul li:hover ul li:hover ul li a:hover,
	.menu ul li a:hover ul li a:hover ul li a:hover {
		background:#bd8d5e; color:#fff;
	}
	.menu li.currentpage {
		background:#A72104; color:white; 
		display:block; text-decoration:none; 
		width:120px; height:30px; 
		border:1px solid #eee; 
		border-width:1px 1px 1px 0; 
		line-height:29px; 
		font-size:1em; 
		padding-left:10px;
	}

/* ====================================== END MENU FROM STU NICHOLLS ========================================= */

#insidepanel,
#portfolio,
#scrollpage,
#articlepage {
	float:left;
	width: 873px;
	margin:0;
	margin-top:3px;
   height: 700px;
	padding:0;
}

#insidepanel {
	margin-top:0;
	border-top:3px solid black;
}
#insidepanel,
#portfolio{
	background: #9FAFC9;
}

#scrollpage {
	background: #9FAFC9;
}

#articlepage {
	background: #f6e0c3;
	overflow:auto;
	margin-top:0;
	border-top:3px solid black;
}

#scrollpage h3 {
	font-size:1em;
	font-weight:bold;
	margin:3px 15px 0 15px;
	background: #E2A04A; color: #A72104;
	width:200px;
}

#insidepanel img,
#scrollpage img {
	margin:20px;
	float:right;
}
#insidepanel h1,
#portfolio h1,
#scrollpage h1,
#articlepage h1 {
	font-size:1.6em;
	margin: 20px;
}
#insidepanel p,
#scrollpage p {
	font-size:1.1em;
	margin: 5px 30px;
}

#articlepage p {
	font-size: 1em;
	margin: 5px 50px 5px 20px;
}

#scrollpage p.entry {
	font-size: 0.9em;
	font-style:normal;
	margin:0 35px;
}

#portfolio,
#scrollpage {
	overflow:auto;
	height:auto;
	min-height:700px;
	margin-top:0;
	border-top:3px solid black;
}

#articlepage div.section{
	margin: 10px 250px 40px 20px;
}
#articlepage h2.sectionhead {
	font-size: 1.1em;
	color: #ae6d17;
	margin:0;
	float:left;
}

#articlepage h3 {
	font-size: 1.1em;
	margin:0 30px 4px 20px;
}

#articlepage a.backtotop {
	text-align:center;
	font-size: 0.8em;
	font-weight:bold;
	background:#b36e14; color:white;
	padding:3px;
	margin:0;
	width:80px;
	text-decoration:none;
	line-height: 0.8em;
	float:right;
}

#articlepage ul,
#articlepage ol {
	margin-left: 40px;
	font-size: 1em;
}
#articlepage pre,
#articlepage code {
	font-size: 1.1em;
	font-family: Courier, sans-serif;
	margin:0;
	font-style:normal;
}

#articlepage img {
	margin:10px 60px;
	border: 2px solid #b36e14;
}

#articlepage table {
	margin:10px 20px;
	border: 2px solid #b36e14;
}
#articlepage table th {
	padding:2px;
	background: #b36e14;
	color: white;
	border: 1px solid #b36e14;
	font-size:0.9em;
}
#articlepage table td.porthdr {
	background: #b36e14;
	color: white;
	border: 1px solid #b36e14;
	font-size: 1em;
	font-weight:bold;
	text-align:center;
}
#articlepage table td.porthdr a {
	text-decoration:none;
	color:white;
	font-weight:bold;
}
#articlepage table td {
	border: 1px solid #b36e14;
	font-size: 0.9em;
	padding:3px;
}
#articlepage table td.thumb {
	background: #9FAFC9;
	width: 100px;
}
#articlepage table td.thumb img {
	border:0; margin:0;
	padding-left:12px;
	width: 80px;
	height: 64px;
}

#portfolio p.portfoliostmt {
	font-size: 1em;
	margin:4px 40px 4px 20px;
	font-style:italic;
	font-family: serif;
}

div.thumb {
   float:left;
   position: relative;
   margin:15px 0 0 15px;
   height:134px;
   width:126px;
   line-height:80%;
}
div.thumb img,
div.thumb a {
   border:0;
   text-decoration:none;
}
div.thumb .caption,
div.thumb .caption a,
div.thumb .caption p {
   margin-top:5px;
   font-size:0.9em;
   text-align:center;
   text-decoration:none;
   color:black;
   font-family:"Trebuchet MS", verdana, lucida, arial, helvetica, sans-serif;
}





#mainleft {
	float: left;
	margin:0;
    height:700px;
	width:430px;
    color:black;
	background: #8899AD;
	padding: 0 4px;
	border-top:3px solid black;

}
#mainleft h1 {
   padding: 4px;
   margin: 4px 20px 4px 4px;
   font-weight: bold;
   color: white;
   border-bottom:1px dotted rgb(182,23,1);
}
#mainleft h1,
#mainleft h2 {
   color:black;
	text-align:center;
}
#mainleft h1 {
	font-size: 125%;
}
#mainleft h2 {
	font-size: 110%;
}
#mainleft img {
	margin:5px 10px 5px 3px;
	float:left;
}
#mainleft p,
#mainleft span.lefttext {
	margin: 25px 5px 30px 5px;
}


#mainleft a:link,
#mainleft a:visited,
#mainleft a:active {
   text-decoration:none;
   color:white;
   display:inline;
}
#mainleft a:hover {
   text-decoration:underline;
   color:rgb(149,50,18);
   display:inline;
}


#mainright {
   float: left;
	margin:0;
   height: 700px;
	width:435px;
	background: #3F5B82;
	display: inline;
	border-top:3px solid black;
}
#mainright h1,
#mainright h2,
#mainright h3 {
   padding: 4px;
   margin: 4px 20px 4px 20px;
   font-weight: bold;
   color: #ccddff;
	text-align:center;
}
#mainright h1 {
	font-size: 125%;
   border-bottom:1px dotted #989699;
}
#mainright h2,
#mainright h3 {
	font-size: 110%;
}
#mainright h3 {
	margin-top:12px;
}
#mainright img {
	margin:5px 10px 5px 3px;
	float:right;
}
#mainright p{
	margin: 5px 5px 5px 10px;
	color: #ccddff;
}
#mainright a {
	color: #ffcc99;
	text-decoration:none;
}
#mainright a:hover {
   text-decoration:underline;
   color:#A72104;
}

#mainright img {
   padding: 8px 0 8px 18px;
   float:right;
}

#maincontent,
#portfoliostmt {
   padding: 12px;
   color: black;
}
#maincontent .featureimg {
   border: 0;
}

#footer {
   background-color: #A72104;
   padding: 12px;
   width: 980px;
   color:white;
   font-size: 80%;
   text-align: center;
   clear:both;
   border-top: 5px solid rgb(222,222,222);
}
#footer p {
   padding:0;
   margin-left:auto;
   margin-right:auto;
}
#footer a:link,
#footer a:active,
#footer a:hover,
#footer a:visited {
   color:white;
}
#footer a.nav {
   padding:0 10px;
   text-decoration:none;
}
#footer a.nav:hover {
   background-color:white;
   color: rgb(149,50,18);
}

#articlecontainer,
#mapcontainer,
#portcontainer {
   float:left;
   position:relative;
   font-size:1em;
   width: 667px;
   height: 540px;
   overflow:auto;
   border-bottom: 2px dotted rgb(50,50,50);
}
#mapcontainer {
   width: 667px;
}
#portcontainer {
   width: 655px;
}
#articlecontainer {
   margin-top:10px;
   padding:3px;
   width: 667px;
}
#articlecontainer h3,
#portcontainer h3 {
   margin:0;
   text-align:center;
   font-family: Georgia Times-Roman serif;
   font-size:1.2em;
   padding-bottom:30px;
}
#articlecontainer p {
   margin: 8px 5px;
}
#articlecontainer table.searchresults {
   background-color:rgb(220,220,220);
   color:black;
   font-size:80%;
   padding:8px;
}
#portcontainer table {
   margin-top:0;
}
/* Sitemap elements */
#mapcontainer {
   margin-top:0;
}
#mapcontainer h3 {
   margin: 10px 5px 5px 10px;
}
#mapcol1,
#mapcol2{
   position: relative;
   float: left;
   width:320px;
   font-family: verdana,tahoma,arial,sans-serif;
   font-size:0.9em;
}

.maplevel1 {
   margin-left:5px;
   list-style:none;
}
.maplevel2 {
   margin-left:10px;
   list-style:none;
}
.mapheader1 {
   color: maroon;
}
.searchbox {
   position:relative;
   margin-left:10px;
   margin-top:0;
   width: 200px;
   border: 1px solid rgb(228,211,195);
   text-align:center;
   padding:5px 2px;
}
.textinput {
   width:160px;
   padding:2px;
   font-size:0.8em;
   margin: 5px 0 8px 8px;
   border: 1px solid rgb(51,40,4);
}
.submitbtn {
   border: 1px solid rgb(51,40,4);
   font-size:0.8em;
}
table.searchresults {
   font-size:0.8em;
   margin-left:3em;
   width:800px;
}
.bigindent {
   margin-left:65px;
}