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

.page {
	background-color : white;
}

.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-text {
	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;
}

.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;
}

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

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

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

.consulList img.map
{
}

.consulList .odd
{
	background : grey;
}

.consulList .even
{
	background : lightgrey;
}



.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%;
}

	

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 h3,
.formPrompt h4,
.fieldName h3,
.fieldName h4
{
	display : inline;
}


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

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

.homeColumn1 {
	float: left;
	clear: left;
	width: 30%;
	margin: 0;
}

.homeColumn2 {
	margin-left: 33%;
	padding: 0;
	float: left;
	width: 66%;
	margin-left: 1%;
	padding-left: .5em;
}

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

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

.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 {
	float: left;
	clear: left;
	width: 24%;
	margin: 0;
}

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

.column1of3
{
	width : 22%;
	float : left;
	clear : left;
}
.column2of3
{
	padding-left : .5em;
	padding-right : .5em;
	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;
}

ul.menu li.purple_state
{
	list-style-image : url(/res/ball.purple.gif);
}

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

ul.menu li.purple_state
{
	list-style-image : url(/res/ball.purple.gif);
}

ul.menu li.normal_state
{
	list-style-image : url(/res/ball.gray.gif);
}

ul.menu li.green_state
{
	list-style-image : url(/res/ball.green.gif);
}

ul.menu li.blue_state
{
	list-style-image : url(/res/ball.blue.gif);
}

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

ul.menu li.cyan_state
{
	list-style-image : url(/res/ball.cyan.gif);
}


option.purple_state,
span.purple_state
{
	background-image : url(/res/ball.purple.gif);
	background-position : -0.25em;
	background-repeat : no-repeat;
	padding-left : 1.5em;
	padding-right : 1em;
}

option.yellow_state,
span.yellow_state
{
	background-image : url(/res/ball.yellow.gif);
	background-position : -0.25em;
	background-repeat : no-repeat;
	padding-left : 1.5em;
	padding-right : 1em;
}

option.normal_state,
span.normal_state
{
	background-image : url(/res/ball.gray.gif);
	background-position : -0.25em;
	background-repeat : no-repeat;
	padding-left : 1.5em;
	padding-right : 1em;
}

option.green_state,
span.green_state
{
	background-image : url(/res/ball.green.gif);
	background-position : -0.25em;
	background-repeat : no-repeat;
	padding-left : 1.5em;
	padding-right : 1em;
}

option.blue_state,
span.blue_state
{
	background-image : url(/res/ball.blue.gif);
	background-position : -0.25em;
	background-repeat : no-repeat;
	padding-left : 1.5em;
	padding-right : 1em;
}

option.red_state,
span.red_state
{
	background-image : url(/res/ball.red.gif);
	background-position : -0.25em;
	background-repeat : no-repeat;
	padding-left : 1.5em;
	padding-right : 1em;
}

option.cyan_state,
span.cyan_state
{
	background-image : url(/res/ball.cyan.gif);
	background-position : -0.25em;
	background-repeat : no-repeat;
	padding-left : 1.5em;
	padding-right : 1em;
}

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

.displayPrompt {
	margin-top : 1em;
	clear: both;
	float: left;
}

.displayPrompt h3,
.displayPrompt h4,
h3.displayPrompt,
h4.displayPrompt
{
	display : inline;
	clear : left;
	float : left;
}

.pageBox .editPrompt {
	margin-top : 1em;
	clear: both;
	float: left;
}

.address .addressLine {
	width: 100%;
	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);
}

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

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

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

.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;
	font-size: larger;
}

.news h2 {
	background-color: white
}

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