/* CSS Document */

* {
margin: 0;
padding: 0;
}

/*----------
 Structure
----------*/

body {
font-size: 62.5%;
font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans serif;
color: #0D0D0D;
background-image: url(images/background.gif);
background-color: #050F23;
}

#header {
background-color: #050F23;
}

#headertitle {
width: 75%;
float: left;
padding: 114px 0 0 0;
overflow: hidden;
background-color: transparent;
background-image: url(images/header.png);
background-repeat: no-repeat;
height: 0px !important;
height /**/:114px;
}

#searchbox {
width: 24%;
float: right;
padding-top: 70px;
}

#searchbox input {
margin-left: 3px;
}

#header h1 {
clear: both;
color: #FAFAD2;
font-size: 2em;
padding: 5px 0 15px 0;
text-align: right;
margin-right: 30px;
font-weight: normal;
}

#wrapper {
width: 78em;
margin: 0 auto;
background-color: #FAFAD2;
}

#wrapper_home {
width: 78em;
margin: 0 auto;
background-color: #18293e;
}

.sidebar {
width: 24.5%;
float: left;
background-color: #FAFAD2;
}

.content {
width: 75%;
float: left;
background-color: #FDFEF0;
}

#footer {
clear: both;
text-align: center;
font-size: 1.1em;
font-weight: bold;
background-color: #050F23;
color: #FDFEF0;
padding: .6em 0;
}

#header p {
text-align:right;
margin:5px 20px;}

#footer p {
padding: .2em 0 .4em 0;
}

#footer a:link, #footer a:visited, #header  a:link, #header a:visited {
color: #FDFEF0;
text-decoration: none;
}

#footer a:hover, #footer a:active, #header a:hover, #header a:active {
color: #F5E0A1;
text-decoration: underline;
}

#footer ul {
list-style-type: none;
padding: .7em 0 .4em 0;
}

#footer li {
margin: .5em 1em;
display: inline;
}

/*---------
 Navigation
----------*/

/*main nav*/

#navigation ul {
list-style-type: none;
font-size: 1.3em;
background: #182A3E;
color: #FDFEF0;
padding: .7em 0;
clear: both;
}

#navigation li {
font-size: 1em;
display: inline;
text-transform: uppercase;
margin: .7em;
text-align:center;
}

#navigation li a:link, #navigation li a:visited {
color: #FDFEF0;
text-decoration: none;
}

#navigation li a:hover, #navigation li a:active {
color: #bdb76b;
padding: .8em 0;
text-decoration: underline;
}

body.history #n-history a, body.dimensions #n-dimensions a, body.state #n-state a, body.intl #n-intl a, body.resources #n-resources a {
color: #bdb76b;
padding: .8em 0;
}

.on, .on a:link, .on a:hover {
color: #CCCC66;
}

/* subnav */

#subnavigation ul {
list-style-type: none;
text-align: center;
font-size: 1.2em;
background: #BDB76B;
color: #182A3E;
font-weight: bold;
padding: .7em 0;
}

#subnavigation li {
font-size: 1.1em;
display: inline;
text-transform: uppercase;
margin: 1.5em;
}

#subnavigation li a:link, #subnavigation li a:visited {
color: #182A3E;
text-decoration: none;
}

#subnavigation li a:hover, #subnavigation li a:active {
color: #182A3E;
padding: .8em 0;
text-decoration: underline;
}

#subnavigation li.on2 a {
color: #FFFFCC;
}


/*----------
  Styles
----------*/

