body
{
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #113355;
	width: 868px;
}

input:focus
{
	background : #fddb7f;
}

.page {
	background-color : white;
}

ul.doubleSpace li {
	padding-top : 1em;
}
	
.page ul {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-left: 1em;
}

.page h1 {
	margin-top: .5em;
}

a {
	text-decoration: underline;
	color: #113355;
	outline: none
}

a:visited {
	text-decoration: underline;
	color: #113355;
}

a:active {
	text-decoration: underline;
	color: #113355;
}

a:hover {
	text-decoration: underline;
	color: #113355;
}


submit {
	background-color: #dde2e8;
	color: #152b52;
	margin: 2px;
}

select {
	background-color: #ffffff;
	color: #000000;
	border: 2px inset #ffffff;
	position: static;
}

select.country
{
	width : 20em;
}

select.short_country
{
	width : 10em;
}

select.phone
{
	width : 8em;
}

input.surname {
	background-color: #ffffff;
	color: #000000;
	border: 2px inset #ffffff;
	position: static;
	width : 15em;
}	

select.consul
{
	width : 15em;
}

.select_front {
	width: 150px;
}

#footer {
	clear: both;
	width: 765px;
	height: 18px;
	margin-left: auto;
	margin-right: auto;
	background: url("/res/footer_background.gif") no-repeat;
}

#footer .footer-left {
	float : left;
	margin-left: 20px;
	font-weight: bold;
	margin-top: 2px;
}

#footer .footer-right {
	float : right;
	margin-right: 20px;
	font-weight: bold;
	margin-top: 2px;
}

.page {
	clear: both;
	width: 765px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-left: .5em;
	padding-right: .5em;
}

#header {
	clear: both;
	width: 765px;
	margin-left: auto;
	margin-right: auto;
	height: 80px;
	background: url("/res/logo.jpg") no-repeat;
}

#header .headerID {
	position : absolute;
	top : 0px;
	left : 700px;
	
}

#header .headerLine {
	position : relative;
	left : 50%;
	top : 40%; 
	font-variant: normal;
	color: blue;
	margin-left: auto;
	margin-right: auto;
	font-size : 120%;
}



/* page menu */

.page .menu .nav {
	position: relative;
	background-color: #dde2e8;
	width: 98%;
	padding: .5em;
	margin-left : 0.20%;
}

.page .menu .nav li
{
	display: inline;
	list-style: none;
	font-size: 100% !important;
	padding-left : 2em;
	padding-right : 2em;
	padding: .5em;
}

.page .menu .nav li.selected {
	color : red !important; 
	font-weight: bold;	
}

/* end menu */
		
div.confirmedBy {
	border: gray thin ridge;
	margin: 5pt;
	position: static;
	float: left;
	padding: .5em;
}

#consulForm, #emissaryForm {
	margin: 5pt;
	position: static;
	float: left;
	background-color: #dde2e8;;
	padding: .5em;
}

#searchForm div {
	margin-top: .5em;
}

#searchForm div .select_front {
	margin-left: .5em;
}

.queryResultHeader {
	clear : left;
}

.memberList h3,
.consulList h3
{
	font-size : larger;
	display : block;
}

.memberList div,
.consulList div
{
	margin : 1%;
	padding : 1%;
}

.memberList img.flag,
.consulList img.flag
{
	margin-left : 5%;
}

.memberList img.map,
.consulList img.map
{
}

.memberList .odd,
.consulList .odd
{
	background-color: #dde2e8;
	border: 2px ridge #f0f0f0;
}

.memberList .even,
.consulList .even
{
	background-color : #ffffff;
	border: 2px ridge #f0f0f0;
}


.userDisplay {
	position: static;
	float: left;
}

.userText {
	clear: left;
	background-color: #dde2e8;;
	border: gray thin ridge;
	padding: .5em;
}

.searchResults
.consulDisplay
{
	margin-top: 5pt;
	margin-bottom : 5pt;
	position: static;
	float: left;
	padding: .5em;
	width: 98%;
}

.pageBox,
.buttonBox {
	margin-top: 5pt;
	margin-bottom : 5pt;
	position: static;
	float: left;
	background-color: #dde2e8;
	padding: .5em;
	width: 98%;
}

.pageBox .mapInfo
{
	margin-left: auto;
	margin-right : auto;
}

.pageBox select
{
	float : left;
	clear : left;
}

.phoneInfo {
	margin: 2px;
	padding: 2px;
	float: left;
}

.phoneInfo div {
	margin-top: 3px;
}

.memberEdit {
	margin-top: 5pt;
	position: relative;
	float: left;
}

.phoneEdit {
	background-color: #dde2e8;
	border: gray thin ridge;
	clear: left;
	padding: .5em;
	margin-bottom: 5px;
}

