/* Global Styles */

body {
  background: #fafafb url(images/bg_pattern.jpg) top left repeat;
   font-family:Geneva, Arial, Helvetica, sans-serif;
 
 }

 
h1, h2, h3, h4, h5 {

	line-height: 1.2em;

	margin-bottom: 1.0em;

}

h1 { font-size: 140%;border-bottom:1px solid #000000;}

h2 { font-size: 120%;}

h3 { font-size: 110%;}

h4 { font-size: 100%;}
h5 { font-size: 100%;color:#212564;}

p {

	line-height: 1.5em;
    font-size:85%;
	margin-bottom: 1.0em;

}

.bodycopy-small { font-family: Arial, Helvetica, sans-serif; font-size: 75%;}

a {

	outline: none;
	text-decoration: none;
	color: #134d86;

}

a:hover {

	text-decoration: underline;

}

ul {
   margin-bottom: 1em;
}
li {
	font-size:85%;
	margin-left: 2em;
	list-style:disc;
}
blockquote {
	margin-left: 25px;
}
.img-right {
	float: right;
	padding: 0;
	margin: 0 0 10px 10px;
	border: none;
}

.img-left {
	float: left;
	padding: 0;
	margin: 0 10px 10px 0;
	border: none;
}
/* Navigation */

#navigation {
   width:960px;
   height:45px;
margin:0;
padding:0;
   background:transparent url(images/navigation_bg.gif) top left repeat-x;
}

#navigation ul {

	margin-left: 20px;
  

}

#navigation ul li {

	float: left;
	color: #FFF;
	margin-left:0;
	list-style:none;
	padding-left: 10px;
    padding-top:4px;
	background: transparent url(images/navigation_bullet.png) 0 60% no-repeat;
}

#navigation ul li.first {

	padding-left: 0;
	margin-left: none;
	background-image: none;	
}

#navigation ul li a {

	padding: 5px 10px 5px 5px;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	text-transform: uppercase;
	color: #FFF;
}
#header h1#logo a {

	display: block;
	background: transparent url(images/logo.png) top left no-repeat;
	height: 100px;
	width: 466px;
	position: absolute;
	margin: 0 0 0 235px;
	text-indent: -10000px;

}
/* AUTO-SELECTING NAVIGATION http://24ways.org/advent/auto-selecting-navigation */

body.home #navbar li.home,
body.about #navbar li.about,
body.buy #navbar li.buy,
body.biography #navbar li.biography,
body.funding #navbar li.funding,
body.contact #navbar li.contact { font-weight: bold;}

/* Layout */ 

 #header {
    background: #5d1ff9 url(images/header_bg.gif) top left repeat-x;
	height:100px;
	padding:0;
	margin:0 auto;
	width:960px;
 }
 
#header .content {
    margin:0 auto;
	padding:1px;
	width:960px;
	position:relative;
}
#header .content .review_1 {
   position:absolute;
   top:10px;
   left:10px;
   z-index:1;
}
#header .content .review_2 {
   position:absolute;
   top:10px;
   left:800px;
   z-index:1;
}

 #container {
 	margin: 0 auto;
	padding: 0;
	position:relative;
	width: 960px;
    background:#fff;
}
#container .banner {
    margin-bottom:-16px;
	padding:0;
}
#main {
	width: 610px;
	float: left;
	padding:10px;
}
#sidebar {
	width: 300px;
    padding:10px;
	float: right;
	border-left:1px solid #666;
}
#copy {
   margin:0 auto;
   width:960px;
   color:#CCCCCC;
   font-size: 75%;
   padding: 5px 0 10px 10px;
}
/* One Column Layout */ 
#interior #body-bg {
   background: none;

}

#interior #main {
    width: 920px;
	float: left;
	padding:10px;
}

#interior #navigation {
   width:960px;
   height:50px;
   background:transparent url(images/navigation_bg.gif) top left repeat-x;
   border-top:1px solid #474c8c;
}
/* Footer */

#footer {
	background:transparent url(images/footer_bg.gif) top left repeat-x;
	height:53px;
	clear:both;
}

#footer ul {

	margin-left: 20px;
  
}

#footer ul li {

	float: left;
	color: #FFF;
	padding-left: 10px;
	margin-left:0;
	list-style:none;
    padding-top:14px;
	background: transparent url(images/navigation_bullet.png) 0 70% no-repeat;
}

#footer ul li.first {

	padding-left: 0;
	margin-left: none;
	background-image: none;	
}

#footer ul li a {

	padding: 5px 10px 5px 5px;
	font-size: 85%;
	height: 30px;
	line-height: 30px;
	text-transform: uppercase;
	color: #FFF;
}

/* TWO COLUMNS
---------------------------------------------------------------------------------------- */

.columns {
	float: left;
	clear: both;
	width: 99%;
	background-color: transparent;
	margin-bottom: 1em; /* IE fix at end of document */
}

.columns-1 {	
	float: left;
	clear: left;
	width: 48%;
	padding: 0;
	margin: 0;
}
.columns-2 {
	float: right;
	clear: right;
	width: 48%;
	padding: 0;
	margin: 0;
}

.columns h4 {
	border-bottom: 1px dotted #999999;
}

.gallery img {
	padding: 4px;
	border:1px solid #ccc;
}
.gallery a img:hover {
	padding: 4px;
	border: 1px solid #134d86;
]
	