a:link, a:visited, a:active {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

ul a:link, ul a:visited {
text-decoration: none;
}

ul a:hover, ul a:active {
text-decoration: underline;
}

h3 {
margin: 1em 1em 0 1em;
}

h2.accessible {
margin: 1em 1em 0 1em;
font-size: 2em;
text-transform: uppercase;
}

img {
border: none;
}

.visit {
text-align: center;
font-weight: bold;
}

.question {
font-weight: bold;
}

h2.title {
font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans serif;
color: #0D0D0D;
font-size: 2.3em;
text-transform: uppercase;
margin: 1em;
}

table.transnational {
line-height: 11px;
}

p.tightlead {
line-height: 11px;
text-align:right;
}

/*--------- 
  Sidebar
----------*/

.subnav {
width: 92%;
margin: 1.5em auto 0 auto;
background-color: #FDFEF0;
font-size: 1.3em;
}

.nowhitebox {
width: 92%;
margin: 1.5em auto 0 auto;
font-size: 1.3em;
}


.subnav h2 {
background-color: #BDB76B;
color: #001A4D;
font-size: 1.2em;
text-align: center;
padding: .3em 0;
text-transform: uppercase;
}

.subnav ul {
list-style-type:none;
}

.subnav li {
border-bottom: 1px solid #BDB76B;
padding: .4em 0 .4em .5em;
display: block;
margin-bottom: .5em;
}

.subnav li a:link, a:visited {
color: #182A3E;
text-decoration: none;
}

.subnav li a:hover {
color: #003366;
text-decoration: none;
}

.subnav li a.here {
font-weight: bold;
color: #336699;
}

.related {
width: 100%;
margin: 0 auto;
font-size: 1.25em;
border-top: 1px solid #E6E6B3;
}

.related2 {
width: 92%;
margin: 0 auto;
font-size: 1.25em;
border: none;
}

.relatedtop {
width: 92%;
margin: 3em auto;
font-size: 1.25em;
border: none;
}

.related h3, .relatedtop h3, .related2 h3 {
font-size: 1.1em;
text-align: center;
padding: .3em 0;
text-transform: uppercase;
}

.related ul, .relatedtop ul, .related2 ul {
list-style-type: none;
}

.related li, .relatedtop li, .related2 li {
padding: .4em 0 .4em .5em;
display: block;
margin: 0 0 .5em .5em;
}


.related a:link, .related a:visited, .relatedtop a:link, .relatedtop a:visited, .related2 a:link, .related2 a:visited  {
color: #182A3E;
text-decoration: none;
}

.related a:hover, .relatedtop a:hover, .related2 a:hover, .related a:active, .relatdtop a:active, .related2 a:active {
color: #003366;
text-decoration: underline;
}

/*---------
  Content
-----------*/

div.content ul.morenav {
margin-left: 60px;
font-size: 1.3em;
text-transform:uppercase;
font-weight:bold;
list-style-type: none;
}

div.content ul.morenav li{
margin-bottom: 4px;
}

.content p {
font-size: 1.25em;
margin: .5em 1em 1em 1em;
line-height: 1.6em;
}

p.blockquote {
margin: 10px 75px;
text-align: justify;
}

.content ul {
list-style-type: square;
font-size: 1.25em;
line-height: 1.6em;
margin-left: 1.2em;
}

.content ul li {
margin: .5em 1em;
}

.content ol {
font-size: 1.25em;
line-height: 1.6em;
margin-left: 1.2em;
}

.content ol li {
margin: .5em 1em;
}

.content dl {
margin: 1em;
font-size: 1.25em;
}

.content dt {
font-weight: bold;
margin-bottom: .5em;
}

.content dd {
margin: .5em;
}

.content a:link {
color: #000066;
text-decoration:none;
}

.content a:visited {
color: #003366;
}

.content a:hover {
color: #333300;
text-decoration: underline;
}

.subsection {
border-top: 1px solid #E6E6B3;
}

.subsection a:link, .subsection a:visited, .subsection a:active{
text-decoration: none;
}

.subsection2 {
border: none;
}

h2.subsectiontitle {
color: #000066;
font-weight: bold;
font-size: 1.7em;
margin: 2.5em 1em .3em .5em;
text-transform: uppercase;
font-style:italic;
}

h4.subsectiontitle {
color: #333300;
font-weight: bold;
font-size: 1.5em;
margin: 1em;
text-transform: uppercase;
}

.top {
text-align: right;
}

.top a:link {
color: #333300;
font-weight: bold;
text-decoration: none;
}

.top a:hover {
text-decoration: underline;
}

ul.bridges {
font-size: 12px;
margin-left: 40px;
}

ul.indent {
margin-left: 40px;
}

/*------------
breadcrumbs nav 
-------------*/

.breadcrumbs {
display: block;

font-size: .85em;
margin: .5em 0;
padding: .5em 0;
color: #000066;
}

.breadcrumbs ul {
list-style-type: none;
}

.breadcrumbs ul li {
display: inline;
margin: .2em;
}

.breadcrumbs a.here {
font-weight: bold;
color: #336699;
}

.breadcrumbs a {
text-decoration: none;
}

/*-----------------------
Diplomatic Immunity Table
-----------------------*/

.table {
border: 1px solid #E6E6B3;
margin: auto;
width: 97%;
}

.smalltable {
border: 1px solid #E6E6B3;
margin: auto;
width: 50%;
}

.table table {
font-size: 1.1em;
text-align: center;
text-transform: uppercase; 
}

.smalltable table {
font-size: 1.1em;
text-align: left;
text-transform:uppercase;
}

.table table td{
padding: .2em;
}

.smalltable table td {
padding: .2em 1em;
}

.table tr.title, .smalltable tr.title {
text-transform: uppercase;
font-weight: bold;
text-align: center;
background: #D9D999;
} 

.table td.title, .smalltable td.title {
font-weight: bold;
}

.table tr.even, .smalltable tr.even {
background: #ECECB3;
}

.tablenotes {
font-size: .9em; 
}

.tablenotes p {
margin-bottom: .5em;
line-height: 1.3em;
}

h5.immuneexample {
font-size: 1.4em;
font-weight: bold;
margin: 1em;
}

table.empcats {
font-size: 1.1em;
}

table.empcats tr.total {
border-top: 1px solid #663300;
}

/*-----------
Acronym Table
-----------

.acrotable {
width: 90%;
margin: auto;
text-transform:uppercase;
font-size: 1.1em;
text-align: center;
}

.acrotable table {
text-align: center;
margin: auto;
border: 1px solid #E6E6B3;
font-weight: bold;
}

.acrotable table td {
padding: 1em;
}

.acrotable a {
text-decoration: none;
}*/

/*-----------------
Database Top Search
-----------------*/

.dbsearchtop {
width: 90%; 
margin: .5em auto;

}

.dbsearchtop table {
margin: auto;
text-align: left;
border: 1px solid #ECECB3;
padding: 0;
}

.dbsearchtop table td.browse {
font-size: 1.4em;
font-weight: normal;
color: #333300;
text-transform: none;
padding: 8px;
}

.dbsearchtop form {
font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans serif;
font-size: 1.1em;
margin: 0 .5em;
}

.dropdown {
width: 265px;
}

/* images */
.floatimgright {
float: right;
margin: 0 .8em 0 .5em;

}

.floatimgleft {
float: left;
margin: 0 .5em 0 .8em;

}


/*------------------
Bibliography
-------------------*/

p.citation {
font-weight: bold;
font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans serif;
margin: 15px 15px 15px 25px;
line-height: 1.3em;
text-indent: -19px;
}

p.annotation {
font-style: normal;
color: #000033;
margin: 10px 6px;
}

/*------------------
Brief History Exhibit
-------------------*/
ul.chapters {
font-size: 1.6em;
margin-left: 35px;
margin-top: 25px;
list-style-type: none;
}

ul.chapters li {
margin-bottom: 7px;
}

ul.chapters a {
text-decoration: none;
}

ul.chapters a:hover {
text-decoration: none;
color: #996600;
}

p.exhibitnotes {
font-style: italic;
font-size: 1.1em;
margin-top: 50px;
border-top: 1px solid #996600;
padding-top: 3px;
}

p.exhibitnotes2 {
font-style: italic;
font-size: 1.1em;
padding-top: 8px;
}

.imageboxleft {
float: left;
margin: 15px 10px;
clear: right;
width: 400px;
text-align: left;
}

.imageboxright {
float: right;
margin: 15px 10px;
clear:left;
width: 400px;
text-align: right;
}

.imageboxrightskinny {
float: right;
margin: 15px 10px;
clear:left;
width: 275px;
text-align: right;
}

.imageboxright p.caption, .imageboxleft p.caption, p.caption, .imageboxcenter p.caption {
font-size: 1.1em;
font-style: italic;
text-align: left;
}

.imageboxcenter {
margin: 15px auto;
text-align: center;
width: 400px;
clear: both;
}

.firstimageright {
float: right;
margin: 0 10px;
}

.exhibitsubsection2 {
border: none;
font-size: 1.1em;
font-family: Georgia, "Times New Roman", Times, serif;
}

.clear {
clear: both;
}

table.next {
margin: auto;
width:100%;
clear: both;
}

table.next td.right {
text-align: right;
}

.standoutbox {
background-color: #FAFAD2;
border: 1px solid #996600;
width: 500px;
margin: auto;
clear: both;
}

.standoutbox h4 {
text-transform:uppercase;
font-size: 1.2em;
text-align: center;
padding: 5px 0;
}

.quoteboxcenter {
width: 300px;
margin: auto;
text-align: left;
font-style: italic;
border: 1px solid #996600;
}

.quoteboxright {
width: 300px;
margin: 5px;
float: right;
text-align: left;
font-style: italic;
border: 1px solid #996600;
padding: 5px;
}

.bibmenu {
width: 300px;
}

table.secs {
border: 1px solid #bdb76b;
padding: 5px 0;
margin: 10px auto;
width:98%;
clear: both;
font-size: 10px;
}

table.secs td {
vertical-align:top;
text-align: center;
font-style:italic;
line-height: 1.2em;
width: 23%;
font-family: Georgia, "Times New Roman", Times, serif;
}

table.secs td.fa {
vertical-align:top;
text-align: center;
font-style:italic;
font-size: 1em;
line-height: 1.2em;
width: 26%;
font-family: Georgia, "Times New Roman", Times, serif;
}

/* Google AJAX Search styles */
.gsc-control {margin-left:1em;} /* The entire wrapper */
.gsc-search-box {}
	.gsc-input {width:175px;} /* The search text input element */
	.gsc-search-button {} /* The search submit input element */

.gsc-branding {display:none;}
	
.gsc-title {display:none;} /* The name of the site being searched...in our case, usdiplomacy.org */
.gsc-stats {} /* The Number of results returned */

.gsc-results {} /* Entire list of search results */
	.gsc-webResult {display:block; margin-bottom:1em; clear:both;} /* individual result */
		.gs-title {font-size:1.4em;} /* Title of individual search result */
		.gs-snippet {font-size:1.25em; line-height:1.75em;} /* blurb from individual search result */
		.gs-visibleUrl {} /* URL of individual search result */
		.gs-visibleUrl-short {display:none;} /* shortened version of the result's URL */
		.gs-visibleUrl-long {background: #ccc;padding: 0.5em 1em; display:none; line-height:1.75em; font-size:1.1em;} /* full version of the result's URL */
		.gs-watermark {display:none;} /* The 'clipped by Google - date thing...I hid this because it seemed unnecessary */
		
.gsc-ad-box {display:none;} /* Hides the sponsored links...until I can figure out how to disable them through the API */