/* structure / layout*/

html {
		height: 100%}

body {
		height: 100%;
		margin: 0px;
		padding: 0px}

.body {
		margin-right: 42px;
		padding: 5px 5px 5px 110px;}

#top {
		height: 32px;
		background: #333 url(../images/index_r1_c1.png) repeat-y;
		width: 948px;}

#content {
		width: 768px;
		background-color: #333;
		float: left;
		height: 100%, auto;
		clear: right;
		position: relative;
		min-height: 600px;
		padding-top: 30px;
		padding-bottom: 10px;
		font: normal .8em "Lucida Grande", Lucida, Verdana, sans-serif;
		overflow: hidden;}

#masthead {
		float: left;
		overflow: hidden;
		height: 311px;}

#flash {
		float: left;
		position: relative;
		width: 586px;
		overflow: hidden;
		background-color: #252320;
		height: 311px;}

#containerRB {
		width: 949px;
		margin-right: auto;
		margin-left: auto;
		padding: 0;
		text-align: left;
		height: 100% auto;}

#nav {
		width: 180px;
		float: left;
		clear: right;}

#banner {
		height: 311px;}

/* design "content" */

p {
		color: #f3f5dc;
		padding: 5px;
		line-height: 1.3em;}

#content dl {
		color: #f3f5dc;
		padding: 10px 5px 5px 100px;
		margin-right: 42px;
		margin-right: 42px;}

dd {
		padding-bottom: 25px;}

#content dl dt {
		font-size: 16px;}

#content dl dd a {
		color: #6193a8;
		font: .9em/1.5 "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;}

#content dl dd {
		margin-bottom: 18px;}

a {
		text-decoration: none;
		color: #dfd8bd;}

#leftcol p a {
		color: #ff4548;}

#leftcol p a:hover {
		color: #4b4b4b;}

#content p.body a {
		color: #e0e7e8;
		text-decoration: underline;}

#india cite {
		line-height: 1.2em;
		text-align: right;
		position: relative;
		top: 310px;
		float: left;
		font-size: .8em;
		color: #e0e7e8;}

#india {
		background: url(../images/india.jpg) 3px 400px;
		width: 320px;
		height: 380px;
		margin-left: 20px;}

span.ref {
		font-size: 75%;
		font-weight: normal;
		font-style: normal;}

li {
		color: #6193a8;}

.outquote {
		float: right;
		width: 260px;
		padding: 10px 10px 15px 12px;
		color: #c9d32e;
		text-align: right;
		margin-right: 25px;
		margin-top: 12px;
		font-size: 1.1em;
		line-height: 1.2em;
		font-style: italic;}

#footer {
		height: 32px;}

#content ul {
		padding-left: 100px;
		padding-right: 42px;
		margin-right: 42px;
		color: #2c2c2c;
		font: .9em/1.5 "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;}

ul a {
		color: #999;
		font-size: 1.2em;
		line-height: 29px;
		font-weight: bold;}

/* menu style */

/* @group pops */

#pop {
		background-color: #c9d32e;
		border-style: dashed;
		border-color: #333;
		margin: 0;
		padding: 20px 0 20px 87px;}

#pop h1 {
		color: #000;
		font: bold 2.4em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		padding: 9px 0 12px;
		margin-left: 0;
		margin-right: 44px;}

#pop h3 {
		color: #ff3700;
		font: normal 1.6em/1.3 Georgia, "Times New Roman", Times, serif;
		padding-top: 6px;
		padding-bottom: 16px;
		padding-left: 0;
		margin: 0 0 0 40px;}

#pop p {
		color: #5b442f;
		font: 1.1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		margin-left: 45px;
		padding: 6px 0 4px;}

div.mappr {
		top:91px;
		right:0;
		display: none;
		background: #2c2c2c;
		border: 1px solid #282823;
		width: 380px;
		height: 302px;
		padding: 0px;
		filter: alpha(opacity=95);
		opacity: .95;
		position:absolute;
		-moz-border-radius-bottomleft: 13px;
		-webkit-border-bottom-left-radius: 13px;
		-moz-border-radius-bottomright: 13px;
		-webkit-border-bottom-right-radius: 13px;}