ul.countryList,
ul.searchResults {
	clear : left;
	float : left;
	list-style: none;
	margin-left : 0;
}

ul.searchResults {
	width : 98%;
}

ul.countryList li,
ul.searchResults li.consul {
	clear : left;
	margin-top : 1em;
	margin-left : 2em;
	text-indent : -2em;
}

.flag {
	border: thin solid gray;
}

h1, 
h2
{
	color: white;
	background-color: #8898ae;
	padding: .5em;
}

h1
{
	font-size : 150%;
}

h2
{
	font-size : 125%;
}

h3
{
	font-size : 112%;
}
	
h4
{
	font-size : 106%;
}

a.countryURL {
	clear: both;
	float: left;
}

.consul h3 input {
	margin-left: 5px;
}

.consul .name {
	font-size: larger;
	margin-right: .5em;
}

.consul a.name:hover {
	background: #345 !important;
	font-weight: bolder;
	color: #fff !important;
}

.consul .consultype {
	margin-right: 10px;
}

.consul .country {
	margin-right: 10px;
}

.consul .assignment {
	font-size: larger;
	font-weight: bolder;
	margin-top: .5em;
	margin-bottom: 0;
	padding: .5em;
}

.forFlag {
	margin-top: 5px;
	margin-bottom: 10px;
	float: left;
	clear : both;
}

.forFlag h3 {
	display : inline;
}

.toFlag {
	margin-top: 5px;
	margin-bottom: 10px;
	float: left;
	clear : both;
}

.toFlag h3 {
	display : inline;
}

div.formPrompt,
div.fieldName
{
	width : 100%;
	float : left;
	margin-top : 1em;
}

.formPrompt h4,
.formPrompt h3,
.formPrompt h2,
.formPrompt h1,
h4.formPrompt,
h3.formPrompt,
h2.formPrompt,
h1.formPrompt,
.fieldName h4,
.fieldName h3,
.fieldName h2,
.fieldName h1,
h4.fieldName,
h3.fieldName,
h2.fieldName,
h1.fieldName
{
	display : inline;
}

.address {
	float: left;
	clear: left;
	margin-bottom: 10px;
	width: 100%;
}

.pageBox h3
{
	margin-top :0;
	margin-bottom : 0;
}

.homeColumn1 {
	position : relative;
	top : 0;
	left : 1%;
	float: left;
	clear: left;
	width: 30%;
	margin: 0;
}

.homeColumn2 {
	position : relative;
	top : 0;
	left : 1%;
	padding: 0;
	float: left;
	width: 66%;
	padding-left: 1em;
}

.announcements
{
	background : green;
	color : white;
}

.announcements ul
{
	margin-top : 0;
	margin-bottom : 0;
}

.announcements ul li
{
	display : inline;
}

.announcements a,
.announcements a:visited,
.announcements a:active,
.announcements a:hover 
{
	color : white;
	font-weight: bold;
	text-decoration : none;
}

.homeColumn1 .searchbox
{
	background : #8c2525;
	border : medium black double;
	color : white;
	margin : .5em; 
	padding : .5em;
	font-size : larger;
	
}

.homeColumn1 .searchbox h3
{
	margin-bottom:0;
}

.homeColumn1 .searchbox p
{
	margin-top:0;
	margin-bottom:0;
}

.homeColumn1 .searchbox a
{
	color : white;
	font-weight: bold;
}

.homeColumn1 .headlines
{
	border : medium black double;
	margin : .5em; 
	padding : .5em;
}

.homeColumn1 .joinBox
{
	background : green;
	border : medium black double;
	color : white;
	margin : .5em; 
	padding : .5em;
	font-size : larger;
	
}

.homeColumn1 .joinBox h3
{
	margin-bottom:0;
	margin-top:0;
	text-align:center;
}


.homeColumn1 .joinBox a
{
	color : white;
	font-weight: bold;
}

.groupLogo {
	float: left;
	clear: left;
	width: 110px;
	height: 140px;
	margin: 0;
}

.column1of2 {
	float: left;
	clear: left;
	width: 47%;
	margin: 0;
}

.column2of2 {
	margin-left: 50%;
	padding: 0;
	float: left;
	width: 47%;
	margin-left: 1%;
	padding-left: .5em;
}

.pageBox .column1of2 {
	position:relative;
	float: left;
	clear: left;
	width: 24%;
	margin: 0;
}

.pageBox .column2of2 {
	position:relative;
	margin-left: 25%;
	padding: 0;
	float: left;
	margin-left: 1%;
	padding-left: .5em;
}

.column1of3
{
	width : 22%;
	float : left;
	clear : left;
}
.column2of3
{
	padding-left : 1em;
	padding-right : 1em;
	width : 25%;
	float : left;
}
.column3of3
{
	width : 48%;
	float : left;
}

