body {
  margin: 0px 10px 10px 10px;
  background: #32628A;
	font-weight: normal;
  font-family: Verdana, Arial, Trebuchet MS, Geneva, Helvetica, sans-serif;
  font-size: 10px;
	color: #333333;
	padding: 0px 0px 10px 0px;
  width: 700px;
  left: 50%;
  position: absolute;

  margin-left: -350px;
}

.toplogo {
  margin: 0px 0px 5px 0px;
  border: 1px solid #000;
  border-top: none;
}

#menu {
	border-bottom : 1px solid #000;
	margin : 0px;
	padding-bottom : 19px;
	padding-left : 10px;
}

#menu ul, #menu li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}
	
#menu a:link, #menu a:visited	{
	background : #FFFAF6;
	border : 1px solid #000;
	color : #000;
	float : left;
	font-size : 11px;
	font-weight : bold;
	line-height : 14px;
	margin-right : 8px;
	padding : 1px 10px 3px 10px;
	text-decoration : none;
  text-transform: lowercase;
}

#menu a:link.active, #menu a:visited.active	{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #333333;
}

#menu a:hover	{
	color : #333333;
}


body.theories #menu li#nav-1 a, 
body.vietnam #menu li#nav-2 a, 
body.rwanda #menu li#nav-3 a,
body.yugoslav #menu li#nav-4 a,
body.about #menu li#nav-5 a {
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #333333;
}

#menu #subnav-1,
#menu #subnav-2,
#menu #subnav-3,
#menu #subnav-4,
#menu #subnav-5 {
	display : none;
	width: 90%;
}

body.theories #menu ul#subnav-1, 
body.vietnam #menu ul#subnav-2,
body.rwanda #menu ul#subnav-3,
body.yugoslav #menu ul#subnav-4,
body.about #menu ul#subnav-5 {
	display : inline;
	left : 10px;
	position : absolute;
	top : 30px;
}

body.theories #menu ul#subnav-1, 
body.vietnam #menu ul#subnav-2,
body.rwanda #menu ul#subnav-3,
body.yugoslav #menu ul#subnav-4,
body.about #menu ul#subnav-5 {
	background : #fff;
	border : none;
	border-left : 1px solid #000;
	color : #444;
	font-size : 10px;
	font-weight : normal;
	line-height : 10px;
	margin-right : 4px;
	padding : 4px 10px 4px 10px;
	text-decoration : none;
}

#menu ul a:hover {
	color : #305C98 !important;
}


#contents {

  background: #FFFAF6;
	border: 1px solid #000;
	border-top: none;
	margin: 0px;
	padding: 0px;
}

#whitebar {
	background: #FFFFFF;
	margin: 0px;
	padding: 20px 10px 10px 10px;
  min-height: 336px;
  width: 527px;
  background-image: url('images/vrf.gif');
  background-repeat: repeat-y;
  background-position: top right;
}

#heightbar {
  height: 336px;
  float: right;
  width: 1px;
}

p, table {
  margin: 0px 0px 10px 0px; 
  padding: 0px 0px 0px 0px;
}

#centerbar {
  position: relative;
  left: 150px;
  width: 360px;

}

.heightbox {
  height: 120px;
}

.leftbox {
  float: left;
  width: 165px;
  margin: 10px 10px 10px 0px; 
  padding: 0px 15px 0px 0px;
  background-image: url('images/vrf.gif');
  background-repeat: repeat-y;
  background-position: top right;
}

.rightbox {
  float: right;
  width: 165px;
  margin: 10px 0px 10px 0px; 
  padding: 0px 0px 0px 0px;
}

.smallleftbox {
  float: left;
  width: 90px;
  margin: 10px 10px 10px 0px; 
  padding: 0px 15px 0px 0px;
  background-image: url('images/vrf.gif');
  background-repeat: repeat-y;
  background-position: top right;
}

.largerightbox {
  float: right;
  width: 240px;
  margin: 10px 0px 10px 0px; 
  padding: 0px 0px 0px 0px;
}

.borderimg {
  border: 1px solid #000000;
}

.rightborderimg {
  float: right;
  margin: 0px 0px 0px 10px;
  border: 1px solid #000000;
}

#rightbar {
  position: absolute;
  top: 100px;
  right: 3px;
  width: 147px;
  background: #FFFAF6;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 2px;
}

#rightbar h1 {
  padding: 2px 0px 4px 8px;
}


#rightbar form {
  margin: 4px 0px 10px 0px; 
}


#leftbar {
  position: absolute;
  top: 118px;
  left: 10px;
  width: 130px;
  height: 100px;
  background-image: url('images/vrf.gif');
  background-repeat: repeat-y;
  background-position: top right;
}

form {
  margin: 0px;
}

input, select, textarea {
  font-size: 10px;
  font-family: Verdana, Arial, Trebuchet MS, Geneva, Helvetica, sans-serif;
  border: 1px solid #000000;
}


.radio, .checkbox {
  border: none;
}

.hr {
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-image: url('images/hrf.gif');
  background-repeat: repeat-x;
  background-position: bottom left;
  border: none;
}

h1 {
  text-transform: lowercase;
 	font-size: 11px;
	font-weight: bold;
  margin: 0px 0px 4px 0px;
  padding: 0px 0px 3px 0px;
  background-image: url('images/hrf.gif');
  background-repeat: repeat-x;
  background-position: bottom left;
}

h2 {
 	font-size: 10px;
	font-weight: bold;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

h3 {
 	font-size: 10px;
	font-weight: normal;
  margin: 0px 0px 4px 0px;
  padding: 0px 0px 3px 0px;
}

#leftbar ul, #centerbar ul, #rightbar ul {
  font-size: 10px;
  padding: 0px 0px 0px 0px;
  list-style-type: none;
  list-style-image: url('images/arrow.gif');
}

#centerbar ul {
  margin: 0px 0px 10px 14px; 
}

#rightbar ul {
  margin: 0px 0px 20px 24px; 
}


#leftbar ul {
  margin: 0px 0px 10px 18px; 
}

#leftbar li {
  padding: 0px 0px 10px 0px;
}

#leftbar .sublist ul {
  margin: 0px 0px 0px 18px; 
}

#leftbar .sublist li {
  padding: 0px 0px 10px 0px;
}

#leftbar .sublist a {
  //font-weight: normal;
}

#centerbar li, #rightbar li {
  padding: 0px 0px 4px 0px;
}


#rightbar p {
  margin: 0px 0px 10px 8px;
}

a {
  font-weight: bold;
  text-decoration: none;
  color: #555555;
  border-bottom: dotted #cccccc 1px;
}

a:hover {
  color: #a60000;
}

.imga {
  border: none;
}

.cardtype {
  margin: 0px 10px 0px 0px;
  border: none;
}

.currency {
  width: 70px;
  text-align: right;
}

.total {
  width: 70px;
  text-align: right;
  border-top: 1px solid #000000;
  border-bottom: 1px double #000000;
}

.error {
  font-weight: bold;
  color: red;
}

.clear {
  clear: both;
  height: 1px;
  overflow: none;
  color: #FFFAF6;
  margin: 0px 0px 4px 0px;
  padding: 0px 0px 3px 0px;
}