div.tag {
		float: right;
		padding: 50px 0 0;
		clear: right;
		width: 47px;
		text-align: left;
		direction: rtl;
		height: 24px;
		margin: 0;
		background: url(../images/mappr.jpg) -5px -20px;
		-moz-border-radius-bottomleft: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-webkit-border-top-left-radius: 10px;}

span#tab {
		color: #220700;
		text-align: right;
		direction: ltr;
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 0;
		white-space: normal;
		font: italic bold 1.3em Georgia, "Times New Roman", Times, serif;
		padding: 0 0 0 4px;}

a.comment {
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #72781a;
		text-align: center;
		font: 0.7em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		margin-top: 5px;
		margin-left: 30px;}

small {
		margin-top: 9px;}

#popmap{
		position:relative;
		margin:0;}

p.centred {
		text-align: center;
		padding: 12px;
		color: #c9d32e;
		font-size: 1em;
		font-weight: bold;}



/* @end */

ul#menu {
		text-align: right;
		list-style-type: none;
		padding-top: 12px;
		margin-top: 15px;
		color: #262626;
		margin-right: 25px;
		font-family: "Lucida Grande", Lucida, Verdana, sans-serif;}

h3.sonar {
		color: #d21c1c;
		padding-top: 6px;
		padding-bottom: 16px;
		padding-left: 0;
		margin: 0 0 0 50px;
		font: normal 1.8em/1.3 Georgia, "Times New Roman", Times, serif;}

div#leftcol {
		float: left;
		clear: both;
		width: 580px;}

.bold {
		font-weight: bold;}

#tab a {
		color: #353532;}

#tab a:hover {
		color: #c2c2b7;}

#footer p {
		color: #5d5d5d;
		font: 50% "Lucida Grande", Lucida, Verdana, sans-serif;
		margin: 3px 12px 12px 180px;}

p.photoref {
		text-align: right;
		font-size: 50%;
		float: right;
		top: 0;}

/* form stuff */

div > p:first-child {
		color: #e0e7e8;}

span.sectiont {
		color: #e0e7e8;
		font-size: 100%;
		font-style: italic;}

#content p.photoref {
		}

div.byline {
		height: 15px;
		float: right;
		clear: right;
		margin-top: 5px;
		margin-right: 24px;}

#content div.byline p.photoref a {
		color: #000;}

ul.chron > li:first-child {
		font-weight: bold;
		font-size: 24px;
		color: #6193a8;
		padding-top: 8px;
		line-height: 28px;
		margin-top: 12px;}

li.title {
		color: #fefff8;
		font-size: 16px;}

#content ul.chron li.title em {
		font-style: italic;}

#content dl dt em {
		font-style: italic;}

li.people {
		color: #999477;}

li.comment {
		font-size: 80%;
		color: #66625b;}

h1 {
		padding-left: 100px;
		padding-right: 42px;
		margin-right: 42px;
		color: #dfd8bd;
		font: bold 2em/normal "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		margin-top: 30px;}

/* menu shifter */

body#contact li#A a {
		color: #4f4f4f;}

body#media li#D a {
		color: #4f4f4f;}

body#blog li#F a {
		color: #4f4f4f;}

body#chronology li#C a {
		color: #4f4f4f;}

body#about li#B a {
		color: #4f4f4f;}

body#home li#E a {
		color: #4f4f4f;}

h3 {
		color: #dfd8bd;
		font: 1.8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}

h3 {
		padding-left: 100px;
		margin-right: 42px;
		padding: 24px 5px 5px 0;
		padding-left: 100px;
		margin-right: 42px;
		color: silver;
		font: 1.2em "Lucida Grande", Lucida, Verdana, sans-serif;}

#content h5 {
		color: #dfd8bd;
		background-position: 0;
		float: none;
		padding-left: 103px;
		clear: left;}

#content p.body em {
		font-style: italic;}

table.insideCOL {
		background-position: 120px;
		margin-left: 100px;
		margin-top: 20px;}

#footer p a {
		color: #444;
		font-weight: bold;}