.column1
{
	width : 25%;
	float : left;
	clear : left;
}

.column2
{
	width : 70%;
	float : left;
}


ul.menu {
	margin-left : .5em;
	list-style-type : none;
}

ul.menu li.selected a,
ul.menu li.selected a:hover
{
	font-weight : bold;
	text-decoration: none;
}

.pageBox h2,
.phoneEdit h2
{
	margin-top :0;
	margin-bottom : 0;
}

.pageBox .displayPrompt,
.pageBox .editPrompt {
	margin-top : 1em;
	clear: both;
	float: left;
	width: 100%;
}

.pageBox .displayPrompt h3 {
	display : inline;
}

.address .addressLine {
	width: 100%;
	clear: both;
}

.consul .phone {
	
}

.consul .phone .type {
	float: left;
	clear: left;
	padding-right: 1em;
}

.consul .phone .number {
	float: left;
}

.consul .email {
	margin-top: .5em;
	margin-bottom: .5em;
	float: left;
	clear: both;
}

.website, .responsible {
	margin-top: .5em;
	float: left;
	clear: both;
}

div.prompt
{
	font-weight: bolder;
	margin-right: 1em;
	display : run-in;
}


.website div.prompt, .responsible div.prompt
{
	width : 10em;
}


ol.faq {
	border: gray thick ridge;
	background: #f5f5f5;
	margin: 5%;
	padding: 5%;
}

dl.faq {
	background: #f5f5f5;
	margin: 5%;
	padding: 5%;
}

dl.faq dt {
	font-weight: bolder;
	padding-top: 2%;
}

dl.faq dd {
	
}

#signupForm  {
	margin: 5pt;
	position: static;
	float: left;
	background-color: #dde2e8;;
	padding: .5em;
}

#signupForm .givenname,#signupForm .surname,#signupForm .password {
	margin-top: .5em;
	margin-right: 2em;
	float: left;
}

#signupForm .surname {
	clear: right;
}

#signupForm .button_front {
	clear: left;
	float: left;
	margin-bottom: 5px;
}

#signupForm .email {
	width: 100%;
	margin-top: .5em;
	float: left;
}

.error {
	color: red;
}

div.error,
p.error,
span.error {
	background: url(/res/ball.red.gif) left no-repeat;
	padding-left: 20px;
	font-size: larger;
}

ul.error li
{
	list-style-image : url(/res/ball.red.gif);
}


.warning {
	color: #9a0af6;
}

div.warning,
p.warning,
span.warning {
	background: url(/res/ball.yellow.gif) left no-repeat;
	padding-left: 20px;
	font-size: larger;
}

ul.warning li
{
	list-style-image : url(/res/ball.yellow.gif);
}

.warningBox
{
	margin: 1em;
	position: static;
	float: left;
	background-color: #dde2e8;
	padding: .5em;
	clear : both;
	color: #9a0af6;
	border: 2px inset red;
}

.homeColumn1 .bloglinks
{
	background : #dde2e8;
	border : medium black double;
	margin : .5em; 
	padding : .5em;	
	height : 110px;
}

.bloglinks li
{
	list-style: none;
	margin-left: 1.5em;
	text-indent : -1em;
}

.bloglinks h1,
.bloglinks h2
{
	color: #113355;
	background-color: #dde2e8;
	padding: .5em;
	margin: .5em;
	padding-bottom: 0;
	margin-bottom: 0;
}

.headlines {
	background-color: #dde2e8;
	margin: 5pt;
	display : block;
}

.headlines h1,
.headlines h2
{
	color: #113355;
	background-color: #dde2e8;
	padding: .5em;
	margin-top: .5em;
	margin-bottom: 0;
	padding-bottom: 0;
}

.bloglinks h1,
.headlines h1
{
	font-size: 120%;
}

.bloglinks h2,
.headlines h2
{
	font-size: 110%;
}

.headlines h2.location a,
.headlines h2.location a:hover,
.headlines h2.location a:active,
.headlines h2.location a:visited
{
	text-decoration: none;
}

.headlines .providence {
	text-align: right;
	margin-right: 1.5em;
	padding-bottom: 1.5em;
}

.news {
	margin-left: 2.5em;
	text-indent : -1em;
}

.news h2 {
	background-color: white
}

img.right {
	float : right;
	display : inline;
}

.sm {
	color : black;
}

.CountryAttribution {
	clear : left;
}
.IDAttribution {
	clear : left;
}

.emphasis {
	font-weight: bold;
	font-size : larger;
	font-color : red;
}

.emphasis a:visited,
.emphasis a:active,
.emphasis a:hover {
        color : red;
}